/*------------------------------------HEADER~~----------------------------------*/
@media (max-width: 1024px) {
  #header {
    position: fixed !important;
    background: white;
    top: 0;
  }
  
  #middle {
    margin-top: 150px;
  }
  
  .header_mid {
    display: block;
  }
  
  .logo-20dejunio-responsive {
    display: block;
  }
  
  #header .header_bot nav {
    display: block; 
  }
  
  .responsive_nav {
    display: none;
  }
  
  .menu-item-type-post_type {
    display: inline-block !important;
    width: auto !important;
    padding: 4px 20px !important;
  }
  
  .menu-item-type-post_type a {
    padding: 0 !important;
  }
  
  html #page #header .header_bot nav div span {
    position: static !important;
    
  }
  
  .menu-item-mega-container {
    display: none !important;  
  }
  
  .header_bot {
    padding: 0 10px;
    height: 50px !important;
    border-top: solid 1px #ddd;
  }
  
  #navigation {
    transform: translateY(33%) !important;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .header_mid {
    display: none;
  }
  
  .header_bot_inner {
    margin-top: 5px !important;
  }
  
  .resp_nav_wrap {
    margin: 0 !important;
  }
  
  .responsive_nav {
    display: block;
  }
  
  .header_bot {
    overflow: initial !important;
  }
  
  .header_bot nav {
    height: 40px;
    background: white;
  }
  
  #navigation {
    border-bottom: 1px solid #ddd;
    background: white;
  }
  
  #middle {
    margin-top: 50px;
  }
  
  .logo-20dejunio-responsive {
    height: 35px !important;
    left: 50% !important;
    transform: translateX(-50%);
    top: 6px;
    display: block !important;
  }
  
  .responsive_nav_icon {
    right: unset !important;
    left: 15px !important;
  }
  
  .responsive_nav_icon:before {
    left: 0;
  }
  
  .responsive_nav_icon:after {
    left: 0;
  }
  
  .nav-login {
    display: none;
  }
  
  #navigation {
    transform: none !important;
    height: 210px;
  }
  
  .menu-item-type-post_type {
    width: 100% !important;
  }
  
  .nav_buttons {
    position: absolute;
    top: 7px;
    right: 41% !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  
 #header .header_bot nav {
    display: block !important; 
  }
}

/*768px < Login Extranet-----*/
.login-extranet {
	background-color: #fff;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-70%);
        -webkit-transform: translateY(-70%);
	/*
	width: 410px;
	height: 110px;
	position: absolute;
	right: 10px;
	top: 5px;
	border-radius: 18px;
	bottom: 5px;
	*/
}

.login-extranet.logged {
	/*
        width: 356px;
        */
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    
}

/*Login Extranet < 1024px----*/
@media (max-width:1024px) { .login-extranet { right: 35px;} }
/*----1024px < Login Extranet*/

.login-extranet-left {
        /*
	background-color: #65C5E4;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 0;
	border-radius: 18px 0 0 18px;
	bottom: 0px;
	padding: 10px;
        */
        
        font-weight: 600;
        color: #0980A7;
}

.login-extranet-center {
        display:inline-block;
	/*
	position: absolute;
	top: 0px;
	left: 100px;
	right: 80px;
	bottom: 0px;
	padding: 15px 15px 15px 6px;
	*/
}

.login-extranet-center .cmsms-icon-user{
    position: absolute;
    top: 25px;
    left: 7px;    
}

.login-extranet-center .cmsms-icon-lock{
    position: absolute;
    top: 25px;
    left: 169px;    
}

.input_login:focus::placeholder{
    color: #7AD7F5;
}


#formLoginWidget .input_login, #formLoginWidget .input_login::placeholder, #formLoginWidget .login-extranet-center i{
    transition: ease .3s;
}

.header_mid input[type=text]:focus{
        border: none;
        border-bottom: 1px solid #7AD7F5;
        color: #7AD7F5;
}

.header_mid input[type=password]:focus{
        border: none;
        border-bottom: 1px solid #7AD7F5;
        color: #7AD7F5;
        
}

.header_mid input[type=text]:focus + .cmsms-icon-user{
        color: #7AD7F5;
}


.header_mid input[type=password]:focus + .cmsms-icon-lock{
        color: #7AD7F5;
}


.login-extranet-center-right {
	position: absolute;
	top: 0px;
	left: 100px;
	right: 0px;
	bottom: 0px;
	padding: 15px 15px 15px 6px;
}



.login-extranet-center p {
	padding: 0;
	color: #3C3A3A;
}

.login-extranet-right {
	/*
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	border-radius: 0 18px 18px 0;
	padding-top: 16px;
	*/
	width: 90px;
        float:right;

}

.login-extranet-right.logged {
        width: 220px;
        margin-left:25px;
}

.register{
    position: absolute;
    right: 10px;
    top: 55px;
    font-style: italic;
    font-weight: 200;
}

.register:hover{
    color: #393939 !important;
}

input.login-extranet-inputs {	  
    border-radius: 0;
    height: 30px;
    /* font-style: italic; */
    color: #444;
    border: none;
    border-bottom: 1px solid #ddd;
    width:150px;
    margin: 0 5px;
}

input.login-extranet-inputs.second { /*margin-top: 5px;*/ }

