@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto:400');
body{ font-family: 'Lato', sans-serif; line-height: 1.2; }
img{max-width: 100%;}
.banner-section { background-image: url("../images/banner-bg.jpg"); }
.site-header { padding: 40px 0; }
.main-nav{ padding:0; margin:0; list-style:none; float:right; }
.main-nav li{ padding:10px; margin:0; list-style:none; display: inline-block; }
.main-nav li a{ padding:10px; margin:0; font-size:13px; display: inline-block; text-transform: uppercase; color:#ffffff; font-weight:600; }

.banner-content {color:#ffffff; font-size: 21px; }
.banner-content h4 { font-size: 17px; color: #ffffff;}
.banner-content h2 { font-size: 64px; color: #ffffff;}
.banner-content .row { align-items: center; }
.banner-content p.large { font-size: 33px; }
.banner-content .banner-form-wrap { background-color: #006bb5; padding: 50px; font-size: 14px; margin-bottom: -50px; }
.banner-form-wrap h3 {font-size: 29px;text-align: center; font-weight: 400; margin-bottom: 20px; }
.banner-form-wrap h3 span {font-size: 28px; text-transform: uppercase; }

.banner-form-wrap input[type="text"],
.banner-form-wrap .nice-select ,
.banner-form-wrap .upload-cv ,
.banner-form-wrap input[type="email"],
.banner-form-wrap input[type="password"],
.banner-form-wrap input[type="file"] {
    background-color: #0078cf;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    margin-bottom: 10px;
    width: 100%;
    padding:15px 20px;
    font-size: 17px;
    line-height: 1;
}

.banner-form-wrap .upload-cv {
    position: relative;
}
.banner-form-wrap .upload-cv::after {
    content: '';
    background-image: url('../images/file-input-icon.png');
    display: block;
    height: 19px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 28px;
}



.banner-form-wrap input[type="file"] {
    display: none;
}
.banner-form-wrap input::placeholder{opacity: 1;color:white;}
.banner-form-wrap select {
    background-color: #0078cf;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    margin-bottom: 10px;
    width: 100%;
    padding:15px 20px;
    font-size: 17px;
    line-height: 1;
}
.banner-form-wrap input[type="submit"] {
	background-color:#ffffff;
	color:#023a5b;
	font-size: 19px;
	font-weight:700;
	border:none;
	border-radius:3px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	padding:15px;
	line-height: 1;
	margin-bottom:10px;
    margin-top: 30px;
    cursor: pointer;
}
.banner-form-wrap input[type="submit"]:hover {
    background-color:#023a5b;
    color:#ffffff;
}
.fancy-check {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0078cf;
    width: 15px;
    height: 16px;
    padding:1px 2px;
}
.fancy-check i.fa { display: none; font-size: 13px; }

.checkbox-wrap input:checked + label i.fa {display: block;}

.checkbox-wrap {
    position: relative;
    padding-left:22px;
}
.checkbox-wrap input{
    position: absolute;
    left: 0; top:3px;
}
h4 {
    font-size: 18px;
    color: #006bb5;
    margin-bottom: 20px;
}

.blockquote {
    font-size: 44px;
    color: #2e2f2f;
    padding-left:30px;
    position: relative;
    line-height: 1.1;
    
}
.landing-sec-2	.blockquote { margin-bottom:50px; }
.blockquote:before {
	content: '';
	position: absolute;
	left:0;
    border-left: 6px solid #006bb5;
    height:100px;
}
.landing-sec-2 { padding: 120px 0 60px; color:#737373; }
.landing-sec-2 p{ color:#737373; padding-left: 30px}

.landing-sec-3 {
    padding: 130px 0;
    background: url("../images/bg-001.jpg");
    background-position: center center;
    color: #ffffff;
}
.landing-sec-3 h3 { font-size:38px; }

.landing-sec-4 {
    padding: 110px 0 60px;
}
.ls4-r2 {
    margin-top: 50px;
    justify-content: center;
}
.ls4-r2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ls4-r2 ul li {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    color: #737373;
    font-size: 17px;
    min-height: 100px;
    position: relative;
}
.ls4-r2 ul li:before {
	content:url(../images/tick.png);
	position: absolute;
}

.ls4-r2 ul.ls4-r2-list-l li:first-child:before {top:12px; right: -40px;}
.ls4-r2 ul.ls4-r2-list-l li:nth-child(2):before {top:8px; right: -45px;}
.ls4-r2 ul.ls4-r2-list-l li:nth-child(3):before {top:22px; right: -28px;}

.ls4-r2 ul.ls4-r2-list-r li:first-child:before {top:4px; left: -28px;}
.ls4-r2 ul.ls4-r2-list-r li:nth-child(2):before {top:15px; left: -29px;}
.ls4-r2 ul.ls4-r2-list-r li:nth-child(3):before {top:18px; left: -29px;}

 .ls4-r2-list-l{text-align: right;}
 .ls4-r2 ul li:nth-child(2) {
    font-size: 30px;
    color: #006bb5;
}
.ls4-img{width: 100%;}

.ls4-r3{margin:20px 0; }
.ls4-r3 ul { padding: 0; list-style: none; }
.ls4-r3 ul li { padding:20px; list-style: none; display: inline-block; }

.blue-btn {
	background-color:#006bb5;
	color:#ffffff;
	font-size: 16px;
	font-weight:700;
	border:none;
	border-radius:3px;
	text-transform: uppercase;
	text-align: center;
	padding:15px 25px;
	line-height: 1;
	margin-bottom:10px;
	display: inline-block;
}
.blue-btn:hover { background-color:#00589f; color:#ffffff; text-decoration: none; }

.landing-sec-5 { padding: 100px 0; background-color: #f4f4f4; }
h3 { font-size: 25px; }
.landing-sec-6 h3 { margin-bottom: 30px; }
.ls6-r1-c1 { padding-top: 80px; }
.landing-sec-6 h5 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #006bb5;
}
.ls6-r1,.ls6-r3 {
    flex-direction: row-reverse;
}
.landing-sec-6 .ventajas {position: relative;}
.landing-sec-6 .ventajas::after {
    position: absolute;
    content: 'X';
    left: 100%;
    top: 27px;
    margin-left:-15px;

}
.landing-sec-6 ul {
    padding:0px;
    list-style: none;
}

.ventajas, .desventajas {
    padding-right: 40px;
}
.landing-sec-6 ul li{
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	position: relative;
	color:#737373;
	font-size: 16px;
}
.landing-sec-6 ul li:before{ position:absolute; left: 0; top:4px; }

.ventajas ul li:before { content:url(../images/ventajas-icon.png);  }
.desventajas ul li:before { content:url(../images/red-cross.png);  }
.ls6-r1, .ls6-r2, .ls6-r3 {
    margin-bottom: 50px;
}


.landing-sec-6 {
    padding:0 0 100px 0;
}
.landing-sec-7 {
    background-color: #f4f4f4;
    padding: 100px 0;
}
.ls7-r2 {
    padding: 30px 0 0 30px;
    color:#737373;
    line-height: 1.35;
}
.landing-sec-8 {
    background: url(../images/bg-002.jpg);
    padding: 80px 0;
    text-align: center;
}
.landing-sec-8 h4 {
    text-align: center;
    color: #ffffff;
}
.landing-sec-8 ul {
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 0;
}
.landing-sec-8 ul li{
    padding: 0;
    display: inline-block;
    width: 20%;
    margin:30px 0 0;
    vertical-align: top;
}
.landing-sec-8 ul li h5 {
    text-align: center;
    color: #ffffff;
    font-size:36px;
}
.landing-sec-9 {
    padding: 80px 0;
    background-color: #f4f4f4;
}
.landing-sec-10{padding: 50px 0;} 
.landing-sec-10 ul{ font-size: 0; text-align: center; padding: 0;}
.landing-sec-10 ul li {
    list-style: none;
    display: inline-block;
    padding:15px;
    width: 25%;
    text-align: center;
}

.landing-sec-11 {
    background-color: #006bb5;
    text-align: center;
}
.landing-sec-11 .banner-form-wrap {
    background-color: #006bb5;
    color: #ffffff;
    padding: 70px 0;
    font-size: 14px;
    text-align: left;
    max-width: 380px;
    display: inline-block;
}
.ls-11-c1 { background-color: #f4f4f4; position: relative; text-align: left; }
.ls-11-c1:before { background-color: #f4f4f4; content:'';position: absolute;right:100%; width:2000px; top: 0; height: 100%;  }
.site-footer {
    background-image: url(../images/footer-img.jpg);
    padding: 100px 0;
    min-height: 400px;
    color:#7b7b7b;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.landing-sec-11 h3 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #2e2f2f;
    line-height: 1.4;
}
.landing-sec-11 h2 {
    color: #006bb5;
    font-size: 41px;
    max-width: 480px;
}

.landing-sec-11 .row .ls-11-C1 {
    vertical-align: middle;
    display: inline-block;
    padding-top: 70px;
    padding-bottom: 70px;
}
.footer-nav {
    padding: 0;
    list-style: none;
    margin: 0 0 30px;
}
.footer-nav li { display: inline-block; }
.footer-nav li a { font-size:17px; color:#006bb5; margin-right:40px; }
.ls4-img-without-direction{display: none;}
.menu-icon {display: none;}



 
.nice-select {
    background-color: #0078cf;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    margin-bottom: 10px;
    width: 100%;
    padding: 15px 20px;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;  
    display: block;
    
   
   } 
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
/*  .nice-select:after {
     
    content: '';
    background-image: url('../images/select-icon.png');
    display: block;
    height: 28px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 15px;
    
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 28px; }*/
  .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
   
  .nice-select .list {
    background-color: #ffffff;
    
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100%);
    width:100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    /*.nice-select.open .list:after {
    content: '';
    position: absolute;
    right: 20px;
    top: -24px;
    border-style: solid;
    border-width: 12px 10px;
    border-color: transparent transparent #b6b6b6;
}*/
    
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    color:#0078cf;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    
    .nice-select .option:hover, .nice-select .option.focus {
      background-color: #0078cf ;color:#ffffff; }
       
      
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }
.landing-sec-3 {background-size: cover;}








 





@media (max-width:1200px ){
    .ls4-r2 ul li{min-height: 80px;}
}
@media (max-width:992px ){
    .ls6-r1 .col-lg-3,.ls6-r2 .col-lg-3,.ls6-r3 .col-lg-3 {text-align: center; margin-bottom: 20px;}
    .landing-sec-8 ul li{width: 33%;}
    .ls-11-c1::after { background-color: #f4f4f4; content: ''; position: absolute; left: 100%;  width: 2000px;  top: 0; height: 100%; }
    body{overflow-x:hidden; }
    .ls4-img{display: none;}
    .ls4-r2 .col-md-5{text-align: center;}
    .ls4-img-without-direction{display: inline-block;}
    .ls4-r2 ul.ls4-r2-list-l li:first-child::before,
    .ls4-r2 ul.ls4-r2-list-l li:nth-child(2)::before,
    .ls4-r2 ul.ls4-r2-list-l li:nth-child(3)::before{ top:0; right:-35px; }

    .ls4-r2 ul.ls4-r2-list-r li:first-child::before,
    .ls4-r2 ul.ls4-r2-list-r li:nth-child(2)::before,
    .ls4-r2 ul.ls4-r2-list-r li:nth-child(3)::before{ top:0; left:-35px; }
    .landing-sec-10 ul li{width: 33%;}
}

@media (max-width:767px ){
    .ls4-r2 ul.ls4-r2-list-l li:first-child::before,
    .ls4-r2 ul.ls4-r2-list-l li:nth-child(2)::before,
    .ls4-r2 ul.ls4-r2-list-l li:nth-child(3)::before,
    .ls4-r2 ul.ls4-r2-list-r li:first-child::before,
    .ls4-r2 ul.ls4-r2-list-r li:nth-child(2)::before,
    .ls4-r2 ul.ls4-r2-list-r li:nth-child(3)::before{ top:5px; left:0px; right:auto; }

    .ls4-r2-list-l {text-align: left;}
    .ls4-r2 ul.ls4-r2-list-l li,.ls4-r2 ul.ls4-r2-list-r li{ padding-left: 30px; min-height:1px; margin-bottom:20px; }
    
    .footer-nav li a{margin-right: 20px;}
    .blockquote {font-size: 32px;}
    .banner-content{font-size: 16px;}
    .banner-content h2 { font-size: 34px; }
    .banner-content p.large { font-size: 22px; }
    .landing-sec-8 ul li,.landing-sec-10 ul li{width:50%;}
    .landing-sec-8 ul li h5{font-size: 24px;}
    .main-nav{display: none;width: 100%;}
    .main-nav li { width: 100%; background-color:#006bb5; border-bottom:1px solid rgba(255,255,255,.2) }
    .menu-icon { display: block; position: absolute; right:15px; top:15px; font-size: 27px; color: #ffffff; }

}
@media (max-width:575px ){
    .landing-sec-6 .ventajas{margin-bottom: 30px;}
    .landing-sec-6 .ventajas::after { left: 50%; top: 100%; } 

    .banner-content .banner-form-wrap{padding:25px 20px 10px 20px;}
    .banner-form-wrap h3 { font-size: 19px; }
    .banner-form-wrap h3 span { font-size: 18px; }
    .banner-form-wrap input[type="text"],
    .banner-form-wrap input[type="email"],
    .banner-form-wrap input[type="password"],
    .banner-form-wrap input[type="file"]{
        padding: 12px 16px;
        font-size: 16px;
    }
    .banner-form-wrap input[type="submit"]{font-size: 15px;padding: 12px;}
    .blockquote { font-size: 24px; }
    .landing-sec-3 {background-size: contain;}
    .landing-sec-3 h3 {font-size: 28px;}
    .landing-sec-8 ul li, .landing-sec-10 ul li{width: 100%;}
    .footer-nav li{margin:0 0 10px; width: 100% }
    .footer-nav li a{margin: 0;}
}
