/*General Styles*/

body {
  padding-top: 100px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #64686d;
  line-height: 23px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	color: #727272;
}

a {
  color: #45aed6;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #099ce9;
}

/*Section Padding*/
section {padding-bottom: 40px;}

/*Colors*/
.blue_a{color: #64686d;}
.blue_b{color: #099ce9;}

/*Header*/
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus{color: #ffffff;}
.nav>li { position: relative; top: 25px; text-transform: uppercase; font-weight:500; background-color: #041c36;}
#main-menu.navbar-default {background: #041c36; height: 100px; border: 0px solid black; }
#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a {color: #099ce9; font-weight: 500; background: transparent;}
.navbar-brand{ height: 50px; padding: 10px 10px;}
.topbar{height: 30px; padding: 5px 0px; background: #FFFFFF;}
.topbar i {padding-right: 10px;}


/*Slider*/
.tag-over{ background: rgba(255, 255, 255, 0.8); padding: 40px 40px; z-index: 99; top: 200px; } 
.tag-over h2{text-transform: uppercase;}
.main-slider .item{height: 700px;}
.tag-over span {letter-spacing: 4px; font-size: 12px;}
.tag-over h2 {margin: 0px; color: #000;}
.tag-over p {margin: 20px 0px;}

/*Button*/
.boton_a {border:0px solid transparent; background: #099ce9; border-radius: 0px; padding: 10px 20px; font-family: 'Roboto',sans-serif;}

/*Slick*/
.customer-logos{padding: 30px 0px;}

/*Footer*/
footer{background: #041c36; color: #fff; padding: 30px 0px;}
footer h4 {color: #fff; text-transform: uppercase;}
footer p{text-align: justify; font-size: 12px;}
.subfooter{padding: 15px 0px;}
.subfooter hr{border-top:1px solid #686868;}

/*Hacks*/
.mr10px{margin-right: 10px;}
.mt10px{margin-top: 10px;}
.ml15px{margin-left: 15px;}
.bl1px{border-left:1px solid white;}
.aright{text-align: right;}
.aleft{text-align: left;}
.tacenter{text-align: center;}
.fa-linkedin{color: #fff; padding-right: 1.3rem; padding-bottom: 2rem;}
.pink-over{background-color: rgba(248, 22, 161, 0.78); padding: 10px; width: 100%; position: absolute; bottom: 0px; color: #fff; font-family:'Roboto',sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 600;  }


/*Parallax*/
.parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px;}
.parallax h2, h4{color:#fff;}
.parallax button {margin: 40px 0px;}
.parallax a {margin: 40px 0px;}


/*DropDown Menus*/
.dropdown-menu>li>a { display: block;  padding: 10px 20px; clear: both;  font-weight: 400; line-height: 1.42857143; color: #FFF; white-space: nowrap;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background: #00162b; color: #fff;}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 15px 0; margin: 2px 0 0; font-size: 13px; text-align: left; list-style: none; background-color: rgba(0, 28, 56, 0.7); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown-submenu { position: relative; }
.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px;}
.dropdown-menu li img { margin-right: 7px;}
.right-caret { margin: 5px; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #ffffff; display: inline-block; height: 0; /* opacity: 0; */ vertical-align: top; width: 0; }
.dropdown-menu .active{color: #099ce9; font-weight: 700;}


/*Sections Main*/
.section-title{padding: 50px 0px;}
.section-title h1{color: #fff; text-align: center;}
.section-subtitle{padding: 15px 0px;}

/*Bradecumb*/
.bradecumb {padding: 10px 0px;}
.bradecumb span{font-weight: 500; color:#041c36;}
.bradecumb i{ color:#041c36;}

/*Quienes Somos*/
#quienes-somos .row {padding: 20px 0px;}
#quienes-somos h3 {color: #041c36; margin: 0px;}
#quienes-somos h5 {color: #099ce9; font-weight: 300; text-transform: uppercase; margin: 0px;}
.cards{padding-left: 20px; border-left:  4px solid #053866; height: 150px; margin: 20px 0px;}

/*Contacto*/
#contacto .row {padding: 20px 0px;}
#contacto h3 {color: #041c36; margin: 0px;}
#contacto h5 {color: #099ce9; font-weight: 300; text-transform: uppercase; margin: 0px;}
#contacto input {margin: 10px 0px;}
#contacto textarea {margin: 10px 0px;}
#contacto button {border: 0px solid transparent; background: #099ce9; border-radius: 0px; line-height: 0px; padding: 20px 20px; font-family: 'Roboto',sans-serif; color: #fff; text-transform: uppercase; font-weight: bold;}
#map {border-radius: 10px; box-shadow: 10px 10px 5px grey;}

/*Interiores*/
.grupo .row {padding: 10px 0px;}
.grupo h3 {color: #041c36; margin: 0px;}
.grupo h5 {color: #099ce9; font-weight: 300; text-transform: uppercase; margin: 0px;}
.grupo p {text-align: center;}
.grupo .section-subtitle {text-align: center;}
.grupo .col-sm-4 {padding: 0px;}
.trigger { display: inline-block; position: relative; overflow: hidden; opacity: 1; cursor: pointer;}
.trigger:hover { opacity: 1.0; }
.trigger:hover .riser { bottom: 0px; transition: bottom .5s;}
.riser {bottom: -100%; position: absolute; left: 0px; background-color: rgba(1, 35, 76, 0.78); color: #fff; width: 100%; height: 100%; padding: 30px; font-family: helvetica, sans-serif; font-size: 0.8em; letter-spacing: 1px; transition: bottom .5s;}
.riser h4 {color: #fff;}
.riser p {color: #fff; text-align: left;}

/*Aeroxtra*/
#aeroxtra p{color:#fff; text-align: justify;}
#aeroxtra ul{color:#fff;}
#aeroxtra h3{color:#fff;}
#aeroxtra .row {padding: 20px 0px;}
#aeroxtra-form input {margin: 10px 0px;}
#aeroxtra-form textarea {margin: 10px 0px;}
#aeroxtra-form button {border: 0px solid transparent; background: #099ce9; border-radius: 0px; line-height: 0px; padding: 20px 20px; font-family: 'Roboto',sans-serif; color: #fff; text-transform: uppercase; font-weight: bold;}
#aeroxtra-form h3{color:#fff; text-align: center;}
#aeroxtra-form p{color: #fff;}

#aeroxtra .col-sm-4 {padding: 0px;}




.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*SIDE NAV AEROXTRA*/

.sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1; /* Stay on top */ top: 40; /* Stay at the top */ left: 0;     background-color: rgba(1, 6, 43, 0.9); /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } /* The navigation menu links */ 
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; } 
/* When you mouse over the navigation links, change their color */ 
.sidenav a:hover { color: #f1f1f1; } /* Position and style the close button (top right corner) */ 
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ 
#main { transition: margin-left .5s; padding: 20px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ 

#aviso{padding-top: 30px;}

#popup {
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.66);
    padding-top: 200px;
}


/*Media Queries*/

/*iPhone Portrait*/
@media only screen and (min-width:241px) and (max-width:767px){
	 sidenav {padding-top: 15px;} 
	.sidenav a {font-size: 18px;}
}
	
/*iPad Landscape*/	
@media only screen and (min-width: 768px) and (max-width:980px) {}

/*iPad Landscape*/
@media only screen and (min-width: 768px) {}