/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/*@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
*{font-family:'Ubuntu', sans-serif; text-decoration:none}*/

/*FOTNS*/
@font-face {
    font-family: 'audi';
    src: url('../fonts/audi_italic/audi_italic.eot');
    src: url('../fonts/audi_italic/audi_italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/audi_italic/audi_italic.woff') format('woff'),
         url('../fonts/audi_italic/audi_italic.ttf') format('truetype'),
         url('../fonts/audi_italic/audi_italic.svg#audi_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'audi';
    src: url('../fonts/audi_italica_ext/audi_italica_ext.eot');
    src: url('../fonts/audi_italica_ext/audi_italica_ext.eot?#iefix') format('embedded-opentype'),
         url('../fonts/audi_italica_ext/audi_italica_ext.woff') format('woff'),
         url('../fonts/audi_italica_ext/audi_italica_ext.ttf') format('truetype'),
         url('../fonts/audi_italica_ext/audi_italica_ext.svg#audi_italica_ext') format('svg');
    font-weight: 100;
    font-style: italic;

}
@font-face {
    font-family: 'audi';
    src: url('../fonts/bold/audi_sans-ce-bold.eot');
    src: url('../fonts/bold/audi_sans-ce-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bold/audi_sans-ce-bold.woff2') format('woff2'),
         url('../fonts/bold/audi_sans-ce-bold.woff') format('woff'),
         url('../fonts/bold/audi_sans-ce-bold.ttf') format('truetype'),
         url('../fonts/bold/audi_sans-ce-bold.svg#audi_sans_ce_bold') format('svg');
    font-weight: bold;
    font-style: normal;

}
*{font-family:'audi', serif; }
h1,h2,h3{font-style:italic}
/*FONTS*/
a:hover{text-decoration:none}
body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

/*MENU*/
.navbar-default{background-color:#fff; border:none; box-shadow: 0 2px 5px rgba(0,0,0,0.26);}
.navbar-default .navbar-brand{color:#fff; font-size: 30px; font-weight: 100; padding:0 15px}
.navbar-brand img{max-width: 180px; margin: -7px 0 0 0;}
.top-nav-collapse .navbar-brand img{max-width:120px; margin: 2px 0;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color:#FFD100}
.navbar-default .navbar-nav > li > a{color:#3D4542;font-size: 14px;font-weight: 100; transition: all 0.5s ease-out; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.navbar-default.top-nav-collapse .navbar-nav > li > a{font-size: 12px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#000;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #000;}
/*APELLIDOS*/
#apellido-logo{max-width: 250px; padding: 17px 0}
/*INTRO*/
.intro-section {
    display: block;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/back_storybox.jpg) no-repeat center bottom scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro-section .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro-section .intro-body .brand-heading {
    font-size: 40px;
}

.intro-section .intro-body .intro-text {
    font-size: 18px;
}


/*ABOUT*/
.about-section {padding:0;max-height: 600px; overflow:hidden}
.about-section video{position: fixed; top: 50%; left: 50%; min-width: 100%;  min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);     -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../videos/stock_2.png) no-repeat; background-size: cover; }
.box-about{height: 600px; overflow: hidden;}
.box-about h3{margin: -5px -15px 10px -15px; font-size: 32px; padding: 10px 15px;}
.box-about #floattex{position: absolute;}
.box-about img{padding:0; margin:15px 0}
.meta-about{color: #fff; margin:188px 30px 0;padding: 5px 15px; width: 50%;}
.meta-about p{background-color: rgba(19, 19, 19, 0.60);padding: 5px 15px;}
.meta-about p{font-size: 16px; font-weight: 100;}
.meta-about.l{margin: 30px -30px 0 0; z-index: 1;}

/*DIAGONAL*/
.angled_down_inside { height: 0px;  margin-top: 0px;  position: relative;  margin-bottom: 0px;  z-index: 0;}
.angled_down_inside.white, .angled_down_inside.white .slope.upright, .angled_down_inside.white .slope.upleft { background-color: #fff }
.angled_down_inside .slope.upleft { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg);  transform: rotate(5deg); min-height: 120px;
    position: absolute; top: -70px;  left: 0px; width: 150%; margin-left: -50%;}
.angled_down_inside .slope.upright {-webkit-transform: rotate(-5deg);  -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); min-height: 100px; position: absolute; top: -34px; right: 0px; width: 150%; margin-right: -50%;}
.insight-section { height: 100%; padding-top: 150px; text-align: center; background: #fff }
.angled_up_inside { height: 200px; margin-top: -150px;  position: relative;  margin-bottom: 0px; z-index: 10;}
.angled_up_inside .slope.upleft { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);  min-height: 100px; position: absolute; top: 126px; left: 0px; width: 150%; margin-left: -50%;}
.angled_up_inside .slope.upright { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); min-height: 100px; position: absolute; top: 162px; right: 0px; width: 150%; margin-right: -55% }
.angled_up_inside.lightgray, .angled_up_inside.lightgray .slope.upright, .angled_up_inside.lightgray .slope.upleft {background-color: #262a2b;}

/*SERVICES*/
.services-section {
    padding: 40px 0 0px;
    background: #fff;
}
.title-back{background-image: url(../img/nominee-title.png); background-repeat: no-repeat; display: inline-block; padding: 26px 240px 26px 15px; margin: 0; color: #fff;}
.services-section h1{background-image: url(../img/service-title.png);color: #fff;}
.back-box{background-color:#fff; color:#323031; margin-top: 5px;}
.featurette-heading{color: #323031; font-size: 31px; text-align: left;  font-weight: 100; font-style: italic; margin:0 15px;background: #BFBFBF; padding: 10px;}
.h-shape{width: 60px;display: block; height:60px;float: right; margin-top: -10px;}
.y-shape{width: 60px;display: block; height:60px;float: left; margin-top: -10px;  margin-left: -10px;}
.box-white-t{border-right: 30px solid #fff; border-top: 30px solid #fff; border-left: 30px solid transparent; border-bottom: 30px solid transparent;}
.box-white-y{border-right: 30px solid transparent; border-top: 30px solid #fff; border-left: 30px solid #fff; border-bottom: 30px solid transparent;}
.right, .right .featurette-heading{text-align:right}
.left{text-align:left}
.no-padding{ padding:0; margin-top: 5px;}
.lead{list-style:none; margin: 50px; line-height: 34px; padding:0}
.lead.amarillo{margin:17px 50px}
.text-muted{font-size: 20px;}

/*PAUSE*/
.pause{background-image:url(../img/back_pause.jpg); background-position:center; background-size:cover; background-attachment:fixed; overflow:hidden}
.pause .container{ padding:200px 0px;}
.pause h7, .pause h8, .pause h9{font-size:50px; font-style:italic}
.pause h7{color: #fff;}
.pause h10{color: rgba(255, 255, 255, 0.75); font-size: 42px; padding: 0 0 0 15px;}
.pause h10.visible-md.visible-lg{display: initial!important;}
.pause h8{color: #fff;}
.pause h9{color: #fff;}

/*WORKFLOW*/
.workflow-section { padding: 50px 0;  background: #fff; overflow:hidden}
#workflow .text-right{padding-right:40px}
.box-img{padding:0; width:195px; height:195px}
.box-txt{padding:42px 0; text-align:center; color:#fff; width:195px; height:195px}
#insight{background-color:#E2231A}
#brief{background-color:#FAD000}
#plantrans{background-color:#FF6B01}
#ejecuciontrans{background-color:#FF6B01}
#enga{background-color:#E2231A}
.box-txt h1{font-size: 20px;}
.box-txt.big{padding: 30px 0;} 
.box-txt .glyphicon{font-size: 40px;}
/*PORTAFOLIO*/
.portfolio-section { padding: 150px 0; background: #ffffff;  color:#222 }
#portfolio .title-back{background-image: url(../img/porta-title.png);}
.nav-tabs{margin:0 0 20px 0}
.nav-tabs{padding-bottom: 1px;}
.nav-tabs > li > a{border-radius:0; color: #181818; margin: 0; border-left: 0;  border-right: 0; border:none; border-bottom: 3px solid #fff; transition: all .3s ease-in-out;}
.nav-tabs > li > a:hover{background-color: transparent;  border: none;  border-bottom: 3px solid #E2231A;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: none; border-bottom: 3px solid #E2231A;}
.modal-body{text-align:left; color:#252525}
.modal-body kbd{font-size:16px; padding: 3px 10px; margin:0 5px; background-color: #E2231A;}
.text-desc{font-size: 24px; font-weight: 400;}
.click{cursor:default; transition: all 0.3s ease-in-out;}
.modal-content .img-responsive{display:block; margin:0 auto}
.text-desc a{font-size:14px}
.porfolio>div>img{opacity: 0.4;}
.porfolio>div>img:hover{opacity: 1;}
body.modal-open > .portfolio-section{margin: 0 -17px 0 0;}
.btn-primary{ margin:15px 0 0; border-radius:0;background-color: #E2231A; border-color: #BB1E16;}
.btn-primary:hover,.btn-primary:active{background-color: #BB1E16; border-color: #E2231A;}
.tab-pane iframe{ display:block; width:100%}

/*CONTACTO*/
.contact-section {
    padding: 0 0 150px;
    background-color: #fff;	
}
.contact-section img{margin:0 auto}
.bussines-card{background-color:#191919; padding:30px 15px; width:50%; z-index:2; color:#fff; position: absolute; right: 0; margin-top: -60px}
.bussines-card h4{color:#A7A7A7; margin:0}
.bussines-card p{ font-size:15px;font-weight: 100;}
blockquote{border:none}
#contact{background-image: url(../img/back_contact_2.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; height: 110vh}
.contact-section .form{padding:15px; margin-top: 130px}
.contact-section .form h3{padding:20px 20px 0 0; color:#fff;font-size: 40px; line-height: 35px;}
.contact-section .form form{color:#fff}
textarea{resize:vertical}
.form-control{border-radius: 0; box-shadow:none; border: none; border-left: 2px solid #df2b2a;  border-bottom: 2px solid #df2b2a; background: transparent; color:#fff}
.form-control:focus{border-color: #FF8933; box-shadow:none}
.btn-default{border-color:transparent; background-color: #df2b2a; border-radius: 0; color: #fff; width:100%}
.btn-default:hover{background-color: #E2231A; border-color: transparent; color:#fff}
.btn-default:active{background-color: #FF6B00; color: #fff; border: none;}
div#map-canvas {height: 508px; margin: 0px; padding: 0px;}
img.mapsimg{float:left; margin-right:5px}
#firstHeading{padding:10px 0 10px 0}
#firstHeading span{font-size:12px;display: block;}
h4.redtext{color:#D81823; font-size:30px;}
span.deco{height: 8px; width: 138px;  margin: 0 0 36px; background-image: url(../img/heading-spt-2.png); background-repeat: no-repeat; background-position: -50px bottom; display:block}


.navbar-default .navbar-toggle .icon-bar{background-color: #EEE;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #E2231A; border: none; float: left; border-radius: 0; height: 50px; margin: 0; width: 50px; padding: 0;}
.navbar-toggle .icon-bar{width: 30px; height: 3px;}
.navbar-toggle{border: none; background-color: #222; border-radius: 0; float: left; margin: 0; height: 50px; transition: all 0.3s ease-in-out;}
/*FOOTER*/
footer{padding: 0}
.inline{ list-style:none; width: 100%; padding:10px 30px; background-color:#272727; margin: 0; color: #8A8A8A;}
.inline li{float:right; font-size: 14px; padding:0 5px; margin:0 5px}
.inline li a{color:#fff}
.inline li a:hover{color: #E2231A;}

.carousel-control{width:50px; color:#f16b22}
.carousel-control:hover, .carousel-control:focus{color:#fad000}
.carousel-indicators li{border-color: #f16b22;}
.carousel-indicators .active{background-color: #f16b22;}
.carousel-inner .item img{width:100%}
/*DIRECTORIO*/

/*DIRECTORIO*/
#directorio{margin:120px 0}
#directorio ul{margin:0; padding:0; list-style:none}
#directorio .section-title {
  padding-bottom: 60px;
}
#directorio h2 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 100;
}
#directorio .col-sm-4 {
  margin-bottom: 25px;
}
#contact .title-back{font-size: 28px; padding: 30px 81px 17px 15px; background-image: url(../img/nominee-title.png);    margin-bottom: 30px;}
#directorio .col-md-12 {padding: 0}
#directorio .col-md-12 h1{  font-weight: 600;    font-size: 20px;}
#directorio .col-md-12 h4{font-weight: 100;font-family: Muli,Helvetica,Arial,sans-serif; font-size: 14px;}
#directorio h4, #directorio h1 {text-align: center}
#directorio h1 {font-size: 30px; font-weight: 100;}
#directorio h4{font-weight: 600;}
#directorio li{background-color: #2d2d2b; padding: 10px 0; margin: 20px 0px; color: #fff;}

#directorio #dir_corporativos {  background-color: #6d6e72; color: #fff;}
#directorio #dir_corporativos li{  background-color: #6d6e72;}
#directorio  #dir_corporativos h1{  font-weight: 600;    font-size: 20px;}
#directorio #dir_corporativos h4{font-weight: 100;}

#directorio #dir_empresas li{  background-color: #fff; color: #101010; padding: 2px 0px; margin: 10px 0px 0px 0px; }
#directorio  #dir_empresas h1{  font-weight: 600; font-size: 18px;}
#directorio #dir_empresas h4{font-weight: 100;font-family: Muli,Helvetica,Arial,sans-serif;font-size: 14px;}

#directorio .title-border{margin-bottom: 5px; margin-top: 5px; border-top: 1px solid #c5c5c4; height: 0px;}
.link-blue{color:#dd0330;}
.link-blue:hover,.link-blue:focus{color:#575756;text-decoration:none}
ul.left{float:left;list-style: none; padding: 10px 30px; margin: 0; color: #fff;}

@media(max-width:1199px) and (min-width:1024px){
	.box-txt,.box-img{width:160px; height:160px}
	.box-txt h1 {font-size: 18px}
	#workflow div.text-right{ width:640px}
	#fotoline{margin-left:320px}
}

@media(max-width:1024px) and (min-width:991px){
	.box-txt,.box-img{width:125px; height:125px}
	.text-right h1{margin: 8px 0;}
	.box-txt {padding: 30px 0;}
	.box-txt h1 {font-size: 17px; margin-top: 10px;}
	.box-txt .glyphicon {font-size: 30px;}
	.box-txt.big {padding: 22px 0;}
	#fotoline{margin-left:265px}
	#sline{margin-left:15px}
}
@media(max-width:991px) and (min-width:768px){
	.box-txt,.box-img{width:125px; height:125px}
	.text-right h1{margin: 8px 0;}
	.box-txt{padding:36px 0}
	.box-txt .glyphicon{font-size: 28px;}
	.box-txt h1 {font-size: 15px; margin-top: 5px;}
	#sline{margin-left:0px}
	#fotoline {margin-left: 250px;}
	#apellido-logo{max-width: 200px; padding: 17px 0}
	.navbar.navbar-default.navbar-fixed-top .container{width: 100%}
}
@media(max-width:768px) and (min-width:480px){
	.box-txt,.box-img{width:200px; height:200px; float:left}
	#content{width: 400px; margin: 0 auto;}
}
@media(max-width:480px){
	.box-txt,.box-img{width:50%; height:200px}
	.box-txt .glyphicon{font-size: 80px;}
	.box-txt h1 {font-size: 20px;}
	.box-txt.big {padding: 23px 0;}
	.box-txt {padding: 23px 0;}
	.porfolio>div>img{margin:0 auto}
	.box-txt.big  h1 {font-size: 20px;}
	.services-section{padding: 100px 0 0px;}
	.nav-tabs > li > a{padding: 10px 5px; font-size: 13px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
}
@media(max-width:1024px){
	.pause h7, .pause h8, .pause h9{font-size: 49px;}
	footer{background-size: 1024px;padding: 0; min-height: 262px;}
	footer #logof{width: 262px;}
	footer ul{padding: 70px 0 10px;}
}

@media(max-width:768px){
	.featurette-image{width: 50%;}
	.top-nav-collapse.navbar-default .navbar-nav > li > a{font-size: 20px; padding: 15px 10px; border-bottom:2px solid #E0241A}
	.navbar-nav{margin-bottom: 0;}
	.meta-about{margin:15px 0}
	.meta-about.top{margin: -15px 0 0 0;}
	.meta-about.l{margin:30px -30px -15px 0}
	.bussines-card{position:relative}
	.pause h7, .pause h8, .pause h9 {font-size: 70px; text-align: center; display: block; line-height: 70px}
	.pause h10{display: block;text-align: center;}
	.pause h10.visible-md.visible-lg{display: none!important;}
	footer{min-height: 200px; padding: 0;}
	footer ul{width: 600px;padding: 60px 0 20px;}
	footer li{font-size: 15px;}
}
@media(max-width:640px) and (orientation: landscape){
	.navbar-brand img{max-width: 139px; display: block; margin: 0 auto;}
	.navbar-default .navbar-brand{width: 80%;}
}
@media(max-width:670px) and (orientation: landscape){
	.left.firma li{font-size: 12px;}
	.inline.firma li{font-size: 10px;}
}
@media(max-width:480px){
	.bussines-card{width: 90%; padding: 10px 15px;}
	blockquote{margin:0}
	.featurette-image{width: 80%; margin: 0 10% 40px 10%; display: block;}
	.intro-section{ height:100%}
	.navbar-default .navbar-brand{display: block; float: none;  margin: 5px auto;}
	.navbar-brand{height: 50px;}
	.navbar-brand img{max-width: 130px;}
	.top-nav-collapse .navbar-brand img{max-width: 110px;}
	footer { background-size: cover;min-height: 170px;}
	footer li {font-size: 13px;margin: 0 10px;}
	footer ul {padding: 18px 0 20px;}
	.firma.left{font-size: 12px;}
	.firma.inline li {font-size: 11px;}
	.content-services .col-xs-9.b{margin-top: 70px}
	.gray-box{height: auto}
	.navbar-default .navbar-brand{float: left; margin: 5px 0 0 15px;}
}
@media(max-width:360px){
	footer .container{padding:0}
	footer li {font-size: 10px; margin: 0 7px;}
	.title-back{font-size: 25px; padding: 20px 185px 46px 13px; background-size: 330px;}
}
@media(max-width:740px) and (orientation: landscape){
	.intro-section{ height:100%}
	.bussines-card{width: 90%; padding: 10px 15px;}
}
@media(min-width:767px) {
    .navbar {padding: 10px 0 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out;}

    .top-nav-collapse {padding: 0;}
	.intro-section {height: 100%; padding: 0;}
    .intro-section .intro-body .brand-heading {font-size: 100px;}
    .intro-section .intro-body .intro-text {font-size: 16px;}	
}
.navbar-brand{height: 65px}
.top-nav-collapse .navbar-brand{height: 50px}
.gray-box{background-color: #25292A; color: #fff; padding: 50px;height: 100vh; height: calc(100vh + 20px);}
.title-box{margin-bottom: 80px; margin-top: -50px}
.flag{background-image: url(../img/flag-a.png); background-position: bottom center; background-size: cover; background-repeat: no-repeat; float: left; padding: 55px 20px 15px; font-size: 30px; font-weight: bolder; margin: 0 5px 5px 0; width: 70px; text-align: center;}
.flag.n{background-image: url(../img/flag-b.png);}
.flag.a{background-image: url(../img/flag-c.png);}
.gray-box h2{font-weight: bold; padding: 50px 0 0 85px; font-style: italic; width: 300px; margin: 0 0 20px}
.products-list{list-style-image: url(../img/check.png);font-size: 16px;padding: 0; list-style-position: inside;}
#b .products-list,#e .products-list{list-style-image: url(../img/check-n.png);}
#c .products-list,#f .products-list{list-style-image: url(../img/check-a.png);}
.products-list li{margin: 30px 0}
.content-services, .content-services.right{text-align: left}
#services #carousel .content-services::after{content: ""; background-image: url(../img/footer_services.png); width: 100%; height: 150px;
    position: absolute; display: block; z-index: 2; background-repeat: repeat-x; bottom: 0; background-size:100%; background-position: center bottom;}
.a .box1{}
.a .box2{}
.a .box3{margin-top: -90px;}
.a .box4{margin-top: -43px;}
.a .box5{margin-top: -16px;}
.a .box6{margin-top: -108px;}
.a .box7{margin-top: -72px;}
.a .box8{margin-top: -40px;}

.b .box1{}
.b .box2{}
.b .box3{margin-top: -45px;}
.b .box4{margin-top: -45px;}
.b .box5{margin-top: -42px;}
.b .box6{margin-top: -42px;}

.carousel-fade .carousel-inner .item {transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}

/*MENU LIST*/
#menu-lite{background-color:#25292A; color:#fff; list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #fff; font-size: 14px}
.top-nav-collapse #menu-lite{font-size: 20px;}
#menu-lite li{float: left; padding: 15px 20px; margin: 0;transition: all 0.2s ease-in;}
#menu-lite li:hover, #menu-lite li.active{cursor: pointer; background-color: #df2b2a;}
#menu-lite li:hover:nth-child(2),#menu-lite li.active:nth-child(2){background-color: #f16b22}
#menu-lite li:hover:nth-child(3),#menu-lite li.active:nth-child(3){background-color: #fad000; color: #25292A}
#menu-lite li:hover:nth-child(4),#menu-lite li.active:nth-child(4){}
#menu-lite li:hover:nth-child(5),#menu-lite li.active:nth-child(5){background-color: #f16b22}
#menu-lite li:hover:nth-child(6),#menu-lite li.active:nth-child(6){background-color: #fad000; color: #25292A}


/*MODAL HOVER PAGE*/
.modal-backdrop{background: #df2b2a; /* Old browsers */
background: -moz-linear-gradient(45deg, #df2b2a 0%, #f16b22 50%, #fad000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #df2b2a 0%,#f16b22 50%,#fad000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #df2b2a 0%,#f16b22 50%,#fad000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2b2a', endColorstr='#fad000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: fixed; height: 100vh; z-index: 1031;}
.modal-backdrop.in{opacity: 0.8}
.modal-header{background: #25292a; background-image: url(../img/icon_sbox_mini.png)}
.modal-title{color:#fad000; font-weight:100; font-size: 25px; text-align: left; font-style:italic}
.modal-title span{font-size: 16px; color: #fff; font-style: normal;}
.modal-title span.glyphicon{color: #fff; margin: 0 -5px 0 10px;}
.modal-header .close{opacity: 0.8; color: #fff;}
.modal-content{border-radius:0;border:none}


@media (min-width: 1366px){
	.modal-lg {width: 1100px;}
}

@media (max-width: 1800px) and (min-width: 1600px) {
	#services #carousel .content-services::after{height: 120px;}
}
@media (max-width: 1600px) and (min-width: 1400px) {
	#services #carousel .content-services::after{height: 107px;}
}
@media (max-width: 1400px) and (min-width: 900px) {
	#services #carousel .content-services::after{height: 107px;}
	.gray-box{padding: 20px;}
	.products-list{font-size: 14px;}
	.col-xs-9.a,.col-xs-9.b{padding: 0}
	#menu-lite li{padding: 15px 11px; font-size: 13px}
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -43px;}
	.a .box4{margin-top: -12px;}
	.a .box5{margin-top: 3px;}
	.a .box6{margin-top: -53px;}
	.a .box7{margin-top: -33px;}
	.a .box8{margin-top: -13px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -15px;}
	.b .box4{margin-top: -15px;}
	.b .box5{margin-top: -12px;}
	.b .box6{margin-top: -12px;}
	.carousel-inner:after{background-position: center 0; background-size: cover;}
	
}
@media (max-width: 1366px) and (min-width: 1200px) {
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -63px;}
	.a .box4{margin-top: -32px;}
	.a .box5{margin-top: -13px;}
	.a .box6{margin-top: -74px;}
	.a .box7{margin-top: -53px;}
	.a .box8{margin-top: -33px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -35px;}
	.b .box4{margin-top: -35px;}
	.b .box5{margin-top: -32px;}
	.b .box6{margin-top: -32px;}
}
@media (max-width: 1200px) and (min-width: 900px) {
	.gray-box h2{    font-size: 16px;}
}
@media (max-width: 900px) and (min-width: 700px) {
	.navbar-default .navbar-brand{padding: 5px 15px 0;}
	#apellido-logo{padding: 25px 0 0;}
	.top-nav-collapse #apellido-logo{padding: 20px 0 0;max-width: 200px}
	#menu-lite li{padding: 15px 11px; max-width: 100px; text-align: center; line-height: 16px}
	.top-nav-collapse #menu-lite{font-size: 13px}
	.navbar-default .navbar-nav > li > a{font-size: 20px;}
	.gray-box{padding: 15px; width: 35%; height: 510px;}
	.content-services .col-xs-9{width: 65%}
	.products-list{font-size: 14px}
	.products-list li{margin: 20px 0;}
	.col-xs-9.a,.col-xs-9.b{padding: 0}
	.content-service-img {padding: 0 5px}
	.carousel-inner:after{background-position: center 0; background-size: cover;}
	#menu-lite li.single{padding: 23px 11px;}
	.flag{margin-left: 0; padding: 35px 20px 15px 15px;}
	.gray-box h2{padding: 55px 0 15px 70px; font-size: 18px; margin: 0; min-height: 73px;}
	
	.title-box{margin-bottom: 0px; margin-top: -15px}
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -35px;}
	.a .box4{margin-top: -17px;}
	.a .box5{margin-top: -7px;}
	.a .box6{margin-top: -42px;}
	.a .box7{margin-top: -28px;}
	.a .box8{margin-top: -18px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -18px;}
	.b .box4{margin-top: -18px;}
	.b .box5{margin-top: -18px;}
	.b .box6{margin-top: -18px;}
	#contact .title-back{font-size: 20px; padding: 22px 92px 24px 15px;background-size: contain}
}

@media (max-width: 700px) and (min-width: 601px) {
	#menu-lite li{padding: 9px 8px; max-width: 95px; text-align: center; line-height: 14px; font-size: 10px}
	.gray-box{padding: 15px; width: 35%; height: 510px;}
	.content-services .col-xs-9{width: 65%}
	.products-list{font-size: 12px}
	.products-list li{margin: 20px 0;}
	.col-xs-9.a,.col-xs-9.b{padding: 0}
	.content-service-img {padding: 0 5px}
	.carousel-inner:after{background-position: center 0; background-size: cover;}
	#menu-lite li.single{padding: 16px 8px;}
	#menu-lite li.singlexs{padding: 16px 8px;}
	.flag{margin-left: 0px; padding: 23px 15px 15px 15px; width: 50px}
	.gray-box h2{padding: 55px 0 15px 70px; font-size: 18px; margin: 0; min-height: 73px;}
	.title-box{margin-bottom: 0px; margin-top: -15px}
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -27px;}
	.a .box4{margin-top: -13px;}
	.a .box5{margin-top: -3px;}
	.a .box6{margin-top: -32px;}
	.a .box7{margin-top: -18px;}
	.a .box8{margin-top: -08px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -13px;}
	.b .box4{margin-top: -13px;}
	.b .box5{margin-top: -13px;}
	.b .box6{margin-top: -13px;}
}
@media (max-width: 600px){
	.navbar-default .navbar-brand{padding: 5px;}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{height: 65px;}
	.top-nav-collapse.navbar-default .navbar-nav > li > a{font-size: 14px; padding: 8px 20px; margin: 0 }
	.nav > li{border-bottom: 1px solid #df2b2a}
	#apellido-logo{max-width: 180px; position: absolute; top: 0; right: 20px; padding: 18px 0;}
	#menu-lite li{padding: 5px 10px; text-align: center; font-size: 12px}
	#menu-lite li.single{padding: 13px 10px;}
	#menu-lite li.singlexs:nth-child(3){padding: 13px 10px;}
	#menu-lite li:nth-child(1),#menu-lite li:nth-child(2),#menu-lite li:nth-child(3),#menu-lite li:nth-child(4){width: 25%; border-bottom: 1px solid #333}
	#menu-lite li:nth-child(5),#menu-lite li:nth-child(6),#menu-lite li:nth-child(7){width: 33.33%}
	.gray-box{width: 100%; padding: 15px; height: 380px}
	.gray-box h2{margin: 0 0 46px 0; padding: 63px 0 0 85px;}
	.title-box{margin-bottom: 10px; margin-top: -34px;}
	.flag{padding: 60px 20px 15px;}
	.products-list li{margin: 10px 0}
	.content-services .col-xs-9{width: 100%;padding: 0; margin-top: 10px; padding-bottom: 50px;}
	.content-service-img{padding: 0 5px}
	.carousel-inner:after{display: none; background: none; height: 0; width: 0}
	.content-services .col-xs-9:before{content: ""; width: 100%; position: absolute; bottom: -1px; background-image: url(../2017-v2/img/footer_services.png); background-position: center bottom; background-size: contain; background-repeat: no-repeat; height: 60px}
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -27px;}
	.a .box4{margin-top: -13px;}
	.a .box5{margin-top: -6px;}
	.a .box6{margin-top: -32px;}
	.a .box7{margin-top: -18px;}
	.a .box8{margin-top: -08px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -13px;}
	.b .box4{margin-top: -13px;}
	.b .box5{margin-top: -13px;}
	.b .box6{margin-top: -13px;}
	#carousel .carousel-inner{padding-bottom: 50px;}
	ul.navbar-nav{border-bottom: 1px solid #fad000}
	.pause h7, .pause h8, .pause h9{font-size: 60px;padding-left: 35px; text-align: left;}
	#services #carousel .content-services::after{display: none}
}
@media (max-width: 567px){
	.title-box {margin-top: -42px;}
	.pause h7, .pause h8, .pause h9{font-size: 40px;}
	footer .col-xs-6{width: 100%}
	#carousel .carousel-inner{padding-bottom: 0}
}
@media (max-width: 414px) and (min-width:412px){
	#menu-lite li.singlexs {padding: 13px 10px;}
	#menu-lite li.doblexs{padding: 13px 10px;}
	#contact .title-back{font-size: 20px; padding: 22px 92px 24px 15px;background-size: contain}
	.title-box {margin-top: -22px;}
}
@media (max-width: 412px) and (min-width:400px){
	#contact .title-back{font-size: 20px; padding: 22px 92px 24px 15px;background-size: contain}
	#menu-lite li.singlexs {padding: 5px 10px;}
	#menu-lite li.doblexs{padding: 13px 10px;}
	.title-box {margin-top: -22px;}
}
@media (max-width: 380px) and (min-width:360px){
	#contact .title-back{font-size: 20px; padding: 22px 92px 24px 15px;background-size: contain}
	#menu-lite li.singlexs {padding: 5px 10px;}
	#menu-lite li.singlexs:nth-child(3) {padding: 5px 10px;}
	#menu-lite li.doblexs{padding: 5px 10px;}
	.box-txt, .box-img{height: 190px}
	#apellido-logo{display: none}
	.navbar-brand{height: 46px;}
	.title-box {margin-top: -22px;}
}
@media (max-width: 360px) and (min-width:320px){
	#contact .title-back{font-size: 20px; padding: 22px 92px 24px 15px;background-size: contain}
	#menu-lite li.singlexs:nth-child(3) {padding: 5px 10px;}
	.a .box6{margin-top: -28px;}
	.box-txt, .box-img{height: 180px}
	#apellido-logo{display: none}
	.navbar-brand{height: 46px;}
	.pause h7, .pause h8, .pause h9{font-size: 30px; line-height: 40px;}
	.title-box {margin-top: -22px;}
}
@media (max-width: 320px){
	.pause h7, .pause h8, .pause h9{font-size: 20px; line-height: 30px;}
	#contact .title-back{font-size: 17px; padding: 20px 60px 25px 8px;background-size: cover}
	.navbar-brand{height: 46px;}
	#apellido-logo{display: none}
	.box-txt {padding: 33px 0;}	
	.box-txt .glyphicon{font-size: 50px;}
	.box-txt h1,.box-txt.big  h1{font-size: 16px; margin: 10px 0;}
	.box-txt, .box-img{height: 160px}
	#enga{width: 100%}
	.flag {padding: 60px 20px 15px;}
	#menu-lite li.singlexs {padding: 5px 10px;}
	#menu-lite li.singlexs:nth-child(3) {padding: 5px 10px;}
	#menu-lite li.doblexs{padding: 5px 10px;}
	.a .box1{}
	.a .box2{}
	.a .box3{margin-top: -18px;}
	.a .box4{margin-top: -6px;}
	.a .box5{margin-top: 0px;}
	.a .box6{margin-top: -21px;}
	.a .box7{margin-top: -13px;}
	.a .box8{margin-top: -6px;}

	.b .box1{}
	.b .box2{}
	.b .box3{margin-top: -7px;}
	.b .box4{margin-top: -7px;}
	.b .box5{margin-top: -7px;}
	.b .box6{margin-top: -7px;}
	.title-box {margin-top: -22px;}
}