﻿@import url('https://fonts.googleapis.com/css?family=Alef|M+PLUS+Rounded+1c');

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }



/*#region topNavigation */
#topNavigation { position: relative; bottom: -216px;margin:0 auto; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); height:40px;border-top:2px solid #fff;}
    #topNavigation .publishButton { background: url(/Cpart/img/homepage_publishAdButton.png) no-repeat -9px center; width: 262px; height: 79px; display: inline-block; text-decoration: none; color: #fff; font-size: 36px; text-indent: 61px; line-height: 75px; top: -40px; position: relative; }
    #topNavigation .publishButton:hover{background-image:url(/Cpart/img/homepage_publishAdButton_hover.png);}
    #topNavigation .links { width: 740px; height: 80px; padding: 5px 0 0 0; }
        #topNavigation .links a{text-decoration:none; padding:0;letter-spacing: 0.4px;color: #fff;}
        #topNavigation .links a.selected { font-family: 'ezer_semibold' !important; color: #ffc50a; }
        #topNavigation .links a.restless{letter-spacing: 0;font-size: 16px;font-family: Arial !important;position: relative;top: 1px;}
        #topNavigation .links a.kablan{/*font-family: 'ezer_semibold' !important;*/color: #7fb314;}
    #topNavigation .links a:hover{text-decoration:underline;}


/*#endregion */

/*#region padding fix */
#boardsGrid .archidFire { padding-top: 0; border-top: 2px solid #d4d5d5; margin-top: 60px; line-height: 35px; font-family: 'ezer_semibold'; letter-spacing: 0.6px; font-size: 28px;}
#boardsGrid .boardsRow.newPublications { padding: 20px 0 15px 0; }
/*#endregion */


/*#region featuredContent */
#featuredContent { height: 350px; margin-top: 30px; }
    #featuredContent .leftBox { height: 349px; width: 328px; border-radius: 9px; background: url('/cpart/img/MobileAdHomepage.png') no-repeat -8px center; margin-left: 12px; }
    #featuredContent .leftBox.herum{background-image:url(/Cpart/img/herum_bg.png)}
    #featuredContent .featuredGallery {height: 349px;width:664px; border: 1px solid #939598; border-radius: 9px; position:relative;}
    #featuredContent .featuredGallery .item{display:none;position:absolute;top:0;left:0;text-decoration: none;}
    #featuredContent .featuredGallery .item[data-index="0"]{display:block;}
    #featuredContent .featuredGallery .item img{max-width:100%;max-height:219px;border-radius: 7px 7px 0 0;}
        #featuredContent .featuredGallery .item .imgTitle { height: 40px; position: relative; top: -39px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6);text-align:center; margin-bottom: -40px;}
    #featuredContent .featuredGallery .item .title{padding: 0 15px;}
    #featuredContent .featuredGallery .item .description{padding: 0 15px;}
        #featuredContent .featuredGallery .indicators { text-align: center; padding-top: 5px; position: absolute; bottom: 5px; width: 100%; }
    #featuredContent .featuredGallery .indicators .indicator{display:inline-block;background:url(/Cpart/img/homepage_featured_indicators_sprite.png) no-repeat 0 0;width:19px;height:18px;margin: 0 3px;cursor:pointer;}
    #featuredContent .featuredGallery .indicators .indicator.on{background-position:-20px 0;}
