body {font-family: 'Titillium Web', sans-serif; min-width:320px; font-size: 18px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif ; font-weight:600; letter-spacing:0.5px;}
input, select, textarea, button {font-family: 'Titillium Web', sans-serif;}


h1 {color:#2e3180; padding-bottom: 25px; margin:0;}
h1 span {display:block; font-size:24px; padding-bottom:10px; color:black;}

.navbar {background:#2f3080; text-transform:uppercase;}
.navbar-nav li a {color:white;}
.nav-fill .nav-item.hidden-md-down a {display:inline-block; line-height: 27px;}
.navbar-light .navbar-toggler-icon { filter: brightness(0) invert(1);}
.navbar-light .navbar-toggler {border-color:white; right:0;}
.navbar-light .navbar-toggler-right.btn {right:4rem; line-height:24px; font-size:24px; }
.jumbotron {
background-image: url(../images/banner-img.jpg);
background-size: cover;
height: 100%;
background-position: 50% 50%;
position:relative;
    padding-top: 120px;
}
.jumbotron .text-white {z-index:3;}
.jumbotron::after {
  content: '';
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  z-index:1;
  height:100%;
  background:rgba(86, 90, 208, 0.6);
}
.jumbotron .text-white {position:relative; z-index:2;}
.jumbotron h1 {color:white; padding-bottom:10px;}
.jumbotron h1 span {padding-bottom:15px; display:block; font-family: 'Titillium Web', sans-serif; font-weight:normal; color:white;}
.jumbotron h1 span, .jumbotron .container p {font-size:30px;}

.form-horizontal {position:relative;}
.form-horizontal .form-group {margin-bottom:6px;}
.form-horizontal .has-error .form-control {border:1px red solid;}
.form-horizontal textarea.form-control {min-height:80px;}
.form-horizontal .input-group-addon {background:#535495; color:white; min-width:115px; height:40px; text-align:left; font-size:18px; border-radius:0;}
.form-horizontal .input-group .form-control {border-radius:0;}
.form-horizontal .btn-warning {background:#e7e8ec; color:#38327c; width:100px;} 
.form-horizontal a {color:#f0f0f0; text-decoration:underline;}
.form-check-inline {color: white; font-size: 15px;}
.flightcase p {font-size:20px;}
.formwrap .btn {background:#FFF; text-transform:uppercase; color:#5154af;     border-radius: 0;} 
.formwrap .btn:hover, .service .btn:hover {background:#5154af; color:#fff;}
.service .btn:hover i{color:#d9534f;}

.alert {text-align: left;  padding:.3rem; margin: 1px 16px 10px;  font-size: 18px;}
.help-block {    color:#f0f0f0; font-size: 13px;  padding-right: 20px;}

 
.service .card {height:100%; -webkit-box-shadow: inset 0 0 5px 10px rgba(211, 212, 236, 0.3);
    box-shadow: 0 0 5px 5px rgba(211, 212, 236, 0.3); }
.service .card-block {padding:1.25rem .75rem;}
.service .card .card-title {font-size:1.20rem;}
.service .card .card-title{color:#4247bf;}

.expertise h1 {color:#2e3180;}
.service .btn { background:white; font-size:25px; border:1px solid #383874; padding:10px 30px; border-radius:40px; color:#5154af; position:relative; text-align:center;}
.service .btn i {position:absolute;    top: 75px; left: 50%; margin-left: -15px; font-size:35px;}
.service .Protege {padding:25px 0;}
.service .Protege p{font-size:30px; margin:0;}
.expertise .nav-item a {color:#000; padding:.25em 1em;}

.expertise .card {height:100%;}
.expertise .card-block {padding:1.25rem .75rem;}
.expertise .card-block h5 {font-size:16px; font-weight:normal; line-height:1.3em;}
.expertise h4 {padding-bottom:20px; margin:0;}
.expertise .container .row .col-md-7 p{font-size: 1.3em; line-height:1.3em; margin:0;padding-bottom: 30px;}
.expertise .tab-pane .tab1  {background:#f7f6fe; padding:20px 0; border-top:2px solid #383874; border-bottom:2px solid #383874; padding:50px 0;}
.expertise .tab-pane .tab1 p{font-size:24px; padding-bottom:20px;}
.expertise .tab-pane .tab1 ul {list-style:none;} 
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff; background-color: #2e3180; border-color: #2e3180;}
.expertise .tab-pane .tab1 ul li {font-size:20px; color:#383874; padding-left:30px; position:relative; line-height:24px; margin-bottom:10px;}
.expertise .tab-pane .tab1 ul li .fa {font-size:23px; position:absolute; top:1px;  left:0; color:#2e3180;}


.expertise1 {background-image:url(../images/city-pic.jpg); background-size: cover; height: 100%; z-index: -2;}
.espertise2 {padding:50px 0;}
.espertise2 h1, .espertise2 .Perfiles h3 {color:#383874;}
.perfiles {border:1px solid #383874;} 
.boy img { position:relative;}
  


.testimonials {
    background: url(../images/city-pic.jpg)no-repeat;
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    overflow: hidden;
	background-size:cover;}
	
.testimonials::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}




.testimonials .container {
    position: relative;
    z-index: 1;
}
.testimonials .testimonial-wrap {border:1px solid #fff; padding:0 20px; min-height:360px;}
.testimonials .testimonial-wrap h4 {margin:0;}
.testimonials * {color: white;}
.testimonials h5 {margin:0;}
.testimonials h1 {padding:20px 0; margin:0;}
.testimonials .testimonial-title p {margin-bottom:40px;}
.owl-carousels.owl-drag .owl-item {overflow: hidden;}
.owl-nav {text-align:right;}
.owl-nav>div {display:inline-block; text-indent:-9999px; display: inline-block; text-indent: -9999px;  background: WHITE;  width: 52px;  height: 49px; margin: 0 0 0 5px; position:relative; }
.owl-nav>div:before {content:''; position:absolute; width:0; height:0; top:10px; border-left:15px solid #000; border-top:15px solid transparent; border-bottom:15px solid transparent;}
.owl-nav>div.owl-prev:before {-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);}
.testimonials .Necesitas {text-align:right; padding-top:50px; font-size:24px;}
.testimonials .Necesitas a {    border-radius: 30px; font-size: 24px; margin-top: 30px;}

.contact {padding:50px 0; background:#383874; color:white;}
span.help-block.help-required{display: none;}
.contact p {margin-bottom:0;}
.contact a .fa {margin-right:10px;}
.footer {background:#000; padding:20px 0; color:white; font-size: 15px;}
.aviso .list-inline-item:not(:last-child) { margin-right: 15px;}
.footer ul li a{color:#fff;}

/*modal popup*/
.modal-body h2, .modal-body h3, .modal-body a{ color:#2f3080;} 
.modal-body h3, .modal-body h2{font-size: 24px; }
.modal-body {max-height: calc(100vh - 250px); overflow-y: auto;}
.modal-body p{font-weight: normal; color: #000;}
.modal-body p a{font-weight: 700;}
.modal-body strong{color:#2e3180;}
.modal-header{background-color: #2e3180; color: #fff;}
.modal-header button{color:#fff; opacity:1; text-shadow:none;}
.modal-title { font-size: 24px; color: #fff;}

/*gracias*/
.gracias {background:#f6f6f6; padding:100px 0;}
.gracias h2 {color:#2e3180;}
.gracias p {padding-bottom:200px;}


/*cookie css
*/
#cookiesms1:target {  display: none; }
.cookiesms{ font-size:13px; width:100%; padding:10px 0;  margin:0 auto; clear:both; font-weight: strong; color: #000; bottom:0px; position:fixed; left: 0px; background-color: #fff; transition: bottom 1s; z-index:999999999; border-top:#0f7dc2 solid 1px; -webkit-box-shadow: 0 0 5px 0 #A1A1A1; box-shadow: 0 0 5px 0 #A1A1A1;}
.cookiesms .container {position:relative;}
.cookiesms:hover{bottom:0px;}
.cookies2{padding-top: 5px; background-color:#666; color:white; display:inline; position:absolute;  top:-45px; font-size:18px; height:35px; padding-left:10px; padding-right:10px; right:0; border:1px solid #fff; border-bottom:0;}

#cookie1 .cokies_content .btn-sm{background-color: #2f3080; border-color: #2f3080; color: #fff;}


#map { width: 100%; height:250px; border: none; display: block;}


@media (min-width:768px){
	
	  .espertise2 .perfiles img {padding-top:8px;}
	  .flightcase {text-align:right;} 
	.section-two, .seactionWrap, .expertise, .expertis_top, .map-top1{position: relative; }
.seactionWrap:before, .seactionWrap:after, .section-two:before, .section-two:after, .expertise:before, .expertise:after, .expertis_top:before, .expertis_top:after, .map-top1:before, .map-top1:after  {
  content: '';
  position: absolute;
  width:100%;
  top: 0px;
  left: 0;
  height:300px;
   z-index: 2;
background: #fcfcfc;
background: -moz-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #2e3180 50%, #2e3180 100%);
background: -webkit-linear-gradient(left, #f8f8f8 0%,#f8f8f8 50%,#003df4 50%,#2e3180 100%); 
background: linear-gradient(to right, #f8f8f8 0%,#f8f8f8 50%,#2e3180 50%,#2e3180 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#003df4',GradientType=1 );
}
 .section-two:before, .section-two:after {
  content: '';
  position: absolute;
  width:100%;
  top: 0px;
  left: 0;
  height:280px;
   z-index: 2;
background: #fcfcfc;
background: -moz-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #2e3180 50%, #2e3180 100%);
background: -webkit-linear-gradient(left, #f8f8f8 0%,#f8f8f8 50%,#003df4 50%,#2e3180 100%); 
background: linear-gradient(to right, #f8f8f8 0%,#f8f8f8 50%,#2e3180 50%,#2e3180 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#003df4',GradientType=1 );
}
.section-two:before, .section-two:after{top:10px;}

.expertise:before, .expertise:after, .map-top1:before, .map-top1:after {background:white; top:-40px;}
 .seactionWrap:before, .expertise:before, .map-top1:before {
  -moz-transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-o-transform: skewY(10deg);
-ms-transform: skewY(10deg);
transform: skewY(10deg);
}
.section-two:before {
  -moz-transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-o-transform: skewY(10deg);
-ms-transform: skewY(10deg);
transform: skewY(10deg);
}
.section-two:after{
	left:auto;
  right: 0;
  -moz-transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.seactionWrap:after, .expertise:after, .map-top1:after {
	left:auto;
  right: 0;
  -moz-transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
transform: skewY(-10deg);
}

.seactionWrap:before, .seactionWrap:after,  .expertise:before, .expertise:after {background:white; z-index: 1;}
.section-two div.row, .expertise .container {position:relative; z-index:3;}
.service {background:#f7f6fe; position:relative; top:-40px; padding:100px 0;}

.expertis_top:before, .expertis_top:after {background:#fff;}
.expertis_top:before {
	top:-200px;
  -moz-transform: skewY(7deg);
-webkit-transform: skewY(7deg);
-o-transform: skewY(7deg);
-ms-transform: skewY(7deg);
transform: skewY(7deg);
}
.expertis_top:after {
	right:auto;
	top:-350px;
  right: 0;
  -moz-transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.espertise2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: -70px;
    background: #fff;
    -moz-transform: skewY(7deg);
    -webkit-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    transform: skewY(7deg);
}
.espertise2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top:90px;
    background:#fff;
    -moz-transform: skewY(-10deg);
    -webkit-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    transform: skewY(-10deg);
	z-index:5;
}

 .map-top1:before {
  -moz-transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-o-transform: skewY(10deg);
-ms-transform: skewY(10deg);
transform: skewY(10deg);
    margin-top: -535px;
}

.map-top1:after {
	left:auto;
  right: 0;
  -moz-transform: skewY(-5deg);
-webkit-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
transform: skewY(-5deg);
    margin-top: -358px;
}
.espertise2 .container {z-index:6  !important;}

.espertise2{ z-index:7!important; }

.expertise {padding:20px 0;}

.espertise2, .espertise2 .container, .map_top {
    position: relative;
    z-index: 1;
}

.map_top {position:relative; z-index:0;}
.map_top .map {height:450px;}
.map_top .map #map{position:relative; margin-top:-185px; height:450px;}
.expertise .nav-item {font-size:24px;}


.alert {text-align: left; position: absolute;  padding:.3rem;  margin: 1px 16px;  font-size: 13px; z-index: 5;  right: 0;}
.alert:before {content:''; position:absolute; width:0; height:0; left: 20px;  bottom: -10px; border-top:10px solid red; border-left:10px solid transparent; border-right:10px solid transparent;}
.alert-name-required { top: -35px;}
.alert-email-required { top: 10px;}
.alert-phone-required { top: 58px;}
.alert-policy-required{ top: 190px; right: 17px !important;}
#cookie1.active {bottom:-67px !important;}


}
@media (min-width:992px) {
	.perfiles { margin-bottom:10px; min-height:200px;}
	.map_top .map #map{position:relative; margin-top:-185px; height:450px;}
	.alert {right: -68px;}

	}
@media (max-width:1200px) {
	.container {width:100%;}
	/*.seactionWrap .container {padding:0;}*/
	
}
@media (max-width:991px) {
	.navbar .collapse {background:#17185a; padding:0; margin-left:-15px; margin-right:-15px; margin-top:15px; margin-bottom:-10px;}
	.navbar .collapse ul li a{padding-left:15px;}
	.navbar .navbar-brand img {max-width:100px;}
	.nav-fill .nav-item {text-align:left;}

	.expertise .tab-pane .row-eq-height.mr-0 {padding:25px 25px 0}
	
	.map_top .map iframe {height:250px; margin-top:0;}
	   .perfiles h3 {font-size:20px;}
	   .map_top .map #map{margin-top:-35px;}
	}

@media (max-width:767px) {
	body {padding-bottom:50px;}
	.jumbotron h1 span, .jumbotron .container p {font-size:22px;}
	
	
	.seactionWrap .container {padding:0 15px;}
   .section-two .flightcase {background:#f8f8f8; text-align:left; padding:20px 20px 0;}	
   .section-two .formwrap {background:#2e3180; padding:20px 0;}
   .section-two .formwrap h3 {text-align:center !important; padding:10px 0;}
   
   .section-two .formwrap {max-width:100%;}
   .service {background:#f7f6fe;}
   .service .card {width:100%; }
	.testimonials {padding:0;}
	.testimonials .client {padding:30px 0; text-align:center;}
	.contact, .footer {padding-left:10px;}
	.boy img {top:0px;}
    .aviso, ..aviso ul{text-align:center; width:100%;}
	.map_top iframe {height:250px;}
	.Perfiles { margin-bottom:10px;}
	.service, .testimonials {padding:50px 0;}
	.Necesitas {text-align:center !important;}
	 h1 {font-size:24px;}
	 .h4, h4 {  font-size:15px;}
	 .h4, h4 {  font-size:18px;}
	
	.testimonials .testimonial-wrap img {margin:0 0 20px;}

	
	.bottom-btn { position:fixed; width:100%; bottom:0; z-index:9999}
	.bottom-btn a {width:100%;}
	
	#cookie1.active {padding:0;}
	#cookie1.active .cokies_content {display:none;}
	#cookie1.active .cookies2 {top:-35px;}
	.expertise {padding:50px 0;}

	
 
}
@media (max-width:575px) {
	.service .col-12 {margin:20px 0;}
	.expertise .tab-pane .row-eq-height.mr-0>div.col-sm-4:nth-child(2) {margin:30px 0;}
	.expertise .nav-item {font-size:14px;}
	.expertise .nav-item a {padding: .25em ;}
	.footer {text-align:center;}
	.footer ul {float:none;}

}