.login-extranet-recover {	color: #307A92;	font-style: italic;	float: right;	font-size: 11px; text-decoration:underline}

.login-extranet-recover:hover {	color: #65C5E4 !important; }

.login-extranet-dr-cont {	text-align: center; }

.login-extranet-dr { width: 65px; margin-left:7px;}

.cont_accesos_bottom { text-align:center;border-bottom:solid 1px #DDDDDD; background: transparent;}

.cont_accesos_bottom .bottom_bg { padding-top: 20px; padding-bottom: 20px; }

.brands{
    border-top:1px solid #ddd;
}

.bottom_inner.sidebar_layout_131313{
    padding: 20px 0; 
}

.widget_text_contacto{
        transform: translate(10%, 50%);
}

@media (max-width:767px) {
	.cont_accesos_bottom { text-align:center;border-bottom:solid 1px #DDDDDD; padding-bottom: 15px;}
	
	.widget_text_contacto{
            transform: translate(0, 0);
        }
}

.login-extranet-access { font-size: 12px; text-align: center;	color: white;	font-weight: 600;	line-height: 15px; }

.login-extranet-button-login{ 
    padding: 4px 12px;
    font-size: 13px;
    background-color: #7AD7F5 !important;
    color: #FFF;
    font-weight: 600;
    border-radius: 3px;
    /*
    margin-top: 7px;
    */
    
    
}
.login-extranet-button-register{ padding: 4px 9px; font-size: 13px;	background-color: #0980A7 !important;	color: #FFF; font-weight: 600; border-radius: 3px; }

.extranet-login-menu-header {display:none !important;}

.navi_scrolled .extranet-login-menu-header {
	display: inline-block !important;
  position: absolute;
  font-weight: bold;
  right: 15px;
  padding: 4px 0 4px 0;
   max-width: 170px;
  font-size: 11px;
  text-transform: uppercase;
}

/*-----768px < Login Extranet*/

/*Login Extranet < 768px-----*/
@media (max-width:767px) {
	.login-extranet {display:none;}

	.img-farma-20-mobile { display:block;	}
}

.acceso-farmacias-responsive { position: absolute; right: 30px; top: 0px; cursor:pointer; }
/*-----Login Extranet < 768px*/

/*Login Extranet < 768px-----*/
.logo-20dejunio-responsive { position: absolute; height: 40px; left: 30px; cursor:pointer; }
/*-----Login Extranet < 768px*/
 


.navi_scrolled{
    margin-top:-150px !important;
}

#navigation div:hover a{
    color:#0980A7 !important;
} 

.cmsms-icon-home::before{
    vertical-align:middle;
}

.nav_buttons{
    padding: 4px 12px;
    font-size: 13px;
    background-color: #7AD7F5;
    color: #FFF !important;
    font-weight: 600;
    border-radius: 3px;
    position: absolute;
    right: 95px;
    transform: translateY(40%);
    
    visibility: hidden;
}
.menu-item.menu-item-type-post_type {
    padding: 10px 0;
    text-align: center;
}

@media (max-width: 1024px){
    .menu-item.menu-item-type-post_type {
        text-align: left;
        padding-left: 30px;
    }
    
    .header_bot_inner nav #navigation{
        width: 100%;
        margin: 0;
    }
}

.header_bot {
    background: white;
    border-bottom: solid 1px #ddd;
}

.navi_scrolled .header_bot {
    box-shadow: 0px 6px 8px -8px rgba(0,0,0,0.75);
}

.menu-item.menu-item-type-post_type a{
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'lato', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

@media (max-width: 1024px){
    .nav_buttons{
        position: absolute;
        top: 7px;
        right: 40%;
        
        transform: translateY(0);
        visibility: visible;
    }
    
}

@media only screen and (max-width: 1024px){
  
  .responsive_nav {
    margin-bottom: 10px;
  } 
    .responsive_nav_icon{
        color: #555;
    }
    
    .cont_nav_button{
        visibility: hidden !important;
    }
}

.navi_scrolled .nav_buttons{
    visibility:visible;
}

.nav_button_login{
        margin-right: -40%;
}

.nav_button_register{
        background: #0980A7;
        right: -95px;
        top: -2px;
}

.nav_user_container {
    position: relative;
    visibility: hidden;
    position: absolute;
}

.navi_scrolled .nav_user_container{
    visibility:visible;
}

.nav_user {
    position: absolute;
    right: 20px;
    top: 13px;
}

.nav_button_logged:hover b,.nav_button_logged:hover span{
    color: #7AD7F5 !important;
}
/*----------------------------------~~HEADER------------------------------------*/


/*------------------------------------FOOTER~~----------------------------------*/

/*FooterContacts-----*/
.footer-contacts div { 
    padding: 0px 0px 10px 0px; 
    color: #555555 !important;
    font-size: 15px;
    font-family: 'lato', Arial, Helvetica, 'Nimbus Sans L', sans-serif ;
}
/*-----FooterContacts*/

/*ImgWE-----*/
img.we-footer-img { height: 100px; }
/*-----ImgWE*/

/*Copyright < 768px-----*/
@media (max-width:767px) {
  .copyright {
    text-align: center;
  }
}
/*-----Copyright < 768px*/

.footer_inner_bottom div{
    text-align: center;
    padding-top: 28px;
}

.footer_inner{
    position:relative;
    text-align: center !important;
}

.footer_custom_html{
    position:absolute;
}

.year {
    position: absolute;
    top: 125px;
    right: 0;
    left: 0;
    
    text-align: center;
}

/*----------------------------------~~FOOTER------------------------------------*/


/*---------------------------------MIDDLE(HOME)~~-------------------------------*/

/*Banner principal----- */

.home-banner-container { padding: 20px 0 0px 0px; }

.banner-home {
    overflow:hidden;
}
.home-banner-container .item div{
    max-height:450px;
}
.home-banner-container .item img { display: block; width: 100%; height: auto;}

#layerslider { padding: 20px 0; height: 450px; }

@media (max-width:1399px) {
	#layerslider { height: 390px; }
}

@media (max-width:970px) {
	#layerslider { height: 330px; }
}

/*-----Banner principal */

/*Slide novedades ----- */
.home-novedades-container { margin-top: 10px;}

.home-novedades-title h1 { border-bottom: 1px solid grey; }

.home-novedades-container .item img { border-radius: 100%; padding: 25px; height: 270px; width: 100%; }

.home-novedades-container .item .description { color: #6D6C6C; }

.home-novedades-container .item .description:hover { color: #6D6C6C; }

.home-novedades-container .item h3 { margin: 0px 0 10px; text-align: center; }

.home-novedades-container .item .description{ padding: 0 18px 20px; margin: 0; text-align: center; }

.home-novedades-container-prev { position: absolute; color: #403E3E; font-size: 30px; top: 0; right: 20px; cursor: pointer; }

.home-novedades-container-next { position: absolute; color: #403E3E; font-size: 30px; top: 0; right: 0; cursor: pointer; }
/*-----Slide novedades  */

/*Slide novedades < 768px----- */
@media (max-width:768px) {
	.home-novedades-container { margin-top: 20px; }
}
/*-----Slide novedades < 768px */

/*Apertura Cta, CV----- */
.home-forms-container { 
    padding: 40px 0; 
}

.home-forms-container-section{
    width: 47%;
    margin: 0 10px 0;
}

@media (max-width:800px){
    .home-forms-container-section{
        width: 100%;
        margin: 10px 0;
    }
}

.home-forms-container-section:first-child{
    float:left;
}

.home-forms-container-section:last-child{
    float:right;
}

.home-forms-container-section:first-child div{
    float:right;
}


.home-forms-container-section:last-child div{
    float:left;
}

@media (max-width:400px){
    .home-forms-container .home-forms-container-section .cont-text-home {
        position: absolute;
    }
    
    .home-forms-container .home-forms-container-section:first-child .cont-text-home {
        left: 0;
    }
    
    .home-forms-container .home-forms-container-section:last-child .cont-text-home {
        right: 0;
    }
}

.frontLogin-max-container.last {
  transform: translateY(50%);
}

@media (max-width: 991px) {
  
  .frontLogin-max-container.last {
    transform: translateY(10%);
  }
}

@media (max-width: 426px) {
  
  .home-form-description-cont {
    padding: 11px 0 !important;
  }
}

.home-form-description-cont {
  padding: 35px 0;
}

.frontLogin-max-container .home-form-img { 
  width: 200px;
  height: 200px;
  transform: rotateY(180deg);
  float: left;
}

.cont-text-home {
    width:40%;
    margin: 2%;
}

h3.home-form-title { 
    color: #555;
    font-size: 29px;
    font-family: 'Satisfy',arial,helvetica;
}

.home-forms-container div:hover .home-form-img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

p.home-form-description {
    font-size: 15px;
    font-family: 'open sans';
}

.home-form-link {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    color: #0980A7;
}




.home-form-link:hover { 
    color: #7AD7F5; 
    cursor: pointer; 
    
}

.cont-modalRecomendacion {
  text-align: right;
  color: #0980a7;

  transition: .2s;
}

.cont-modalRecomendacion i:hover {
  color: #7ad7f5;
}
/*-----Apertura Cta, CV */

/*Apertura Cta, CV < 768px----- */
@media (max-width:768px) {
.home-form-img { margin:0; }
}
/*-----Apertura Cta, CV < 768px */

/*-------------------------------~~MIDDLE(HOME)---------------------------------*/

.cont-img-home{
}

.text-align-right{
    text-align: right;
}


/*---------------------------------MIDDLE(FORMS)~~-------------------------------*/

/*Validador----*/

[data-status="success"] {
  background-color: #CCF9CC !important; 
  color: #0F690F;
  border-radius: 5px;
}

[data-status="failed"] {
  background-color: #F7E0E0 !important;
  color: #ff3c3c;
  border-radius: 5px;
}

.inputContainer{
  position:relative; 
  float:left;
  
}

.formError {
	position:absolute;
	top:300px; left:300px;
	display:block;
	z-index:500000;
	cursor:pointer;
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%;
	background:#ee0101;
	color:#fff;
	width:160px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	width:15px;
	margin:-2px 0 0 13px;
	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{
	width:1px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:0px solid #ddd;
}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

.contact-form-success {padding-top: 9px;padding-left: 10px;font-weight: bold;color: #097B0B;font-size:19px;}
.form-success {padding: 10px;margin-bottom: 10px;font-weight: bold;color: #097B0B;font-size:19px;}
/*----Validador*/

/*Formulario de contacto----- */

.frm-contacto {
    margin-top: 30px;
    margin-bottom: 30px;
}
.contact-form h1 {
    font-weight: 500;
    margin-bottom: 20px;
    color: #0980A7;
}

.contact-form em { color:#65c5e4; }

.contact-form label { 
    font-weight: 400; 
    padding-bottom: 7px; 
    font-size: 15px;
    color: #0980A7;
    position: relative;
    top: -33px;
    
    transition: .2s;
}

.contact-form input:focus + label, 
.contact-form input.input-valid + label{ 
    top: -63px;
}


.contact-form-input { 
    width: 100%; 
    margin-bottom: 7px !important; 
    border: none !important;
    border-bottom: solid 1px #ddd !important;
}

textarea.contact-form-input { 
    min-height: 200px;
    border: solid 1px #ddd !important;
}

.recaptcha-google{
    float: left;
}
.contact-form-button {
    padding: 8px 0px 8px 0px;
    width: 150px;
    /* margin-bottom: 15px; */
    border-radius: 3px;
    background-color: #0980A7;
    color: white;
    font-size: 18px;
    float: right;
}

.contact-form-ok-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.contact-form-fail-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.contact-form-ok { color: #4A4545; font-size: 14px; margin-bottom: 30px; }
.contact-form-ok a { color: #0980A7; font-size: 14px; }

.contact-form-info { font-family:'lato', Arial, Helvetica, 'Nimbus Sans L', sans-serif ;}

.contact-form-info div { padding: 0px 0px 12px 0px; color: #555; font-size: 20px; }

.contact-form-info div a { font-size: 20px; }
.contact-form-info div a:hover { color: #0B1A65; }

@media (max-width:768px) {
	.contact-form h1 { font-size: 20px; }
	.contact-form-info div, .contact-form-info div a { font-size: 14px; }
	.contact-form-info { padding-top: 0px; }
}

.map iframe{
    height: 360px;
}

.text-area-label {
    position: static !important;
    margin-top: 10px;
}
/*Formulario de CV----- */
.cv-max-container .section { margin-bottom: 15px; }

.cv-form h1 { font-weight: 600; margin-bottom: 10px; }

.cv-form em { color:#65c5e4; }

.cv-form label { font-weight: 400; padding-bottom: 7px; }

.cv-form-input { width: 100%; border-radius: 30px !important; margin-bottom: 7px !important; }

.cv-file-input-1 { width: auto; display: inline-block !important; margin-left: 20px; }

.cv-file-input-2 { padding: 10px; margin: 0; padding-left: 0;}

.cv-file-label { display: block; }

.cv-form-select { border-radius:0px; display: block; width: 100%; margin-bottom: 7px !important; }

.cv-form-checkbox { float: right; }

textarea.cv-form-input { min-height: 200px; }

.cv-form-button {
	border: 2px solid #65C5E4;
	padding: 8px 0px 8px 0px;
  width: 150px;
  margin-bottom: 15px;
  border-radius: 30px;
  background-color: white;
  color: #65C5E4;
  font-size: 18px;
}

.cv-form-ok-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.cv-form-fail-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.cv-form-ok { color: #4A4545; font-size: 14px; margin-bottom: 30px; }
.cv-form-ok a { color: #0980A7; font-size: 14px; }

/*-----Formulario de CV */

/*Formulario de apertura----- */
.apertura-max-container .section { margin-bottom: 15px; }

.apertura-form h1 { font-weight: 600; margin-bottom: 10px; }

.apertura-form em { color:#65c5e4; }

.apertura-form label { font-weight: 400; padding-bottom: 7px; }

.apertura-form-input { width: 100%; border-radius: 30px !important; margin-bottom: 7px !important; }

.apertura-file-input-1 { width: auto; display: inline-block !important; margin-left: 20px; }

.apertura-file-input-2 { padding: 10px; margin: 0; padding-left: 0;}

.apertura-file-label { display: block; }

.apertura-form-select { border-radius:0px; display: block; width: 100%; margin-bottom: 7px !important; }

.apertura-form-checkbox { float: right; }

textarea.apertura-form-input { min-height: 200px; }

.apertura-form-button {
	border: 2px solid #65C5E4;
	padding: 8px 0px 8px 0px;
  width: 150px;
  margin-bottom: 15px;
  border-radius: 30px;
  background-color: white;
  color: #65C5E4;
  font-size: 18px;
}

.apertura-form-ok-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.apertura-form-fail-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.apertura-form-ok { color: #4A4545; font-size: 14px; margin-bottom: 30px; }
.apertura-form-ok a { color: #0980A7; font-size: 14px; }

/*-----Formulario de apertura */

/*FrontLogin----- */
.frontLogin-max-container .section { margin-bottom: 15px; }

.frontLogin-max-container h1 {
  font-weight: 500;
  margin: 20px 0;
  color: #0980A7;
}

.frontLogin-max-container.first input{
  width: 100%;
  margin-bottom: 7px !important;
  border: none !important;
  border-bottom: solid 1px #ddd !important;
}

.frontLogin-max-container.first label {
  font-weight: 400;
  padding-bottom: 7px;
  font-size: 15px;
  color: #0980A7;
  position: relative;
  top: -33px;
  transition: .2s;
}

.frontLogin-max-container.first input.input-valid + label {
  top: -63px;
}

.frontLogin-max-container.first input:focus + label {
  top: -63px;
}

.frontLogin-max-container label { font-weight: 400; padding-bottom: 7px; }

.frontLogin-button {
	border: 2px solid #65C5E4;
	padding: 8px 0px 8px 0px;
  width: 150px;
  margin-bottom: 15px;
  border-radius: 30px;
  background-color: white;
  color: #65C5E4;
  font-size: 18px;
	float: right;
}

.frontLogin-backlink:hover { color: #234577;	}

@media (max-width:380px) {
	.frontLogin-button { padding: 3px 0px 3px 0px; width: 110px; font-size: 16px; }
	.frontLogin-backlink { font-size: 10px; }
}

.frontLogin-ok-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.frontLogin-fail-message {	margin: 5px 0px; font-size: 16px; font-weight: 600; padding: 13px; }
.frontLogin-ok { color: #4A4545; font-size: 14px; margin-bottom: 30px; }
.frontLogin-ok a { color: #0980A7; font-size: 14px; }

/*-----FrontLogin */
/*-------------------------------~~MIDDLE(FORMS)---------------------------------*/

/*-------------------------------~~MIDDLE GENERAL---------------------------------*/
.headline{
    border-bottom: solid 1px #ddd;
}
.headline_outer{
     background: transparent;  
}

.headline_outer .headline_inner .center768 .headline_text .entry-title, .headline_outer div a, .headline_outer div span{
    color: #0980A7;
}

.headline_outer .entry-title{
    text-transform: uppercase;
    font-weight: bold;
}

.headline_outer .headline_inner{
    padding: 20px;
}



/*-----------------------------MIDDLE(QUIENES SOMOS)~~---------------------------*/

/*Banner----- */
.empresa-banner-container { padding: 20px 0; }

.empresa-banner-container .item img { display: block; width: 100%; height: auto; border-radius: 30px;}

#empresa-banner-container .owl-pagination { bottom: 20px; right: 41%; top: inherit;}
/*-----Banner */

/*Colizq----- */
.info-quienes-somos { font-size: 13.5px; color: #5B5B5B; }

.info-quienes-somos.left { 
    padding: 20px 0;
    
}


.info-quienes-somos.left img{ 
    float:right;
    width:50%;
    margin-top: 20px;
    padding: 0 0 20px 20px;
}
/*-----Colizq */


/*Casos de exito----- */
.separator-line-horizontal { border-bottom: 1px solid #ddd; }

.casos-de-exito {  text-align: center; }

.casos-de-exito h1 { padding-top: 40px; font-weight: 600; }

.casos-de-exito p {  padding: 0px 50px 20px 50px; }

.casos-container { padding: 45px; border: 1px solid #B7B4B4; margin-bottom: 10px; border-radius: 31px; margin-bottom: 50px; }

.casos-container h6 { font-weight: bold; }

.casos-container p.text { color: #B7B4B4; font-style: italic; padding-right: 40px; font-size: 17px; }

.casos-container img { max-width: 50px; border-radius: 40px; }

.casos-container label { color: #232222; }
/*-----Casos de exito */

/*---------------------------~~MIDDLE(QUIENES SOMOS)-----------------------------*/

/*-----------------------------MIDDLE(SERVICIOS)~~---------------------------*/

/*Info----- */
.info-servicios { 
    padding-top: 20px;
    font-size: 13.5px;
    color: #5B5B5B; 
    margin-bottom: 30px; 
    
}

/*-----Info */

/*Imagenes----- */
.servicios-img {   
    height: 250px;
    float: right; 
    
}
/*-----Imagenes */

/*Widget-Servicios----- */
.widget-servicios {  text-align: center; }

.widget-servicios h1 { padding-top: 40px; font-weight: 600; }

.widget-servicios-container { margin-top: 10px;}

.widget-servicios-container .owl-item { padding: 0px 10px 0px 10px; }

.widget-servicios-container .item { 
    margin-bottom: 30px;
    
}

.widget-servicios-container .item img {
    height: 230px; 
    width: 100%; 
    
}

.widget-servicios-container .item h3 { 
    margin: 10px 0 10px; 
    text-align: center; 
    color: #555;
}

.widget-servicios-container .item .description{ padding: 0 18px 20px; margin: 0; text-align: left; }

.btn-ver-mas {text-align: right;  padding-right: 29px;}
/*-----Widget-Servicios */

.servicio-banner { border-radius: 25px; }

.block-tittle{
    background: #65c5e4;
    padding: 0 12px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    border-radius: 35px
    
}

.tel-md, .horario-md{
    padding-top: 10px;
    text-align: center;
}
.tel-md i, .horario-md i{
    font-size: 9px;
}
    
.description_article.servicio em{
    color: #929292;
}

em.info:before{
    content: '\ea91';
    font-family: "fontello" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    vertical-align: baseline;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}

.ico-bank-service{
    height: 28px;
    vertical-align: middle;
    padding-bottom: 5px;
}

.container-servicio-pago{ margin-bottom: 50px }

/*---------------------------~~MIDDLE(STAFF)-----------------------------*/
/*Info----- */
.info-staff { 
    padding-top: 60px; 
    font-size: 13.5px; 
    
    font-family: 'lato', Arial, Helvetica, 'Nimbus Sans L', sans-serif ;
    
}
.cmsms-icon-beaker-1:before { content: '\ec97'; } /* 'î²—' */
Icon Box global styles */
.cmsms_icon_box {
  border-style: solid;
  border-color: transparent;
  position: relative;
}
.cmsms_icon_box:before {
  border-style: solid;
}
.cmsms_icon_box .icon_box_heading:before {
  border-style: solid;
}
.cmsms_icon_box.cmsms_icon_top:before,
.cmsms_icon_box.cmsms_icon_box_top:before {
  position: absolute;
  top: 0;
  left: 50%;
}
.cmsms_icon_box.cmsms_icon_top:before {
  top: 30px;
}
.cmsms_icon_box.cmsms_icon_top .icon_box_inner,
.cmsms_icon_box.cmsms_icon_box_top .icon_box_inner {
  text-align: center;
}
.cmsms_icon_box.cmsms_icon_top .icon_box_inner .icon_box_text,
.cmsms_icon_box.cmsms_icon_box_top .icon_box_inner .icon_box_text {
  text-align: center;
}
.cmsms_icon_box.cmsms_icon_box_left_top,
.cmsms_icon_box.cmsms_icon_box_left {
  padding-left: 60px;
}
.cmsms_icon_box.cmsms_icon_box_left_top:before,
.cmsms_icon_box.cmsms_icon_box_left:before {
  position: absolute;
  top: 0;
  left: 0;
}
.cmsms_icon_box.cmsms_icon_box_left:before {
  top: 50%;
}

.content_wrap{
    width: 70%;
}


.content-staff{
    width: 80%;
}

.staff-left{
    border-right: solid 1px #ddd;
    margin-right: 20px;
}



@media (max-width: 1024px){
  
    .staff-left {
    border-right: none;
    border-bottom: solid 1px #ddd;
    }
    
    .staff-right {
    margin-top: 20px;
    }
}


.staff-right-top {
    margin-bottom: 50px;
}

.staff-right-bottom {
    border-top: solid 1px #ddd;
    padding-top: 20px;
}


.h3-staff {
    font-size: 24px;
    color: #0980A7;
}

/*-----------------------------MIDDLE(ACTUALIDAD)~~---------------------------*/

/*Container----- */
.actualidad { padding-bottom: 20px; }
/*-----Container */

/*Container < 768px----- */
@media (max-width:767px) { .actualidad .col-xs-12 { text-align: center; } }
/*-----Container < 768px */

/*Titulos----- */
.actualidad h1 { margin: 0 0 10px; }
/*-----Titulos */

/*Imagenes----- */
.actualidad-img {
	border-radius: 30px;
    max-width: 200px;
    max-height: 200px;
}
/*-----Imagenes */

/*Boton ver Mas----- */
.actualidad button{
	border: 2px solid #65C5E4;
	padding: 8px 0px 8px 0px;
	width: 150px;
	margin-bottom: 15px;
	border-radius: 30px;
	background-color: white;
	color: #65C5E4;
	font-size: 18px;
}
/*-----Boton ver Mas */
/*---------------------------~~MIDDLE(ACTUALIDAD)-----------------------------*/

/*-----------------------------MIDDLE(PROVEEDORES)~~---------------------------*/

/*Container----- */
/*
.content_wrap > .cont-proveedores{
    display: flex;
    justify-content: center;
}
*/

.proveedores{
    height: 300px;
    margin: 10px 0;
    border-bottom: none;
}

.proveedores-cont-container{
    margin-bottom: 10px;
}

@media (max-width:992px){
    
    .proveedores{
        border-bottom: solid 1px #ddd;
    }
    
    .proveedores:last-child{
        border-bottom: none;
    }
}

.content_wrap > .cont-proveedores .proveedores:first-child .proveedores-cont-container, 
.content_wrap > .cont-proveedores .proveedores:last-child .proveedores-cont-container{
    padding-top: 40px;
}

.proveedores > div{
    position: relative;
}

.proveedores-img-cont{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.proveedores-cont-container{
    position: absolute;
    bottom: -300px;
    left: 0;
    right: 0;
}
.proveedores:first-child .proveedores-img-cont, .proveedores:last-child .proveedores-img-cont{
    top: 60px;
}

.proveedores:nth-child(2) .proveedores-img-cont{
    top: 30px;
}

.proveedores:nth-child(3) .proveedores-img-cont{
    top: -10px;
}


/*-----Container */

.proveedores-contenido {
    text-align: center;
}

/*Container < 768px----- */
@media (max-width:767px) { .proveedores .col-xs-12 { text-align: center; } .proveedores-contenido {text-align:center;} 
    
}
/*-----Container < 768px */

/*Titulos----- */
.proveedores h1 { margin: 0 0 10px; }
/*-----Titulos */

/*Imagenes----- */
.proveedores-img-cont div{ text-align:center;}

.proveedores-img-container { text-align: center; }

/* .proveedores-img { max-height: 200px; max-width:200px; margin-bottom: 10px; } */
/*-----Imagenes */

/*---------------------------~~MIDDLE(PROVEEDORES)-----------------------------*/

/*--------------------------MIDDLE(DETALLE-NOTICIA)~~-------------------------*/

/*768px < Fecha----- */
.creation_date_article.detail { position: absolute; right: 15px; top: 15px; }
/*-----768px < Fecha */

/*Fecha < 768px----- */
@media (max-width:767px) {	.creation_date_article.detail { top: inherit;	bottom: 0px; }
}
/*-----Fecha < 768px */

/*Imagen----- */
.image_article img {height:200px; float:left; margin-right: 20px; border-radius: 30px; }
/*-----Imagen */

/*------------------------~~MIDDLE(DETALLE-NOTICIA)---------------------------*/

/*-----------------------------MIDDLE(GRAL)~~---------------------------*/
@media (max-width:767px) {
	.center768 { text-align: center !important; }
	.cmsms_breadcrumbs { float:none !important; }
}
/*---------------------------~~MIDDLE(GRAL)-----------------------------*/


.input_login {padding: 5px 20px!important;}

.input_login.logged {
    padding: 5px !important;
    float:left;
}

.input_login.logged b{
    font-size:15px;
    font-weight:200;
    color: #555;
    
    transition: ease .2s;
}


.input_login.logged span{
    color: #ccc;
    padding: 0 5px;
}

/*Datepicker personalizado 20deJunio---- */
.ui-widget-header {
    border: 1px solid #170E02;
    background: #0980A7;
    color: #fff;
    font-weight: bold;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
		border: 1px solid #2227D8;
    background: #C7CEFF;
    color: #0D00D4;
    font-weight: bold;
}

.cmsms-icon-home{
    position: absolute;
    bottom: -9px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
		border: 1px solid #234577;
    background: #DBE0E6;
    color: #234577;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
		border: 1px solid #DA4442;
    background: #F3E0E0;
    color: #E25050;
}

.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover, .ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
		border: none;
    background: none;
}
/*----Datepicker personalizado 20deJunio */

.tit_nov_home { line-height:22px!important}

.item_noti_home { padding-left:10px; padding-right:10px;}

.banner_acceso_fixed { display:none}

.navi_scrolled .banner_acceso_fixed{
display: block;
}

@media (max-width:768px) {
	.widget {	margin-bottom: 0px; }
	}

/*---------------------------~~BOTTOM-----------------------------*/

.bonus-pharma {
	width: 230px;
	margin-left:10px;
}

@media (max-width:767px) {
	.bonus-pharma {
		margin-bottom: 20px;
	}
}
/*Recall---------------------*/

.recall-title { text-align: center; font-weight: bold; color: #555; }

.recall-widget {
    margin-top: 40px;
}

.recall-widget .links { font-size: 16px; color: #555 !important; }

.recall-widget .links:hover {
    color: #7AD7F5 !important;
}

.recall-widget i {
    font-size: 15px;
    color:#7AD7F5; 
    position:absolute;
    top:-100%;
    left:50%;
}

.recall-widget i:before { margin-left: 0px; margin-right: 0px; }

.rc-name { padding: 0px !important; }

.rc-name:nth-child(1) {padding-left: 15px !important;}
.rc-name:nth-child(4) {padding-right: 15px !important;}

@media (max-width:992px) {
	.recall-widget > div {
		margin-bottom: 5px;
		clear: both;
	}

	.rc-name{
		float: none !important;
		margin: 30px auto;
	}

	.rc-name:nth-child(1){
		padding-left: 0 !important;
	    margin-top: 10px;
	}
}

@media (max-width:767px) {
	.recall-widget { margin-bottom: 15px !important; }
	.rc-name { text-align: center; }
}
/*---------------------Recall*/

#middle { padding-bottom: 40px !important; }


/* ------ Info Staff ------ */

#cmsms_row_56abc87f756a3 .cmsms_row_outer_parent {
	padding-top: 50px;
}

#cmsms_row_56abc87f756a3 .cmsms_row_outer_parent {
	padding-bottom: 20px;
}


#cmsms_heading_56abc87f75aed {
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
}

#cmsms_heading_56abc87f75aed .cmsms_heading {
	text-align:center;
}

#cmsms_heading_56abc87f75aed .cmsms_heading, #cmsms_heading_56abc87f75aed .cmsms_heading a {
	font-weight:bold;
	font-style:normal;
}

#cmsms_heading_56abc87f75aed .cmsms_heading_divider {
}


#cmsms_row_56abc87f75d4d .cmsms_row_outer_parent {
	padding-top: 0px;
}

#cmsms_row_56abc87f75d4d .cmsms_row_outer_parent {
	padding-bottom: 35px;
}


#cmsms_icon_box_56abc87f761b7 {
	border-width:1px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-color: #dddddd;
}


#cmsms_icon_box_56abc87f761b7 {
	padding-top:80px; }



#cmsms_icon_box_56abc87f761b7.cmsms_icon_box_top {
	padding-top:0px;
	margin-top:25px;
	}



#cmsms_icon_box_56abc87f765e4 {
	border-width:1px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-color: #dddddd;
}


#cmsms_icon_box_56abc87f765e4 {
	padding-top:80px; }


#cmsms_icon_box_56abc87f765e4.cmsms_icon_box_top {
	padding-top:0px;
	margin-top:25px;
	}




#cmsms_icon_box_56abc87f769e1 {
	border-width:1px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-color: #dddddd;
}


#cmsms_icon_box_56abc87f769e1 {
	padding-top:80px; }



#cmsms_icon_box_56abc87f769e1.cmsms_icon_box_top {
	padding-top:0px;
	margin-top:25px;
	}



#cmsms_row_56abc87f76c04 .cmsms_row_outer_parent {
	padding-top: 0px;
}

#cmsms_row_56abc87f76c04 .cmsms_row_outer_parent {
	padding-bottom: 0px;
}


#cmsms_divider_56abc87f76fc8 {
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-top:0px;
	margin-bottom:0px;
}

#cmsms_row_56abc87f770d7 {
	background-color:rgba(252,252,252,0.39);
}

#cmsms_row_56abc87f770d7 .cmsms_row_outer_parent {
	padding-top: 50px;
}

#cmsms_row_56abc87f770d7 .cmsms_row_outer_parent {
	padding-bottom: 50px;
}


#cmsms_heading_56abc87f774ca {
	text-align:left;
	margin-top:0px;
	margin-bottom:-30px;
}

#cmsms_heading_56abc87f774ca .cmsms_heading {
	text-align:left;
}

#cmsms_heading_56abc87f774ca .cmsms_heading, #cmsms_heading_56abc87f774ca .cmsms_heading a {
	font-weight:bold;
	font-style:normal;
}

#cmsms_heading_56abc87f774ca .cmsms_heading_divider {
}


#cmsms_divider_56abc87f9a6fb {
	border-bottom-width:0px;
	border-bottom-style:solid;
	padding-top:40px;
	margin-bottom:0px;
}

#cmsms_row_56abc87f9d18b .cmsms_row_outer_parent {
	padding-top: 0px;
}

#cmsms_row_56abc87f9d18b .cmsms_row_outer_parent {
	padding-bottom: 50px;
}

#cmsms_row_56abc87f9d18b .cmsms_row_inner.cmsms_row_fullwidth {
	padding-left:0%;
}
#cmsms_row_56abc87f9d18b .cmsms_row_inner.cmsms_row_fullwidth {
	padding-right:0%;
}