/*#endregion */
/*#region Boards GRID */
#boardsGrid { }
    #boardsGrid .boardsRow { padding: 18px 0;}
        #boardsGrid .boardsRow .board { float: right; background-color: yellow; height: 150px; margin: 0 5px; border-radius: 5px; background: url(/Cpart/img/homepage/category_nadlan.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; position:relative;margin-bottom: 40px;cursor: pointer;}
        #boardsGrid .boardsRow .board .hoverLinks{width: 100%;height:114px; background-color:rgba(0,0,0,0.6);color:#fff;border-radius: 0 0 5px 5px;position:absolute;bottom:0;  -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;opacity:1;}
            #boardsGrid .boardsRow .board .hoverLinks .links { width: 50%; padding: 3px 20px; margin-top: 10px; }
            #boardsGrid .boardsRow .board .hoverLinks .links:first-child{border-right:1px solid #8f8f91;}
        #boardsGrid .boardsRow .board .hoverLinks .links a{color:#fff;display:block;text-decoration:none;font-family:Arial,'ezer_light','Arial Black', Gadget, sans-serif;}
        #boardsGrid .boardsRow .board .hoverLinks .links a:hover{text-decoration:underline;}
            /*#boardsGrid .boardsRow .board:hover .hoverLinks { display: block; filter: alpha(opacity=50); opacity: 1; }*/
            #boardsGrid .boardsRow .board .hoverBottomLinks { width: 100%; position: absolute; bottom: -42px; display: inline-block; height: 42px; overflow: hidden; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;opacity:1;text-align:center;}
            #boardsGrid .boardsRow .board.Item_1 .hoverBottomLinks { bottom: -75px; height: 70px;text-align:center; }
            #boardsGrid .boardsRow .board.Item_1 .hoverBottomLinks a{ padding: 0 3px;}
            /*#boardsGrid .boardsRow .board:hover .hoverBottomLinks{ display: block; filter: alpha(opacity=50); opacity: 1; }*/
            #boardsGrid .boardsRow .board .hoverBottomLinks a {
                display: inline-block;
                text-decoration: none;
                color: rgba(0, 0, 0, 0.6);
                border-left: 1px solid #8f8f91;
                padding: 0 4px;
                line-height: 13px;
                font-family: 'M PLUS Rounded 1c', sans-serif;
            }
                #boardsGrid .boardsRow .board .hoverBottomLinks a:hover{text-decoration:underline;}
                #boardsGrid .boardsRow .board .hoverBottomLinks a:last-child{border:none;}
        #boardsGrid .boardsRow.new { padding: 18px 0;}

    #boardsGrid .boardsRow .board.last { margin: 0 5px 0 0; }
    #boardsGrid .boardsRow .board.Item_1 { 
        width: 157.5px;
        background-image:url(/Cpart/img/homepage/1by1_temp.jpg);}
    #boardsGrid .boardsRow .board.Item_2 { width: 325px; background-image:url(/Cpart/img/homepage/2by1_temp.jpg);}
    /* higher Items */
    #boardsGrid .boardsRow .board.Item_2.car { background-image: url(../img/homepage/car.jpg); }
    #boardsGrid .boardsRow .board.Item_2.yad2 { background-image: url(../img/homepage/yad2.jpg); }
    #boardsGrid .boardsRow .board.Item_2.wanted { background-image: url(../img/homepage/wanted.jpg); }
    #boardsGrid .boardsRow .board.Item_2.pets { background-image: url(../img/homepage/pets.jpg); }
    /* Lower Items */
            #boardsGrid .boardsRow .board.Item_1.overseas { background-image: url(../img/homepage/overseas.jpg); }
            #boardsGrid .boardsRow .board.Item_1.nadlan { background-image: url(../img/homepage/nadlan.jpg); }
        #boardsGrid .boardsRow .board.Item_2.restless {
            background-image: url(../img/homepage/featured_restless.jpg);
        }
            #boardsGrid .boardsRow .board.Item_1.market { background-image: url(../img/homepage/market.jpg); }
        #boardsGrid .boardsRow .board.Item_2.transport {
            background-image: url(../img/homepage/movers_new_fpo.jpg);
        }
            #boardsGrid .boardsRow .board.Item_1.kablan { background-image: url(../img/homepage/kablan.jpg); }
            #boardsGrid .boardsRow .board.Item_2.pnai { background-image: url(../img/homepage/yoga.jpg); }
            #boardsGrid .boardsRow .board.Item_1.baby { background-image: url(../img/homepage/baby.jpg); }
            #boardsGrid .boardsRow .board.Item_1.artists { background-image: url(../img/homepage/artists.jpg); }
            #boardsGrid .boardsRow .board.Item_1.infotip { background-image: url(../img/homepage/infotip.jpg); }
            #boardsGrid .boardsRow .board.Item_1.prof { background-image: url(../img/homepage/proffesionals.jpg); }
        #boardsGrid .boardsRow .board.Item_1.iski {
            background-image: url(../img/homepage/featured_kablan02.jpg);
        }

#boardsGrid .boardsRow .board.Item_2.prof {
    background-image: url(../img/homepage/featured_b144.jpg);
}
            #boardsGrid .boardsRow .board.Item_1.motorcycle { background-image: url(../img/homepage/motorcycle.jpg); }
            #boardsGrid .boardsRow .board.Item_1.bicycle { background-image: url(../img/homepage/bicycle.jpg); }

        #boardsGrid .boardsRow .board.Item_2.top { margin-bottom: 25px; }
        #boardsGrid .boardsRow .board.Item_2.bottom { margin-top: 25px; }
    #boardsGrid .boardsRow .board.Item_4 { width: 325px; height: 350px;background-image:url(/Cpart/img/homepage/2by2_temp.jpg); }
    
    #boardsGrid .boardsRow .board .title { text-align:center;background-color:rgba(0,0,0,0.6);color:#fff;line-height: 36px;border-radius: 5px 5px 0 0;cursor:pointer;}
    #boardsGrid .boardsRow .board .title a{color:#fff;text-decoration:none;letter-spacing: 0.75px;font-size: 17px;}
    #boardsGrid .boardsRow .board .title:hover a{color:#ffc50a;}
    #boardsGrid .boardsRow .board.hover .title a{color:#ffc50a;}

        #boardsGrid .boardsRow .board.nadlan {
            background: url(/Cpart/img/homepage/nadlan.jpg) no-repeat center center;
        }



/*#endregion */

/*#region promoted Ads */
#boardsGrid .boardsRow.newPublications .pormoted_ads{background:none;}
#boardsGrid .boardsRow.newPublications .pormoted_ads .PromotedContainer{}
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd { width: 202px; padding-left: 15px;color: #76787a;text-decoration:none; }
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd:last-child{padding:0;}
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd img { /*max-width: 185px;max-height: 96px;*/object-fit: cover;width: 190px;height: 159px;opacity: 0.9;border-radius: 5px;}
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd img:hover {opacity: 1.1;}
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd .title { font-size: 16px; font-family: 'ezer_regular',Arial,'Arial Black', Gadget, sans-serif; }
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd .title:hover{text-decoration:underline;}
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd .desc{font-size:11px;font-family: Arial,'Arial Black', Gadget, sans-serif !important; }
#boardsGrid .boardsRow.newPublications .pormoted_ads .promotedAd .desc:hover{text-decoration:underline;}
/*#endregion */