/*
 Theme Name:     Oficentro Theme
 Description:    Oficentro Theme
 Author:         Loud
 Template:       tower
 Version:        1.0.0
*/

@import url("../tower/style.css");

/*Fonts*/
@font-face {
    font-family: 'lemon_light';
    src: url('fonts/LemonMilklight.eot');
    src: local('lemon_light'), 
         local('lemon_light'), 
         url('fonts/LemonMilklight.ttf') format('truetype'),
         url('fonts/LemonMilklight.svg#font') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'lemon_regular';
    src: url('fonts/LemonMilk.eot');
    src: local('lemon_regular'), 
         local('lemon_regular'), 
         url('fonts/LemonMilk.ttf') format('truetype'),
         url('fonts/LemonMilk.svg#font') format('svg');
    font-weight: 400;
    font-style: normal;
  }
/*Fin Fonts*/

/*General*/

.header-language{
    position: absolute;
    right: 0;
}

.header-language .wpml-ls-legacy-list-horizontal{
    border:none;
}

.header-language .wpml-ls-statics-shortcode_actions a {
    font-family: 'lemon_regular' !important;
    letter-spacing: 1px !important;
    color: #fff;
    background-color: transparent;
    font-size: 12px;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a, 
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a:focus{
     background-color: transparent;
     color: #00A6E4;
}

.wpml-ls-current-language a span{
     color: #00A6E4;
}

body{
    background-color: #102735 !important;
}

#slider-fullwidth{
    border-bottom: none !important;
}

h1,h2,h3{
    font-family: 'lemon_regular' !important;
    letter-spacing: 1px !important;
}

h1{
    font-size: 1.8em !important;/*2.5*/
}

h2{
    font-size: 1.75em !important;/*2*/
}

p{
    font-weight: 500;
    color:#6E6F71;
    font-size: 1.3em;
}

#logo{
   /* display:none;*/
}

.header_transparency.fullwidth_slider_page .header_wrapper{
    position:unset;
}

.wpb_row.section-style{
    margin-bottom: 0px !important;
}

.header_1 header#header{
   /* background-color: rgba(16,39,53,0.9) !important;*/
}

.mobile_small_menu.open:before{
    color: #fff;
}

/*.sticky_header header#header{
    background-color: rgba(16,39,53,0.9) !important;
    height: 100px;
}*/

.wpb_row.section-style, .wpb_row.standard_section{
    margin-bottom: 40px !important;
}

.wpb_row.section-style:last-child,
.wpb_row.standard_section:last-child{
    margin-bottom:0 !important;
  }

.section-style {
    padding-top: 30px; 
    padding-bottom: 30px; 
}

.header-socials{
    position: absolute;
    right: 0;
}

.header-socials ul li{
    list-style: none;
    float: left;
    padding: 0px 10px;
    font-size: 16px;
}

.header_social_icons{
    color:#001B21;
    font-size:13px;
}

.header_social_icons li{
    background-color: #00A6E4;
    width: 8px;   
    border-radius: 25px;
    text-align: center;
    line-height: 26px;
}

#navigation nav .menu li a{
    font-family: 'lemon_light' !important;
    margin-top: 0px
}

#navigation nav .menu li.current-menu-item a{
    color:#00A6E4;
}

footer#footer .inner{
    text-align:center;
}

footer #media_image-3 {
    margin-bottom: 40px;
    margin-top: 20px;
}

footer#footer .inner .row-fluid.ff:first-child{
    padding-bottom: 0px;
}

#footer{        
    background-image: url('images/footer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    background-position: center center;
    font-family: 'lemon_light' !important;
	font-size:12px !important;
}

#footer a{        
    font-family: 'lemon_light' !important;
	font-size:12px;
}

#copyright .pull-right{
    float: none;
}

#copyright .widget ul {
    float: none;
    margin: 0 auto;
    width: 10px;
}

.close:hover{
    color: #00A6E4;
    opacity: 0.9;
}

.footer-icon{
    color: #fff;
    display: block;
    font-size: 1.2em;
    text-align: left;
    padding-left: 50px;
    min-height: 40px;
    background-repeat: no-repeat;
    font-family: 'lemon_light' !important;
}

.footer-icon.telephone{
    background-image: url('images/footer-icon1.jpg');
    
}

.footer-icon.url{
    background-image: url('images/footer-icon2.jpg');
    
}

.footer-icon.address{
    background-image: url('images/footer-icon3.jpg');
    
}
/*Fin General*/

/*Inicio*/
.contacto-bg-acceso strong{
    color:#00A6E4;
    font-weight: normal;
}