#cmsms_divider_56abc87f9d649 {
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-top:0px;
	margin-bottom:0px;
}

#cmsms_row_56abc87f9d768 .cmsms_row_outer_parent {
	padding-top: 0px;
}

#cmsms_row_56abc87f9d768 .cmsms_row_outer_parent {
	padding-bottom: 20px;
}


#cmsms_heading_56abc87f9db9d {
	text-align:center;
	margin-top:0px;
	margin-bottom:30px;
}

#cmsms_heading_56abc87f9db9d .cmsms_heading {
	text-align:center;
}

#cmsms_heading_56abc87f9db9d .cmsms_heading, #cmsms_heading_56abc87f9db9d .cmsms_heading a {
	font-weight:bold;
	font-style:normal;
}

#cmsms_heading_56abc87f9db9d .cmsms_heading_divider {
}


#cmsms_divider_56abc87fa0d94 {
	border-bottom-width:0px;
	border-bottom-style:solid;
	padding-top:30px;
	margin-bottom:0px;
}

.listado-grupo {
	padding-bottom: 15px;
	}

.listado-grupo:last-child {
border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}


.circle {
    width: 50px;
    height: 50px;
    border-width: 0px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: -25px;
    }

.c1 {
   background-color: #65c5e4;
}
.c2 {
   background-color: #ec7da2;
}
.c3 {
   background-color: #70dbbb;
}
.c4 {
   background-color: #4D94AB;
}
.c5 {
   background-color: #9A536B;
}
.c6 {
   background-color: #488C77;
}
.c7 {
   background-color: #326879;
}
.c8 {
   background-color: #58313E;
}

