@charset "UTF-8";
/* CSS Document */


#castings .content { width:1110px; display: table; margin: auto;}

/* BANNER */
#castings #slider {width: 100%; clear: both; float: left; height: 250px; background-image:url("/img/banner-castings.png"); background-position:50% 50%; background-size:cover; position: relative;}
#castings #slider .star {float: left; margin-right: 20px; margin-top: 120px; }
#castings #slider h1 {float: left; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 4px;  font-size: 60px; font-weight: 200; color: #fff; line-height: 60px; margin-top: 140px;}

@media (max-width: 768px) {
    #castings .content { width:calc(100% - 20px); display: table; margin: auto; }  
    #castings #slider { height: 120px; } 
    #castings #slider .star {float: left; margin-right: 10px; margin-top: 29px; width: 65px; }
    #castings #slider h1 { margin-top: 47px; line-height: 40px; width: calc(100% - 75px);  font-size: 40px; text-align: center; }
}


/* BODY */
#castings #corps { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333; }
#castings .content .tabs { clear: both; float: left; width: 100%;}
#castings .content .tab { float: left; width:116px; margin-right: 8px; background:rgba(255,255,255,0.90); cursor: pointer; margin-top: 5px; height: 95px; text-align: center; font-family: 'Raleway', sans-serif; font-size: 11px; text-transform: uppercase; color: #af9d6c; padding-top: 15px; line-height: 15px; letter-spacing: 1px; }
#castings .content .tab img { width: 60px; margin-bottom: 5px; }
#castings .content .tab:hover { background:rgba(255,255,255,1.00);}
#castings .content .tab_active { background:rgba(255,255,255,1.00); color: #bd7d16; font-weight: bold; margin-top: 0px; padding-top: 20px;}
#castings .content .last_tab { margin-right: 0px; }
#castings .content .all_castings { clear: both; float: left; width:calc(100% - 62px); padding: 30px; padding-bottom: 0px; background:rgba(255,255,255,1.00); font-family: 'Raleway', sans-serif;}

@media (max-width: 768px) {
    #castings .content .tabs { display:none }
    #castings .content .all_castings { clear: both; float: left; width:calc(100% - 0px); margin-left: -10px; padding: 10px; background:rgba(255,255,255,1.00); font-family: 'Raleway', sans-serif;}


}


#castings .sort_div { float: left; height: 30px; width: 300px; }
#castings .sort_div .label { font-weight: 300; float: left; margin-right: 10px; line-height: 30px; text-transform: uppercase; }
#castings .sort_div .inputlist { float: left; width: 200px; height: 30px; border-radius: 0px; background: #fff; border: #fff; font-size: 14px; text-transform: uppercase; color: #bd7d16 }
#castings .pagination { float: right; line-height: 16px; }
#castings .pagination a { float: left; margin: 6px; font-size: 18px; }
#castings .pagination a.active { color: #bd7d16; }

@media (max-width: 768px) {
    #castings .sort_div .label { font-weight: 300; float: left; margin-right: 10px; line-height: 40px; text-transform: uppercase; color: #bd7d16 }
    #castings .sort_div { float: left; height: auto; width: calc(100% + 0px); margin-left: -10px; padding: 10px; background: #fff; box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);  }
    #castings .sort_div .inputlist { float: right; width: 235px; height: 40px; background: #fff; border: #fff; font-size: 16px; text-transform: uppercase; color: #bd7d16;  -webkit-appearance: none; -webkit-border-radius:0px; border-radius: 0px; padding-left: 15px; background-image:url(../img/open-list.png); background-repeat: no-repeat; background-position: 200px }
    #castings .pagination { float: none; display: table; margin: auto; }

}

@media (max-width: 320px) {
    #castings .sort_div .inputlist { width: 200px; background-position: 175px }
    
}

#castings .content .line { clear: both; float: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
#castings .content .ico { float: left; width: 95px;}
#castings .content .ico img { width: 60px; margin-bottom: 1px; }
#castings .content .description { float: left; width: 690px; padding-right: 20px;}
#castings .content .description h3 { color: #bd7d16; font-size: 15px; line-height: 22px;}
#castings .content .description h3 a { color: #bd7d16;}
#castings .content .description p { color: #333; font-size: 14px; line-height: 18px;}
#castings .content .description .link_casting { display: inline-table; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase;}
#castings .content .description .link_casting:hover { background:#af9d6c; color: #fff; }
#castings .content .infos { float: left; width: 170px; height: 75px; border-left: 1px solid #af9d6c; padding-left: 30px; padding-top:22px; color: #af9d6c; font-size: 12px; line-height: 18px; }
#castings .content .infos_mobile { float: left; width: 100%; height: 18px; color: #999; font-size: 14px; line-height: 18px; display: none; }
#castings .content .heart { float: left; cursor: pointer; width: 32px; margin-top: 35px; }

@media (max-width: 768px) {
    #castings .content .line { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
    #castings .content .ico { float: left; width: 40px;}
    #castings .content .ico img { width: 30px; margin-bottom: 1px; }
    #castings .content .description { float: left; width: calc(100% - 50px); padding-right: 10px;}
    #castings .content .infos { display: none; }
    #castings .content .infos_mobile { display: block; }
    #castings .content .description p { margin-left: -30px;}
    #castings .content .description .link_casting { line-height: 29px; border: 0px solid #af9d6c; width: calc(100% - 10px); padding-left: 0px; padding-right: 0px; background:#af9d6c;  color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; margin-left: -30px }
    #castings .content .heart { float: right; cursor: pointer; width: 32px; margin-top: -28px; margin-right: 5px; }






    
}