/*************************************************************************************
    HELPERS
**************************************************************************************/
.btn-feria-inclusiva {color: #fff; background-color: #487cfb; border-color: #487cfb;}
.btn-feria-inclusiva:hover{color: #fff; background-color: #4266c5; border-color: #4266c5;}


/*.btn-voice.btn-sm{position: absolute; top: 7px; left: 20px; padding: 3px 7px; font-size: 16px;}*/
/*.btn-voice.right{left: inherit; right: 20px;}*/
/*.btn-voice{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice:focus,.btn-voice.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice:active,.btn-voice.active,.open>.dropdown-toggle.btn-voice{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice:active:hover,.btn-voice.active:hover,.open>.dropdown-toggle.btn-voice:hover,.btn-voice:active:focus,.btn-voice.active:focus,.open>.dropdown-toggle.btn-voice:focus,.btn-voice:active.focus,.btn-voice.active.focus,.open>.dropdown-toggle.btn-voice.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice:active,.btn-voice.active,.open>.dropdown-toggle.btn-voice{background-image:none}*/
/*.btn-voice.disabled,.btn-voice[disabled],fieldset[disabled] .btn-voice,.btn-voice.disabled:hover,.btn-voice[disabled]:hover,fieldset[disabled] .btn-voice:hover,.btn-voice.disabled:focus,.btn-voice[disabled]:focus,fieldset[disabled] .btn-voice:focus,.btn-voice.disabled.focus,.btn-voice[disabled].focus,fieldset[disabled] .btn-voice.focus,.btn-voice.disabled:active,.btn-voice[disabled]:active,fieldset[disabled] .btn-voice:active,.btn-voice.disabled.active,.btn-voice[disabled].active,fieldset[disabled] .btn-voice.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}*/
/*.btn-voice .badge{color:#dd4b39;background-color:#fff}*/
/*.btn.btn-sm.btn-voice.right{right: 5px; top: 5px;}*/

@media (min-width: 768px) {
    .btn-voice-header.btn-voice.btn-sm{ top: inherit; bottom: 25px; left: 200px; }
}
@media (max-width: 767px) {
    .btn-voice-header.btn-voice.btn-sm{left: 210px; top: 20px;}
}

/*#content-wrapper {min-height: inherit;}*/
/*************************************************************************************
    CHAT
**************************************************************************************/
@media (min-width: 768px) {

}
@media (max-width: 767px) {
    .convertfox-chat{left: 20px !important; bottom: 20px !important;}
}


/*************************************************************************************
    CONTAINER
**************************************************************************************/
@media(min-width: 768px){
    #content-wrapper{margin-top: 100px;}
}

@media(max-width: 767px){
    #content-wrapper{margin-top: 20px;}
}
/*************************************************************************************
    HEADER
**************************************************************************************/
#header .logo-feriaInclusiva{ max-width: 180px; margin: 10px 50px 10px 10px; }

a{cursor: pointer; color: #487cfb;}
a:hover, a:active, a:focus{ color: #4266c5;  }

@media(min-width: 768px){
    .navbar-default .navbar-nav>li>a.portalCompany{color: #fff; background-color: #487cfb; border: 2px solid #487cfb;}
    .navbar-default .navbar-nav>li>a.portalCompany:hover, .navbar-default .navbar-nav>li>a.portalCompany:focus{color: #487cfb; background-color: #fff !important; border: 2px solid #487cfb;}
    .navbar-static-top{position: fixed; top: 0; width: 100%;}
    .btn-voice-header.btn-voice.btn-sm{top: 20px; bottom: inherit; left: 200px;}
}
.navbar-nav>li.header-link>a{color: #858585;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #487cfb;}
.navbar-default .navbar-nav>li>a.login{color: #487cfb; background-color: #fff; border-color: #487cfb; padding: 4px 12px !important;}
.navbar-default .navbar-nav>li>a.login:hover, .navbar-default .navbar-nav>li>a.login:focus{color: #fff !important; background-color: #487cfb !important; border-color: #487cfb  !important;}
.navbar-default {background-color: #fff;border-color: #fff;}
.navbar-default .navbar-nav>li>a{color: #858585;}

@media(max-width: 767px){
    .navbar-default .navbar-toggle{border: 1px solid #888;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #888;}
    .navbar-default .navbar-nav>li>a{color: #858585;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
    .portalCompany{background-color: #fff; border-color: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #888;}
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #4266c5;
    color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #858585; background-color: transparent;}

.dropdown-menu {background-color: #fff;}
.dropdown-menu > li > a{color: #858585;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color: #fff; color: #858585;}

/*************************************************************************************
    HOME
**************************************************************************************/

@media (min-width: 1200px){
    .welcome-gif{position: absolute; bottom: 20px; right: 20px;}
    .welcome-gif-xs{display: none;}
}
@media (max-width: 1199px){
    .welcome-gif{display: none;}
}
@media (min-width: 1100px) {
    #clockdiv{position: absolute; top: 0; left: 32%; color: #fff; text-align: center; font-size: 30px; background: #000000aa; padding: 20px 30px;}
    #clockdiv > p{font-size: 24px; margin-bottom: 16px;}
    #clockdiv > div{display: inline-block; width: 81px;}
    #clockdiv div > span{display: inline-block; font-weight: 600;}
    .smalltext{padding-top: 5px; font-size: 16px; font-weight: 600;}

    .side-menu{position: absolute; bottom: 20px; left: 20px; padding: 20px 10px; color: #fff; background: #000000aa; text-align: left;}
    .side-menu h2.side-menu-title{font-size: 16px; margin-bottom: 20px;}
    .side-menu h1.side-menu-title{font-size: 24px; font-weight: 600;}
    .side-menu .side-menu-button{font-size: 22px; background-color: #487cfb; color: #fff; padding: 30px 20px; text-align: center;}
    .side-menu .side-menu-button:hover{background-color: #4266c5; color: #fff; text-decoration: none;}
    .side-menu img{max-width: 180px;}

    h2.title{text-align: center; color: #487cfb; font-size: 20px;}
    h2.title2{text-align: center; color: #808080; font-size: 20px;}

    .slide img{margin-left: auto; margin-right: auto; max-width: 140px; max-height: 60px;}
}
@media (max-width: 1099px) {
    #clockdiv{color: #487cfb; text-align: center; font-size: 16px; padding: 20px 30px;}
    #clockdiv > p{font-size: 16px; margin-bottom: 5px; font-weight: 600;}
    #clockdiv > div{display: inline-block; width: 60px;}
    #clockdiv div > span{display: inline-block; font-weight: 600;}
    .smalltext{padding-top: 3px; font-size: 14px; font-weight: 300;}

    .side-menu{position: absolute; bottom: 10px; left: 10px; padding: 10px 5px; color: #fff; background: #000000aa; text-align: left;}
    .side-menu h2.side-menu-title{font-size: 14px; margin-bottom: 10px;}
    .side-menu h1.side-menu-title{font-size: 16px; font-weight: 600;}
    .side-menu .side-menu-button{font-size: 14px; background-color: #487cfb; color: #fff; padding: 10px 5px; text-align: center;}
    .side-menu .side-menu-button:hover{background-color: #4266c5; color: #fff; text-decoration: none;}
    .side-menu .producers{display: none;}

    h2.title{text-align: center; color: #487cfb; font-size: 16px; margin-bottom: 20px;}
    h2.title2{text-align: center; color: #808080; font-size: 16px; margin-bottom: 20px;}

    .slide img{ max-width: 80px; max-height: 30px;}
    .slide .slick-slide{max-width:100px !important;}

    .expo-info .expo-info-block{min-height: 240px;}
}

.expo-info{background-color: #487cfb; padding: 20px; text-align: center; color: #fff;}
.expo-info .expo-info-block{padding: 20px 20px;}
.expo-info .expo-info-title{font-size: 20px; font-weight: 600; text-transform: uppercase;}
.expo-info .expo-info-icon .fa{font-size: 24px; padding: 16px; border: 3px solid #fff; border-radius: 50%; margin: 15px 0;}
.expo-info .expo-info-detail{font-size: 14px;}
.expo-info .expo-info-link{padding-top: 30px;}
.expo-info .expo-info-link a{color: #487cfb; text-transform: uppercase; margin-top: 20px; font-size: 14px; padding: 10px 20px; border: 3px solid #fff; border-radius: 5px; background-color: #fff;}


/*************************************************************************************
    LOGIN
**************************************************************************************/
.access-feriaInclusiva-photo{border-radius:10px 0 0 10px; height: 380px; background: url(/images/feriaInclusiva/people.png) no-repeat top center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; border: 2px solid rgb(225, 225, 232);}
.inverse-logo{max-width: 200px;}

/*************************************************************************************
    FOOTER
**************************************************************************************/
#footer {
    background-color: transparent;
    border-top: 10px solid #eaeaea;
}

.feria-inclusiva-footer-text{color: #4266c5;}
.feria-inclusiva-footer-text a{color: #487cfb;}
.feria-inclusiva-footer-text a:hover{color: #487cfb;}
.footer_column h5{color: #487cfb;}


@media (min-width: 768px) {
    .footer_column .footer-expo-logo{width:220px;}
    .footer_column .footer-expo-logo.big{width:260px;}
}
@media (max-width: 767px) {
    .footer_column .footer-expo-logo{width:120px;}
    .footer_column .footer-expo-logo.big{width:140px;}
}

/*************************************************************************************
    STAND DESKTOP
**************************************************************************************/


/*************************************************************************************
    STAND MOBILE
**************************************************************************************/
#main-stand-mobile{margin: 20px 10px;}
.stand-mobile.row .col-xs-12, .stand-mobile.row .col-xs-6, .stand-mobile.row .col-xs-4, .stand-mobile.row .col-xs-3{padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
.stand-mobile-detail{padding: 20px 10px;}

.btn-stand-mobile{color: #fff; text-align: center; vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; font-size: 16px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn-stand-mobile:focus {outline: none;}
.btn-stand-mobile:hover{opacity: 0.8; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none;}

.btn-stand-mobile.btn-stand-mobile-lounge,
.btn-stand-mobile.btn-stand-mobile-info,
.btn-stand-mobile.btn-stand-mobile-voice{padding: 20px 10px; border-radius: 5px; margin: 10px;}

.btn-stand-mobile.btn-stand-mobile-lounge,
.btn-stand-mobile.btn-stand-mobile-info{background-color:#293c3b;}
.btn-stand-mobile.btn-stand-mobile-voice{background-color:#dd4b39;}

.btn-stand-mobile.btn-mobile-logo,
.btn-stand-mobile.btn-mobile-photos,
.btn-stand-mobile.btn-mobile-description,
.btn-stand-mobile.btn-mobile-job-offers,
.btn-stand-mobile.btn-mobile-cv,
.btn-stand-mobile.btn-mobile-videos,
.btn-stand-mobile.btn-mobile-testimonies{
    background-color:#fff; padding: 20px 10px; font-weight: 600;
    border-radius: 5px; margin-top: 5px; border: 2px solid #aeaeae;
    -webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae;
}

.btn-stand-mobile.btn-mobile-logo{color: #487cfb;}
.btn-stand-mobile.btn-mobile-photos{color: #4266c5}
.btn-stand-mobile.btn-mobile-description{color: #e4c622}
.btn-stand-mobile.btn-mobile-job-offers{color: #f2693f}
.btn-stand-mobile.btn-mobile-cv{color: #769e37}
.btn-stand-mobile.btn-mobile-videos{color: #f59522;}
.btn-stand-mobile.btn-mobile-testimonies{color: #7accc4;}

.stand-mobile-detail{border-bottom-left-radius: 5px; text-align: center; border-bottom-right-radius: 5px; border-bottom: 2px solid #aeaeae; border-left: 2px solid #aeaeae; border-right: 2px solid #aeaeae; -webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae}
.logo-stand-mobile .logo-img{max-width: 100%; max-height: 100%; margin-left:auto; margin-right: auto; height: 100%;}
.logo-stand-mobile .stand-img{width: 100%; margin-left:auto; margin-right: auto;}
.logo-stand-mobile img:hover{opacity: 0.8; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none;}
.photo-stand-mobile img{margin-top: 10px;}

/*************************************************************************************
    LOUNGE
**************************************************************************************/

.btn-lounge:focus {outline: none;}
.btn-lounge:hover{opacity: 0.8; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none; color: #fff;}

.btn-lounge{ color: #fff; background-color:#dd4b39;}
.btn-lounge.btn-lounge-voice{border-radius: 5px;}
.btn-lounge.btn-lounge-back{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.btn-lounge.btn-lounge-info{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

.lounge .company-lounge{position: absolute; background-color: #fff; border-radius: 15px; cursor: pointer;}
.lounge .company-lounge.company-lounge-sponsor:hover{-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none;
    outline: none; -webkit-transform: scale(3); -moz-transform: scale(3); z-index: 9999;}
.lounge .company-lounge.company-lounge-gold:hover{-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none;
    outline: none; -webkit-transform: scale(3); -moz-transform: scale(3); z-index: 9999;}
.lounge .company-lounge.company-lounge-silver:hover{-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none;
    outline: none; -webkit-transform: scale(2); -moz-transform: scale(2); z-index: 9999;}

.btn-lounge{font-size: 18px;}
.btn-lounge.btn-lounge-voice{padding: 15px 24px;}
.btn-lounge.btn-lounge-back{height: 41px; width: 207px; padding: 4px 38px; background: url(/images/feriaInclusiva/stand/btn-lounge.png) no-repeat center top; background-size: 100%;}
.btn-lounge.btn-lounge-back i{margin-right: 16px;}
.btn-lounge.btn-lounge-info{height: 41px; width: 207px; padding: 4px 38px; background: url(/images/feriaInclusiva/stand/btn-info.png) no-repeat center top; background-size: 100%;}
.btn-lounge.btn-lounge-info i{margin-left: 16px;}

.lounge{width: 1300px; height: 700px; position: relative; background: url('/images/feriaInclusiva/lounge/lounge.png') no-repeat center top; background-size: 100%; margin: 0 auto; margin-top: -40px;}

.lounge .company-lounge{padding: 10px;}
/*SPONSOR*/
.lounge .company-lounge.company-lounge-unimarc{top: 292px; left: 580px;}
/*GOLD*/
.lounge .company-lounge.company-lounge-komatsu{top: 391px; left: 123px;}
.lounge .company-lounge.company-lounge-falabella{top: 391px; left: 409px;}
.lounge .company-lounge.company-lounge-vspt{top: 391px; left: 804px;}
.lounge .company-lounge.company-lounge-pepsico{top: 391px; left: 1077px;}
.lounge .company-lounge.company-lounge-empresassb{top: 294px; left: 427px;}
/*SILVER*/
.lounge .company-lounge.company-lounge-bancochile{top: 298px; left: 166px;}
.lounge .company-lounge.company-lounge-achs{top: 298px; left: 784px;}
.lounge .company-lounge.company-lounge-carozzi{top: 298px; left: 1041px;}
.lounge .company-lounge.company-lounge-cruzverde{top: 205px; left: 194px;}
.lounge .company-lounge.company-lounge-casaideas{top: 205px; left: 447px;}
.lounge .company-lounge.company-lounge-cmpc{top: 205px; left: 765px;}
.lounge .company-lounge.company-lounge-financiero{top: 205px; left: 1011px;}
.lounge .company-lounge.company-lounge-reqlutwtw{top: 115px; left: 227px;}
.lounge .company-lounge.company-lounge-entel{top: 115px; left: 457px;}
.lounge .company-lounge.company-lounge-abastible{top: 115px; left: 751px;}
.lounge .company-lounge.company-lounge-walmart{top: 115px; left: 973px;}

.lounge .company-lounge.company-lounge-sponsor{-webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae;}
.lounge .company-lounge.company-lounge-gold{-webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae;}
.lounge .company-lounge.company-lounge-silver{-webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae;}

.lounge .company-lounge.company-lounge-sponsor img{width: 100px;}
.lounge .company-lounge.company-lounge-gold img{width: 80px;}
.lounge .company-lounge.company-lounge-silver img{width: 70px;}


/*************************************************************************************
    JOBS
**************************************************************************************/
.loungeinfo {color: #487cfb; margin: 0 auto; text-align: center; border-radius: 10px;}
.loungename {text-transform: uppercase; font-size: 20px; font-weight: bold;}
.job_offer_list .job .subtitle a{color:#487cfb;}
#job_offer #job_header h1, #job_offer .job_section h2, .job_section label{color: #487cfb;}
.added_item{background-color: #487cfb;}


/*************************************************************************************
    INFO STAND
**************************************************************************************/
#info-stand{position:relative; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; min-height: 130px;}
#info-stand .cont{position:absolute;left:10px;padding:10px;bottom:10px;background-color: #ffffff;background-color:rgba(255,255,255,0.65);  color:#444; font-weight:bold; font-size: 18px;text-align: left;text-transform: uppercase;}

.info-stand {min-height:500px;margin-bottom:50px;}
.info-stand .q{background-color: #f7f8f9;cursor:pointer;margin:20px 0px 0px 0px;padding:10px 10px;border-left:4px solid #01204c;}
.info-stand .q:hover{background-color: #f3f4f5;border-left:4px solid #23426e;}
.info-stand .q .preg{font-size:14px;}
.info-stand .a{display:none;border-left:4px solid #5d788c;font-size:14px;font-weight:300;margin:0px 0px 5px 0px;padding:20px 10px;}

.inner-inverse h1{text-align: center; margin-bottom: 20px;}

/*************************************************************************************
    EXPO USER POST
**************************************************************************************/
/*.cont_collage .tit{font-size: 18px; font-weight:300; color: #487cfb;}*/

/*.access-login.register .access-login-inner .control-label{font-size: 20px; font-weight: 300; }*/

.raty{float:left; display: inline; font-size: 20px; color: yellow; }
.raty .i::before{-webkit-box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae; box-shadow: 0 2px 5px 0 #aeaeae, 0 2px 10px 0 #aeaeae;}
/*.hint{float:left; display: inline; padding: 9px 20px; font-style: italic; font-weight: bold; font-size: 14px; color: #808080;}*/
/*.has-feedback label~.form-control-feedback {top: 30px;}*/

/*************************************************************************************
    ADMIN
**************************************************************************************/
.cont_collage .tit{color: #487cfb;}
.content_title{padding: 20px 0; text-align: center;}


/*************************************************************************************
    COMPANIES
**************************************************************************************/
@media (min-width: 768px) {
    .portal-message{position: absolute; top: 22%; left: 23%; color: #fff; text-align: center; font-size: 16px; background: #000000aa; padding: 20px 30px;}
}
@media (max-width: 767px) {
    .portal-message{text-align: center; font-size: 14px; padding: 20px 30px;}
}