.icon_box_inner a:hover, a:focus {
      color: #0980A7;
      text-decoration:none;
}
/* ---- Termina Info Staff ----- */

.recall-widget{
	text-align: center !important;
}

.widget_recall{
	padding-right: 0 !important;
}

.rc-name {
    text-align: center !important;
}

.staff .icon_box_heading a:hover{
	color:#65C5E4 !important;
}
.staff .icon_box_heading a{
	color: #393939 !important
}

.pull_right{
	float: right;
}

.pull_left{
	float: left;
}

.noticia_detalle a[href="/serviceLogin.cgi"]:not(.extranet-login-menu-header){
    color: rgb(101, 197, 228) !important;

}

.article-title{
  max-width: 800px;
}

.servicios_pago .description_article{
  margin-top: 25px;
}

.description_article > ul > li{
  color: #0f70b7;
}

.url_back{
  margin-top: 25px;
}

.description_article > ul > li strong {
	font-size: 16px;
}

.font-ico-serv-pagos{
	width: 18px;
}

.container-horarios-serv-pago{
	text-align: left;
	padding-right:0 !important;
        border: 1px solid #cecece;
        border-radius: 15px;
        background: #f5f5f5;
        padding-bottom: 10px;
}

.ul-horarios-serv-pag{
	padding-left: 38px;
	padding-top: 16px;
        line-height: 10px;
}