.contacto-bg-acceso{
    background-size: cover;
    font-family: 'lemon_regular'; 
}

.contacto-bg-acceso p{
    font-size: 1.9em;
    line-height: 1.5em;   
    text-align: center;
    color:#fff;
    font-family: 'lemon_light' !important;
}

.encabezado1 h2{
    color:#102735;
    font-weight: 400;
    font-size: 2.35em !important;
    border-bottom: 1px solid #00A6E4;
    text-transform: uppercase;
    padding-bottom: 14px;
}

.encabezado1 h3{
    color: #00A6E4;
    font-family: 'lemon_regular';
    font-weight: 400;
    padding: 20px 0px;
    font-size: 1.75em !important;
}

.encabezado2 h2{
    color:#fff;
    font-weight: 400;
    font-size: 2.35em !important;
    border-bottom: 1px solid #00A6E4;
    text-transform: uppercase;
    padding: 30px 0px;
    margin-bottom: 40px;
}
/*Fin Inicio*/

/*Oficinas*/
.plantas h2{
    font-size: 2.35em !important;
    color: #102735;
    text-transform: uppercase;
    border-bottom: 1px solid #00A6E4;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.plantas h3{
    color: #00A6E4;
    font-family: 'lemon_regular';
    font-weight: 400;
    padding: 0px 0px 20px 0px;
    font-size: 1.35em !important;
}

.plantas .button a{
    font-size: 0.85em;
    background-color: #102735;
    position: relative !important;
}

.plantas .btn-bt.business:hover{    
    background-color: #00A6E4;
    
}

.imagen-planta{
    height: 540px !important;
}

.wpb_row.section-style.plantas, .wpb_row.standard_section.plantas{
    margin-bottom: 0px !important;
}

/*Fin Oficinas*/

/*Beneficios*/
.beneficios{
    background-size: cover;
    min-height: 460px;
}

.beneficios h2{
    font-size: 2.35em !important;
    color: #102735;
    text-transform: uppercase;
    border-bottom: 1px solid #00A6E4;
    padding: 20px 0px;
    margin-bottom: 20px;
    line-height: 1.35em;
}

.beneficios p{
    text-align: center;
}

.beneficios p strong{
    font-weight: normal;
    color: #00A6E4;
}

.wpb_row.section-style.beneficios, .wpb_row.standard_section.beneficios{
    margin-bottom: 0px !important;
}
/*Fin Beneficios*/

/*Blog*/
.blog .header_page h1{
    font-size: 2.5em !important;
    font-weight: 400 !important;
    height: 20px !important;
}

.blog-article.creative-style{
    border:none;
}

.blog-article.creative-style .content{
    padding: 20px 0px;    
}

.blog-article .info,.blog-article .other{
    display: none;
}
.blog-article.creative-style .content h1,
.single-post .content h1{
    color:#00A6E4 !important;
    font-weight: 400 !important;
}

.blog-article.standard-style .content h1 a{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}


.blog .blog-article::after {
    border: 1px solid #00A6E4;
    text-align: center;
    width: 80%;
    margin: 0 auto;    
}

.single-post #comments,
.single-post #respond{
    display: none;
}
/*Fin Blog*/
/*Ebook*/
.ebook-title h1{
    color: #102735;
    border-bottom: 1px solid #00A6E4;
    padding: 20px 0px;
    font-size: 2.5em !important;
}

.ebook h2{
    color: #00A6E4;
    font-size: 1.3em !important;    
    border-bottom: 1px solid #00A6E4;
}

.ebook p{
    color: #6E6F71;
    font-size: 1em;
    padding-top: 10px;
}
/*Fin Ebook*/

/*Contacto*/

.wpb_row.section-style.contacto-beneficios, .wpb_row.standard_section.contacto-beneficios,
.wpb_row.section-style.contacto-listado-comercios, .wpb_row.standard_section.contacto-listado-comercios{
    margin-bottom: 0px !important;
}

.slider-shadow-text{
    text-shadow: 1px 2px 4px #000;
}

.contacto-listado-comercios h2{
    font-size: 2.5em !important;    
}

.contacto-listado-comercios p, .contacto-listado-comercios ol{
    text-align: justify;
    color: #fff;
    font-family: 'lemon_light' !important;
    font-size: 1.1em;
    line-height: 18px;
    padding-left: 50px;
    margin-top: 0px;
}

.contacto-listado-comercios ol{
    padding-left: 66px;
    line-height: 21px;
}

