/* header */
.navbar-brand img, footer img {max-width:180px}
a.bordered {color:#076fc9!important;border:2px solid #076fc9;transition:all 0.3s}
#mainNav .navbar-nav > li.nav-item > a.nav-link.bordered {padding-top:5px!important;padding-bottom:5px!important}
a.bordered:hover {color:#fff!important;background-color:#076fc9!important}
.navbar-toggler {border:none!important;width:48px;height:48px;padding:0!important;box-shadow:none!important}
.navbar-toggler span {display:inline-block;width:100%;height:4px;background:#076fc9}
@media (min-width: 992px) and (max-width:1199px) {
	.navbar-brand img, footer img {max-width:120px}
}

/* top banner */
.masthead {background: #076fc9 url(../assets/img/hero01_desktop.webp) bottom center no-repeat;background-size:760px}
@media (min-width: 768px) {
	.masthead {background-size:cover;padding:250px 0}
}
.masthead span.rounded {display:inline-block;margin-bottom:30px}
.masthead a.rounded {display:inline-block;margin-top:30px}
.masthead .rounded {background:#fff;color:#076fc9;text-decoration:none}
@media (max-width: 767px) {
	.masthead .content-area {padding-bottom:360px}
	.masthead {background-position:80% 100%}
	.truck-top .truck {width:120%!important;left:-10%!important}
}

@media (max-width: 991px) {
	.nav-link {display:inline-block!important}
}

/* video responsive */

.wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* sections */
.page-section-heading span {font-weight:400}
a.blue-bg {background:#076fc9;border:2px solid #076fc9;color:#fff;text-decoration:none;transition:all 0.3s;padding:15px 30px;margin:30px 0;display:inline-block}
a.blue-bg:hover {background:#fff;color:#076fc9}
.rounded.blue-bg {background:#076fc9;color:#fff;padding:8px 30px;display:inline-block;margin:30px 0 50px}
.truck-top {background: linear-gradient(135deg, #0777d9, #05589f);margin-top:300px;position:relative;color:#fff}
.truck-top .container {position:relative;}
.truck-top .truck {position:absolute;width:90%;top:-250px;left:5%}
.truck-top .somos {display:none}
.truck-top .page-section-heading {color:#fff!important}
.truck-top .rounded {background:#fff;text-decoration:none;padding:15px 30px;margin:30px 0 0;display:inline-block}
.truck-content h1 {margin-bottom:15px!important}
.truck-top .rounded:hover {text-decoration:underline;color:#076fc9}
.contacto {margin-bottom:40px}

@media (max-width: 991px) {
	.truck-top {padding:150px 0 100px;text-align:center;margin-top:100px}
}

@media (min-width: 768px) and (max-width: 991px){
	.truck-top .truck {top:-310px;}
}

@media (min-width: 992px) {
	.truck-top {margin-top:120px;}
	.truck-top .somos {display:block;position:absolute;width:48%;bottom:0;left:0}
	.truck-content {padding:150px 0 100px}
	h1.page-section-heading {font-size:3.5em}
	.truck-top .truck {top:-200px;}
}

@media (min-width: 1200px) {
	.truck-top {margin-top:150px;}
	.truck-content {padding:200px 0 100px}
}

@media (min-width: 1400px) {
	.truck-content {padding:300px 0 150px}
}

@media (min-width: 1650px) {
	.truck-content {padding:400px 0 150px}
}

section.last {margin:120px 0}
.pill-premium {position:relative;margin:70px 0 100px}
.pill-premium .legend {padding:15px;background: linear-gradient(135deg, #0777d9, #05589f);position:relative;color:#fff;border-radius:60px 0 0;text-align:center;position:absolute;top:170px;right:calc(var(--bs-gutter-x) * 0.5);width:80%}
.pill-premium .legend img {margin:30px 0}
.pill-premium img.main {width:100%}


@media (max-width: 991px) {
	.pill-premium {padding: 70px 15% 30px}
	.pill-premium .legend {min-height:360px;right:15%;max-width:50%}
	section.video {margin-top:150px;padding:70px 15px!important}
	div.blue-bg, .border-pill {padding:30px!important}
	.service-pill-content {padding:50px 15px!important}
	.service-pill-content span.rounded {font-size:0.75em;padding:10px 20px!important}
	form input[type="text"], form input[type="email"], form select, form textarea {font-size:1em!important}
	.carousel-control-prev, .carousel-control-next {width:30px}
	.carousel-control-prev {
	  left: -10px;
	}
	
	.carousel-control-next {
	  right: -10px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	.pill-premium .legend {top:300px}
	.carousel-control-prev {
	  left: -50px;
	}
	
	.carousel-control-next {
	  right: -50px;
	}	
}

@media (min-width: 992px) and (max-width:1199px){
	.carousel-control-prev {
	  left: -70px;
	}
	
	.carousel-control-next {
	  right: -70px;
	}		
}

@media (min-width: 992px) and (max-width:1399px){
	section.last {padding-bottom:160px}
	.service-pill-content h1 {font-size:3em}	
}

@media (min-width: 1200px) {
	.carousel-control-prev {
	  left: -100px;
	}
	
	.carousel-control-next {
	  right: -100px;
	}	
}


section.video {background: linear-gradient(135deg, #0777d9, #05589f);position:relative;color:#fff;padding:70px}
section.video h1 {color:#fff!important;margin:0 0 50px!important}
section.full {padding:120px 0 0}
section.servicios {padding:70px 0}
.full h2, .servicios h1 {margin-bottom:70px!important}
div.blue-bg {background:#076fc9;color:#fff;border-radius:40px;padding:50px;margin:30px 0}
.border-pill {border-radius:40px;padding:50px;border:2px solid #0f4572; color:#0f4572}
.border-pill span.rounded {background:#0f4572;display:inline-block;padding:10px 30px;color:#fff;margin-bottom:30px}
.border-pill a.rounded {border:2px solid #0f4572;display:inline-block;padding:10px 30px;color:#0f4572;text-decoration:none;margin-top:30px; transition:all 0.3s} 
.border-pill a.rounded:hover {background:#0f4572;color:#fff}
.service-pill-content {padding:50px} 
div.blue-bg span.rounded {background:#fff;display:inline-block;padding:10px 30px;color:#076fc9;margin-bottom:30px}
.service-pill-content h1 {margin-bottom:15px!important}
.service-pill-content p {max-width:80%;margin:0 auto}
div.blue-bg a.rounded {border:2px solid #fff;display:inline-block;padding:10px 30px;color:#fff;text-decoration:none;margin-top:30px; transition:all 0.3s}
div.blue-bg a.rounded:hover {background:#fff;color:#076fc9}
.servicios img {max-width:100%}
.contacto .container {background:#fff;border-radius:40px;padding-top:120px;padding-bottom:40px}
.contacto .container .form-container {position:relative}
.contacto .container .form-container:before {content:'';position:absolute; height:70px;background:#fff;width:100%;bottom:0;left:0;z-index:2}
h1.blue {color:#076fc9}

/* contact */
form {margin:50px 0}
form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {padding:15px 20px;background:#f4f4f4;border-radius:30px;border:none;margin:8px 0;width:100%;font-size:1.5em}
form textarea {min-height:10em}
input[type="submit"] {color:#076fc9;background:transparent;border-radius:30px;padding:15px 60px;border:2px solid #076fc9;transition:all 0.3s}
input[type="submit"]:hover {color:#fff;background:#076fc9}
.contacto .container p {text-align:right;padding-top:30px}

/* carousel */

@media (max-width: 767px) {
	.carousel-inner .carousel-item > div {
		display: none;
	}
	.carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(50%);
	}

	.carousel-inner .carousel-item-start.active, 
	.carousel-inner .carousel-item-prev {
		transform: translateX(-50%);
	}
}

@media (max-width: 991px) { 
		.carousel-item-start {opacity:0!important}
		.carousel-item-start.carousel-item-next {opacity:1!important}
}

@media (min-width: 992px) { 
		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
	transform: translateX(0);
}

.carousel .card {border:none;background:#076fc9;margin:0 15px;text-align:center;}
.carousel .card img {max-width:100%}
.carousel .card .card-legend {padding:30px 30px 0;color:#fff;font-weight:600;font-size:24px;line-height:30px;min-height:4em}