.container-telefonos{
	padding-top: 10px;
}

.container-servicio-pago h2 img{
margin-right: 10px;
}

.list-beneficios{
  padding-left: 25px;
  color: #146c88;
    line-height: 22px;
}

.list-beneficios span{
    display: block !important;
}

.list-beneficios span i{
    font-size: 9px;
}

.titulo-listado {
    text-transform: uppercase;
    font-weight: bold;
    color: #0980a7;
}

.cont_accesos_bottom_contactos{
    text-align: center;
    border-top: solid 1px #DDDDDD;
    background: transparent;
}


/* -- Nav login -- */

header.navi_scrolled .nav-login {
  display: block;
}

.nav-login {
  display: none;
}

.nav-login .login-extranet-left{
  display: none;
}

.nav-login .register {
  display: none;
}

.nav-login .login-extranet {
  top: 74%;
}

.nav-login .cmsms-icon-user,
.nav-login .cmsms-icon-lock {
  top: 3px;
}

.nav-login input:focus {
  color: #7AD7F5;
}

.nav-login input:focus + i {
  color: #7AD7F5;
}

.nav-login input::placeholder {
  font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal; 
}

/* -- haeder-bot -- */

.header_bot_inner {
/*   margin: 0; */
  padding: 0;
}

.menu-item.menu-item-type-post_type {
  text-align: center;
  display: inline-block;
  padding: 10px;
}

