 /*
   Theme Name: ISSUV 2018
   Theme URI: https://www.themeisle.com/ 
   Description: This is a custom child theme I have created.
   Author: jlsimon
   URI: https://www.themeisle.com/ 
   Template: zerif-pro
   Version: 0.1 
   */

::-moz-selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}
::-webkit-selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}
::selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}
ul.nav > li.current_page_item.current > a::before, ul.nav > li.current-menu-item.current > a::before, ul.nav > li > a.nav-active::before, .navbar.navbar-inverse .primary-menu ul > li.current_page_item.current > a::before, .navbar.navbar-inverse .primary-menu ul > li.current-menu-item.current > a::before, .navbar.navbar-inverse .primary-menu ul > li.current > a::before {
    background: #036 !important;
}
 h1, h2, body{ font-family: Arial, Helvetica, sans-serif !important ;}
 .site-descriptionuv{ background: #e5e5e5; overflow: hidden;min-height:40px; text-align: left; z-index: 9999;position: fixed; width: 100%;}
 .site-descriptionuv span{ background: #036; color: #fff !important ; padding: 0.45em 1em; width: 220px; display:inline-block;}
 .idioma{  float: right;display:inline-block; color: #036; margin-right: 1.5em;   } 
 .idioma .menu  a{ color: #036 !important; padding: 0 5px; }
 .idioma .menu  a:hover{ color: #666 !important;}
 .idioma .menu{list-style: none; }
 .idioma .menu li{float: left; color: #036 !important;margin: 8px 0 !important;}
 .idioma .menu { background: none; padding: 0 10px 0 0!important; width: auto !important; display: inline !important; color: #036 !important;}

#parallax_move{ margin-top:0 !important;}
#parallax_move .layer {background-size:contain; margin-top: 75px; background-repeat: no-repeat;}
#main-nav{ margin-top: 40px; min-height: 60px !important;}
.header-content-wrap{ box-shadow: none;}
.big-title-container .buttons{ text-align: left;}
.big-title-container .red-btn {    background: #BCD0E8 !important; color: #036 !important;}
.primary-menu a{font-size: 0.8em; color: #036 !important;}
.navbar-brand{ padding: 7px 5px !important; height: auto !important; line-height: 50px !important; }

.empresas{ clear: overflow: hidden; padding:0.5em 0; background:#f5f5f5;; }
.empresas aside{float: left; width:11%; }

.white-text,.dark-text{ color:#036 !important; }

#focus .focus-box .service-icon{border-radius: 0%; border:none;	width: 201px;height:187px;}

#focus .focus-box .service-icon .pixeden {    border-radius: 0%;}

.focus h5{ text-transform: none !important; font-weight: 400;font-size: 1.4em; color: #036 !important;}
#focus .red-border-bottom::before{ display: none; }
#focus{ clear: both; float: none;}

#ribbon_bottom{ background: #18529d url(img/fondopng.png) no-repeat; background-position: top center;}
.green-btn{ background: #BCD0E8 !important;}
.separator-one .green-btn, .btn-primary{ color: #036 !important; } 
.separator-one .text{ max-width: 100%; }

#team h5{ text-transform: none !important; font-weight: 400; color: #036 !important;}
#team .red-border-bottom::before{background: #34d293 !important; }
#team p{ color: #036; }
#team .focus-box .service-icon{ border:none;	width: 175px;height:175px;}
#team{ background: #ccc;}
#testimonials{ background: #fff; color:#036 !important;}
#testimonials .green-btn{text-align: right; float: right; background: #888 !important;}
#testimonials .textwidget p{color:#036 !important; font-size: 1.3em;}
#client-feedbacks .feedback-box{ width: 100%; padding-top: 0;}


.purchase-now{ background: #fff !important;}
#ribbon_right .col-md-9 {   width: 100% !important;}
#ribbon_right .col-md-3 {    width: 60% !important;}
.purchase-now .red-btn{ background: #CCC !important; }

.packages{ background: #4A92BF url(img/fondopng.png) no-repeat !important; background-position: bottom center !important;}
.packages .focus-box .service-icon{border-radius: 0%; border:none;	width: 240px;height:240px;}
.packages .focus-box .service-icon .pixeden {    border-radius: 0%;}
.packages h5{ text-transform: none !important; font-weight: 400;font-size: 1.4em; color: #fff !important;}
.packages .red-border-bottom::before{ display: none; }
.packages .white-text{ color: #fff !important;}

.newsletter{ padding: 195px 0;}
#subscribe{background: #4A92BF url(img/usbifot1fondo.jpg) no-repeat !important; background-position: top center !important; background-color: transparent !important;}
#subscribe{ background-color:#4A92BF !important ;}

#footer, .copyright{background: #036 !important; }
#footer .company-details, .zerif-footer-email{color: #fff !important; text-align: left;}
#footer .company-details strong{display: block; margin-bottom: 20px;}
#footer .col-md-6{ width: 75%;}
#footer .copyright{ width: 25%; padding-bottom: 10px; }
.company-details {padding-top: 17px; padding-bottom: 10px;}

.fa-facebook{color: #2E66D7;}
.fa-twitter{color: #77BAE7;}
.social li{ background: #fff; border-radius: 5px; padding-top: 1em;  width: 58px; height: 55px;; }
.social i{font-size: 1.8em;}

@media (min-width: 1920px) {
    .big-title-container{     position: relative;padding: 2em 0;    -webkit-box-shadow:none;    box-shadown:none;    margin: 430px auto 140px; }
    .header-content-wrap{background:none; padding: 0; }
}

@media (min-width: 1200px) and (max-width: 1919px) { 
    .header-content-wrap{background:none; padding: 0; }
    .header-content-wrap {  margin: 10px auto 10px; padding-bottom: 0; }
    .intro-text {        text-align: left; font-size:36px; line-height: 36px;}
    .intro-text span{ text-transform: none;}

    .big-title-container{     position: relative;padding: 2em 0;    -webkit-box-shadow:none;    box-shadown:none;    margin: 330px auto 0px;}
}


@media (min-width: 1280px) {
    .intro-text span{ font-size: 42px;}
    .intro-text { font-size:42px; text-align: left; text-transform: none; font-weight: 700; line-height: 46px; padding-right: 4em;}
    .header-content-wrap{background:none; padding-bottom: 0; }
    .green-btn, .big-title-container .btn, .purchase-now .red-btn{ font-size: 30px;}  
    .separator-one .text{font-size: 35px; margin-bottom: 40px;}  
    .section-header h2 {font-size: 40px;}
    
}
@media (max-width: 1200px){
    .header-content-wrap{ padding-bottom: 0; }
    .intro-text { font-size:38px; text-align: left; line-height: 38px; }
    .intro-text span{ font-size: 42px; text-transform: none; }
    
}
@media (max-width: 992px){
    .header-content-wrap {    padding-bottom: 15px !important; padding-top: 30% !important;} 
    .intro-text {        text-align: left; font-size:24px; line-height: 26px;}
    .intro-text span{ font-size: 20px; text-transform: none;}
    .buttons{ margin-top: 15px !important;}
} 


@media (max-width: 320px) {
	.header-content-wrap {
		padding-top: 0%;
	}
	.intro-text {
        font-size: 22px;
        line-height: 30px;
    }


}

@media (max-width: 767px) {
    #main-nav, #main-nav.fixed {
        position: fixed !important;
    }
    }