.icon-comercios{
    background-repeat: no-repeat;
    min-height: 40px;
    padding-left: 50px;
    padding-top: 6px;
}

.icon-comercios.tiendas{
    color:#8FD5E5;
    background-image: url('images/ubicacion-icono1.png');      
}

.icon-comercios.centro-comercial{
    color:#5D6AB0;
    background-image: url('images/ubicacion-icono2.png');
}

.icon-comercios.hotel{
    color:#F8B0A2;
    background-image: url('images/ubicacion-icono3.png');
}

.icon-comercios.ferreteria{
    color:#D992BF;
    background-image: url('images/ubicacion-icono4.png');
}

.icon-comercios.bancos{
    color:#99BE9A;
    background-image: url('images/ubicacion-icono5.png');
}

.icon-comercios.restaurantes{
    color:#B78FC1;
    background-image: url('images/ubicacion-icono6.png');
}

.icon-comercios.partners{
    color:#5D6AB0;
    background-image: url('images/ubicacion-icono7.png');
}

.icon-comercios.entradas{
    color:#F05A22;
    background-image: url('images/acceso-icono1.png');
}

.icon-comercios.salidas{
    color:#594E9F;
    background-image: url('images/acceso-icono2.png');
}

.icon-comercios.autobuses{
    color:#91D3CD;
    background-image: url('images/acceso-icono3.png');
}


.acceso h3{
    padding-top:16px;
}

.info-column{
    font-size: 1.5em;
    text-align: center;
    line-height: 1.3em;
}

.info-column .vc_column_container:nth-of-type(2){
    border-left: 1px solid #00A6E4;
    border-right: 1px solid #00A6E4;
}

.contacto-beneficios h2{
    font-size: 2.5em !important;
}

.contacto-beneficios p{
    font-size: 1.6em;
    text-align: center;
    line-height: 1.3em;
}

.contacto-form-bg{
    background-size: cover;
    text-align:center;
}

.contacto-form-bg p{
    font-size:2.4em;
    line-height: 1.3em;
}

.contacto-form-bg h2{
    color: #102735;
    border-bottom: 1px solid #00A6E4;
    padding: 20px 0px;
    font-size: 2.5em !important;
}

.comercios p{
    text-align: center;
    text-transform: uppercase;
    font-family: 'lemon_light' !important;
    color: #102735;   
    padding-top: 20px;
    line-height: 40px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select{
    font-family: 'lemon_light' !important;
    background-color: transparent;
    border: 2px solid #fff !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3em;
    height: 60px;
    width:100%;
}

.wpcf7 select option{    
    background-color: #102735;
}

.wpcf7 label{
    font-family: 'lemon_light' !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3em;
    text-align:left;
}

.wpcf7 textarea{
    height: auto;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff !important;
    opacity: 1;
}

.formulario-contacto p{
    display: none;
}

.wpcf7-form p input[type="submit"]{
    float: none;
}

.wpcf7-form input[type="submit"] {
    background: #00A6E4;
    font-size: 3em;
    font-family: 'lemon_regular'; 
    margin: 0 auto;
    text-align: center;
    display: block;
    border:none;
    color:#fff;
    padding: 14px 30px;
}

.wpcf7-response-output{
    clear: both;
    color: #fff;
}

.wpcf7-not-valid-tip{
    color: #fff !important;
}

/*Fin Contacto*/

/*Media query*/

@media (max-width:979px){
    .encabezado1 img.type_image.media_animation.animation_left.alignment_center{
        width: auto !important;
        margin: 0 auto !important;
        left: auto !important;
    }
}

@media (max-width: 769px) {

    .header-socials{
        right:auto;
        left:0;
        margin-top: 24px;
    }
    
    .mobile_small_menu{
       /* display:none !important;*/
    }
    
    .header_transparency header#header {
      background-color: rgba(16,39,53) !important;
    }

    .contacto-listado-comercios h3{
        font-size: 0.92em !important;    
    }

}

@media (max-width: 539px) {
    .header-language{        
        left: 0;
    }

    .header-language .wpml-ls-statics-shortcode_actions a {       
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    
    #logo img {
        height: 37px !important;
    }
    .slider#slider-fullwidth{
        min-height: auto;
    }

    #footer{
        background-position: center left;
    }

    .info-column .vc_column_container:nth-of-type(2){
        border:none;
    }
    
    .contacto-bg-acceso{
        background-position: center right !important;
    }
    
    .contacto-beneficios .container{
        max-width:100%;
    }

    .hide-on-mobile{
        display: none;
    }
}



/*FIN Media query*/