.cmsms-icon-home {
  position: static;
}

.cmsms-icon-home::before {
  transform: translateY(-2px);
}

@media (min-width: 1024px) {
  
  .nav_button_logged {
    padding-right: 70px;
  }
}

/* NEW HEADER */
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 999;
}

.main-header.scrolled {
  position: fixed;
  top: -102px;
}

.main-header__top {
  width: 1100px;
  margin: auto;
}

.main-header__top {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-header-brand img {
  max-width: 150px;
}

.main-header-login {
  max-width: 450px;
}

.main-header-login form {
  display: flex;
  flex-direction: column;
}

.main-header-login .login-title {
  font-weight: 600;
  color: #0980A7;
} 

.main-header .login-inputs {
  display: flex;
  position: relative;
}

.main-header .login-inputs i {
  position: absolute;
  top: 5px;
  left: 0;
}

.main-header .login-inputs .cmsms-icon-lock {
  left: 162px;
}

.login-inputs input[type=text],
.login-inputs input[type=password]{
  border-radius: 0;
  height: 30px;
  color: #444;
  border: none;
  border-bottom: 1px solid #ddd;
  width: 150px;
  margin: 0 5px;
  border-color: #dddddd;
  background-color: #ffffff;
  transition: ease .3s;
}

.login-inputs input[type=text]:focus,
.login-inputs input[type=password]:focus,
.login-inputs input[type=text]:focus::placeholder,
.login-inputs input[type=password]:focus::placeholder {
  color: #7AD7F5;
}

.login-inputs input[type=text]:focus,
.login-inputs input[type=password]:focus {
  border: none;
  border-bottom: 1px solid #7AD7F5;
}

.main-header button {
  padding: 4px 12px;
  font-size: 13px;
  background-color: #7AD7F5;
  color: #FFF;
  font-weight: 600;
  border-radius: 3px;
  border: none;
}

.main-header-login .login-signup {
  text-align: right;
  margin-top: 6px;
}

.login-signup a {
  font-style: italic;
  font-weight: 200;
  color: #515151;
}

.login-signup a:hover {
  color: inherit;
}

.main-header-login .user-logged b {
  font-size: 15px;
  font-weight: 200;
  color: #555;
  transition: ease .2s;
  margin-right: 20px;
}

.main-header-login .user-logged .logout {
  background-color: #0980A7;
}

.main-header__mobile,
.main-header__toggle {
  display: none;
}

.main-header__toggle span{
  position: relative;
}

.main-header__toggle span {
  width: 18px;
  height: 3px;
  background: #707070;
  display: block;
  left: 0 !important;
  top: 9px;
}

.main-header__toggle span::before,
.main-header__toggle span::after {
  content: '';
  width: 18px;
  height: 3px;
  margin: auto !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #707070;
}

.main-header__toggle span::before {
  top: -13px;
}

.main-header__toggle span::after {
  bottom: -12px;
}

.main-header__mobile a {
  padding: 4px 12px;
  font-size: 13px;
  background-color: #7AD7F5;
  color: #FFF !important;
  font-weight: 600;
  border-radius: 3px;
}

.main-header__nav {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
}

.main-header__nav nav {
  width: 1100px;
  margin: auto;
}

.main-header__nav .nav-items {
  display: flex;
  align-items: center;
}

.main-header__nav .nav-items a {
  padding: 15px;
  display: block;
  color: #393939;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'lato', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

.main-header__nav .nav-items a:hover {
  color: #0980A7;
}

.main-header__nav .login-nav {
  margin-left: auto;
  display: none;
}

.main-header.scrolled .main-header__nav .login-nav {
  display: block;
}

.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  display: block;
  bottom: 0;
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-loader.hidden {
  display: none;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7AD7F5;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@media (max-width: 1100px) {
  .main-header {
    position: fixed;
  }
  
  .main-header.scrolled {
    top: 0;
  }
  
  .main-header__top,
  .main-header__nav nav {
    width: calc(100% - 16px);
  }
  
  .main-header.scrolled .main-header__nav .login-nav {
    display: none;
  }
}

@media (max-width: 768px) {
  .main-header-brand img {
    max-width: 85px;
  }
  
  .main-header-login {
    display: none;
  }
  
  .main-header__nav .nav-items {
    flex-direction: column;
    display: none;
  }
  
  .main-header__nav.expanded .nav-items {
    display: block;
  }
  
  .main-header__nav .nav-items a {
    text-align: center;
  }
  
  .main-header__mobile,
  .main-header__toggle {
    display: block;
  }
  
  .main-header__toggle {
    width: 20px;
    height: 20px;
  }
}