@font-face {
    font-family: 'Raleway_Regular';
    src: url('../../fonts/Raleway-Regular.eot');
    src: url('../../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Raleway-Regular.woff') format('woff'),
    url('../../fonts/Raleway-Regular.ttf') format('truetype'),
    url('../../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_Medium';
    src: url('../../fonts/Raleway-Medium.eot');
    src: url('../../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Raleway-Medium.woff') format('woff'),
    url('../../fonts/Raleway-Medium.ttf') format('truetype'),
    url('../../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_SemiBold';
    src: url('../../fonts/Raleway-SemiBold.eot');
    src: url('../../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Raleway-SemiBold.woff') format('woff'),
    url('../../fonts/Raleway-SemiBold.ttf') format('truetype'),
    url('../../fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight:600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway_Bold';
    src: url('../../fonts/Raleway-Bold.eot');
    src: url('../../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Raleway-Bold.woff') format('woff'),
    url('../../fonts/Raleway-Bold.ttf') format('truetype'),
    url('../../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_ExtraBold';
    src: url('../../fonts/Raleway-ExtraBold.eot');
    src: url('../../fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Raleway-ExtraBold.woff') format('woff'),
    url('../../fonts/Raleway-ExtraBold.ttf') format('truetype'),
    url('../../fonts/Raleway-ExtraBold.svg#Raleway-Bold') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Regular';
    src: url('../../fonts/Lato-Regular.eot');
    src: url('../../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Regular.woff') format('woff'),
    url('../../fonts/Lato-Regular.ttf') format('truetype'),
    url('../../fonts/Lato-Regular.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Medium';
    src: url('../../fonts/Lato-Medium.eot');
    src: url('../../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Medium.woff') format('woff'),
    url('../../fonts/Lato-Medium.ttf') format('truetype'),
    url('../../fonts/Lato-Medium.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoSemiBold';
    src: url('../../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
    url('../../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Lato_SemiboldItalic';
    src: url('../../fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/Lato-SemiboldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato_Bold';
    src: url('../../fonts/Lato-Bold.eot');
    src: url('../../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Bold.woff') format('woff'),
    url('../../fonts/Lato-Bold.ttf') format('truetype'),
    url('../../fonts/Lato-Bold.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Black';
    src: url('../../fonts/Lato-Black.eot');
    src: url('../../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Black.woff') format('woff'),
    url('../../fonts/Lato-Black.ttf') format('truetype'),
    url('../../fonts/Lato-Black.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Light';
    src: url('../../fonts/Lato-Light.eot');
    src: url('../../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Light.woff') format('woff'),
    url('../../fonts/Lato-Light.ttf') format('truetype'),
    url('../../fonts/Lato-Light.svg#Raleway-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Heavy';
    src: url('../../fonts/Lato-Heavy.eot');
    src: url('../../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Lato-Heavy.woff') format('woff'),
    url('../../fonts/Lato-Heavy.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Italic';
    src: url('../../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('../../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Arial';
    src: url('../../fonts/Arial.eot');
    src: url('../../fonts/Arial.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Arial.woff') format('woff'),
    url('../../fonts/Arial.ttf') format('truetype'),
    url('../../fonts/Arial.svg#Arial') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Arial_Bold';
    src: url('../../fonts/Arial-Bold.eot');
    src: url('../../fonts/Arial-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Arial-Bold.woff') format('woff'),
    url('../../fonts/Arial-Bold.ttf') format('truetype'),
    url('../../fonts/Arial-Bold.svg#Arial-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'LatoWebBold';
    src:url('../../fonts/Lato-Bold.ttf');
    font-style: normal;
    font-weight: normal;
}

.clearboth { clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.floatRImportant {float:right!important;}
.height5 {height:5px;}
.height10 {height:10px;}
.height15 {height:15px;}
.height20 {height:20px;}
.height25 {height:25px;}
.height30 {height:30px;}
.height35 {height:35px;}
.height40 {height:40px;}
.height45 {height:45px;}
.height50 {height:50px;}
.height60 {height:60px;}
.height70 {height:70px;}
.height80 {height:80px;}
.height90 {height:90px;}
.padding_0 {padding: 0;}
.absolute {position:absolute;}
.relative {position:relative;}
.arial { font-family:Arial_Bold;}
.lato{font-family:LatoWeb!important;}
.raleway {font-family:Raleway_Medium;}


/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.carousel-indicators{height:0px;}

.bg_employer_main .fade-carousel {
    position: relative;
    height: 600px;
}
.bg_employer_main .fade-carousel .carousel-inner .item {
    height: 600px;
}
.banner_img_01 {
    float: right;
    height: 85% !important;
    margin-top: 2%;
}
@media(max-width: 1199px){
    .bg_employer_main .fade-carousel {
        position: relative;
        height: 600px;
    }
    .bg_employer_main .fade-carousel .carousel-inner .item {
        height: 600px;
    }
    .banner_img_01 {
        width: 50%;
        height: auto!important;
    }
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color:#00aff0;
    border-color: #00aff0;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color:#ff0000;
  border-color: #ff0000;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 43%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 40px;    
	font-family:Raleway_Bold;
    margin: 0;
    padding: 0;
}
.hero h2 {
    font-size: 30px;    
	font-family:Raleway_Bold;
    margin: 0;
    padding: 0;
}
/*.hero h5 {
    font-size: 18px;    
	font-family:Raleway_Medium;
	text-align:left;
	color:black;
    padding: 0;
}*/

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 135px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #ffffff;
    background-color: #00aff0;
    border-color: #00aff0;
	border-radius:30px;
    outline: none;
    margin: 20px auto;
	font-size:16px;
}
.btn.btn-lg1 {padding: 10px 135px;}
.btn.btn-hero1,
.btn.btn-hero1:hover,
.btn.btn-hero1:focus {
    color: #00aff0;
    background-color: #ffffff;
    border-color: #ffffff;
	border-radius:30px;
    outline: none;
    margin: 0px auto;
	font-size:16px;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6,
.fade-carousel .slides .slide-7 {
    height: 360px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.fade-carousel .slides .slide-9 {
    height: 100%;
    background-size: cover;
    background-position: calc(64%) calc(100%) !important;
    background-repeat: no-repeat;
}
.fade-carousel .slides .slide-8 {
    height: 100%;
    background-size: cover;
    background-position: calc(64%) calc(100%) !important;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-9 {
    background-image: url(../../images/vip_recruitment/banner_03.jpg);
}
.fade-carousel .slides .slide-8 {
    background-image: url(../../images/employer_new_mainpage/mainpage_banner_02.jpg);
}
.fade-carousel .slides .slide-7 {
    background-image: url(../../images/employer/top_banner8.jpg);
}
.fade-carousel .slides .slide-6 {
    background-image: url(../../images/employer/top_banner7.jpg);
}
.fade-carousel .slides .slide-5 {
    background-image: url(../../images/employer/top_banner6.jpg);
}
.fade-carousel .slides .slide-4 {
    background-image: url(../../images/employer/top_banner5.jpg);
}
.fade-carousel .slides .slide-3 {
    background-image: url(../../images/employer/top_banner4.jpg);
}
.fade-carousel .slides .slide-2 {
    background-image: url(../../images/employer/top_banner.jpg);
}
.fade-carousel .slides .slide-1 {
    background-image: url(../../images/employer/top_banner3.jpg);
}
@media(min-width:768px) and (max-width:991px)
{
    .fade-carousel .slides .slide-1 {
        background-image: url(../../images/employer/top_banner3_sm.jpg);
    }
    .fade-carousel .slides .slide-3 {
        background-image: url(../../images/employer/top_banner4_sm.jpg);
    }
    .fade-carousel .slides .slide-4 {
        background-image: url(../../images/employer/top_banner5_sm.jpg);
    }
    .fade-carousel .slides .slide-5 {
        background-image: url(../../images/employer/top_banner6_sm.jpg);
    }
    .fade-carousel .slides .slide-6 {
        background-image: url(../../images/employer/top_banner7_sm.jpg);
    }
    .fade-carousel .slides .slide-7 {
        background-image: url(../../images/employer/top_banner8_sm.jpg);
    }
    .fade-carousel .slides .slide-8 {
        background-image: url(../../images/employer_new_mainpage/mainpage_banner_02.jpg);
    }
    .fade-carousel .slides .slide-9 {
        background-image: url(../../images/vip_recruitment/banner_03.jpg);
    }
}
@media(min-width:501px) and (max-width:767px)
{
    .fade-carousel .slides .slide-1 {
        background-image: url(../../images/employer/top_banner3_xs.jpg);
    }
    .fade-carousel .slides .slide-3 {
        background-image: url(../../images/employer/top_banner4_xs.jpg);
    }
    .fade-carousel .slides .slide-4 {
        background-image: url(../../images/employer/top_banner5_xs.jpg);
    }
    .fade-carousel .slides .slide-5 {
        background-image: url(../../images/employer/top_banner6_xs.jpg);
    }
    .fade-carousel .slides .slide-6 {
        background-image: url(../../images/employer/top_banner7_xs.jpg);
    }
    .fade-carousel .slides .slide-7 {
        background-image: url(../../images/employer/top_banner8_xs.jpg);
    }
    .fade-carousel .slides .slide-8 {
        height: 400px;
        background-position: calc(95%) calc(100%) !important;
    }
    .fade-carousel .slides .slide-9 {
        height: 400px;
        background-position: calc(70%) calc(100%) !important;
    }
    .hero {
        top:75%;
    }
}
@media(max-width:500px)
{
    .fade-carousel .slides .slide-1 {
        background-image: url(../../images/employer/top_banner3_xxs.jpg);
    }
    .fade-carousel .slides .slide-3 {
        background-image: url(../../images/employer/top_banner4_xxs.jpg);
    }
    .fade-carousel .slides .slide-4 {
        background-image: url(../../images/employer/top_banner5_xxs.jpg);
    }
    .fade-carousel .slides .slide-5 {
        background-image: url(../../images/employer/top_banner6_xxs.jpg);
    }
    .fade-carousel .slides .slide-6 {
        background-image: url(../../images/employer/top_banner7_xxs.jpg);
    }
    .fade-carousel .slides .slide-7 {
        background-image: url(../../images/employer/top_banner8_xxs.jpg);
    }
    .fade-carousel .slides .slide-8 {
        height: 300px;
        background-position: calc(86%) calc(100%) !important;
    }
    .fade-carousel .slides .slide-9 {
        height: 400px;
        background-position: calc(70%) calc(100%) !important;
    }
    .hero {
        top:70%;
    }
    .bg_employer_main .fade-carousel {
        height: 500px;
    }
    .bg_employer_main .fade-carousel .carousel-inner .item {
        height: 500px;
    }
}


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 1199px){
    .hero { width: 1170px; }

}
@media screen and (max-width: 1199px){
    .hero { width: 95%; }

}
@media screen and (max-width: 980px){
    .hero {
        width: 100%;
        padding: 0 15px;
    }
    .hero h1 { font-size: 33px; }
.hero h2 {
    font-size: 20px;    
	font-family:Raleway_Bold;
    margin: 0;
    padding: 0;
}
/*.hero h5 {
    font-size: 16px!important;    
	font-family:Raleway_Regular;
	text-align:center;
	color:black;
    padding: 0;
}*/
}
@media screen and (max-width: 768px){
.hero h1 { font-size: 28px; }   
.hero h3 { font-size: 22px; }  
.hero h2 {
    font-size: 22px;    
	font-family:Raleway_Bold;
    margin: 0;
    padding: 0;
}
/*.hero h5 {
    font-size: 16px!important;    
	font-family:Raleway_Regular;
	text-align:center;
	color:black;
    padding: 0;
}*/
.btn.btn-lg {padding: 10px 80px;}
.btn.btn-lg1 {padding: 10px 80px;}
}
.employer_25credit_text {color:#00aff0; font-family:Raleway_Bold; font-size:35px;text-align:center;}
.employer_free_text {color:#d70404; font-family:Raleway_Bold; font-size:35px;text-align:center;}

.partner_wrapper{ background:url(../../images/slideshow.jpg)no-repeat center top; height: 263px; }
.home-image{
    width: 1000%;
    height: 100%;

}


.partners_silder {
    position: relative;
    height: 251px;
}
.partner_wrapper > .carousel-inner > .item {
    height: 186px;
}