/* CSS Document */
/*!
 * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
.heading-font{font-family: "Franklin Gothic", "ITC Franklin Gothic", sans-serif;font-weight:200;letter-spacing:1px}
@font-face {
font-family: 'Franklin Gothic Book';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book'), url('FRABK.woff') format('woff');
}
.body-font{font-family:Muli,Helvetica,Arial,sans-serif}
.alt-font{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}body,html{height:100%;width:100%}body{font-family:Muli,Helvetica,Arial,sans-serif;webkit-tap-highlight-color:#222}
.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family: "Franklin Gothic", "ITC Franklin Gothic", sans-serif;font-weight:200;letter-spacing:1px}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#fdcc52}a:focus,a:hover{color:#fcbd20}hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}hr.light{border-color:#fff}p{font-size:18px;line-height:1.5;margin-bottom:20px}
.navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
.navbar-default .navbar-header .navbar-brand{color:#fdcc52}
.btn,.navbar-default .nav>li>a{font-family: "Franklin Gothic", "ITC Franklin Gothic", sans-serif;text-transform:uppercase;letter-spacing:2px}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fcbd20}
.navbar-default .navbar-header .navbar-toggle{font-size:12px;color:#222;padding:8px 10px}
.navbar-default .nav>li>a{font-size:13px}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#222}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#e80033}
.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#dd0031!important;background-color:transparent}
.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}
.navbar-brand {padding: 0px;}
.navbar-brand>img {height: 100%; padding: 8px; width: auto;}
.affix .navbar-brand>img{display: block}
.affix-top .navbar-brand>img{display: none}
.navbar-default.navbar-fixed-top.affix-top .nav>li>a{padding: 27px 15px;transition: all 0.3s ease-in;}
/*APELLIDOS*/
#apellido-logo{display: none;max-width: 210px; padding: 9px 10px 0px; }
.navbar-default.affix #apellido-logo{display: block}

@media (min-width:768px){.navbar-default{background-color:transparent;border-color:transparent}
.navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#7B6D6E}
.navbar-default .affix .nav>li>a:focus:hover,.navbar-default .affix .nav>li>a:hover{color:#e80033}
.navbar-default .affix-top .nav>li>a:focus:hover,.navbar-default .affix-top .nav>li>a:hover{color:#fff}
.navbar-default.affix{background-color:#fff;border-color:rgba(220, 3, 48, .5)}
.navbar-default.affix .navbar-header .navbar-brand{color:#222}
.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#fdcc52}
.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#dc0330}
}
header{position:relative;width:100%;min-height:auto;overflow-y:hidden; background-image:url(../img/back_home.jpg); background-position:center; background-size:cover;}
/*LOGO*/

.logo-list{height: 70px;padding: 10px; opacity: 1;transition: all 0.3s ease-in-out;}
.navbar-fixed-top.affix .logo-list{ opacity: 0; display: none}
#vitrubio{width: 55%}
#l-vitrubio{position: absolute; left: 0;top: 0; max-width: 40%;}
#logo-box{width: 300px; margin: 0 auto; display: block;height: 310px;}
#r-logo{max-width: 100%;}
header .header-content{text-align:center;padding:150px 0 50px;position:relative}
header .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto}
header .header-content .header-content-inner h1{margin-top:0;margin-bottom:30px;font-size:30px}
header .header-content .header-content-inner .list-badges{margin-bottom:25px}
header .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px}
header .device-container{max-width:300px;margin:0 auto 100px}header .device-container .screen img{border-radius:3px}

/*NOSOTROS*/
section#nosotros{position:relative;width:100%;min-height:auto;overflow-y:hidden; background-image:url(../img/nosotros_back.jpg); background-position:left top; background-size:cover}
#box-content{margin:350px 0}
#box-content-xs{margin:250px 15px 50px}
/*HOME LINKS*/
.col-sm-2{width: 14.28%}
#box-content .btn-primary{margin: 0 auto; display: block; background-color: transparent; border:none; color: #dc0330; font-size: 20px}
#box-content .btn:hover{color: #7B6D6E;}
#box-content .btn.active, #box-content .btn:active{box-shadow:none}
#box-content .well{background-color: transparent;border: none;border-radius: 2px;box-shadow: none;}
#box-content .well .list-unstyled li{font-weight: 100;font-size: 22px; text-align: right;color:#928c91}
#box-content .well .list-unstyled li::after{content: "-"; margin-left: 10px; color: #dc0330}
#box-content {margin: 190px 0 0;}
#slogan{}
#l-slogan{max-width: 400px; margin:200px auto 0;}
.list-unstyled.big-menu-right{text-align:right; font-size: 25px;position: absolute; right:40px;  top: 150px}
.list-unstyled.big-menu-right li{border-bottom: 1px solid #4A4A4A;font-weight: 100;}
.list-unstyled.big-menu-right li:hover,.big-menu-right li.active{color: #dc0330; cursor: pointer}
.list-unstyled.big-menu-right li::before,.panel-title>a::before{content: "";margin-right: 5px; background-image: url(../img/bullet_imagent.png); background-size: 30px; width: 10px; height: 30px; background-position: right center; background-repeat: no-repeat; display: block; float: left;}
.title-logo{font-family:'Franklin Gothic Book';font-weight:normal;font-size:22px}
.title-logo:hover{ color: #e80033; cursor: pointer}
.title-logo:nth-child(2) {text-align: right; transform-origin: 100% 100%;  transform: translate(-265px, -283px);}
.title-logo:nth-child(3) {transform-origin: 0% 0%;  transform: translate(267px, -327px);}
.title-logo:nth-child(4) {text-align: right;transform-origin: 100% 100%;  transform: translate(-292px, -264px);}
.title-logo:nth-child(5) {transform-origin: 100% 0%; transform: translate(295px, -308px);}
.title-logo:nth-child(6) {text-align: right;transform-origin: 100% 100%; transform: translate(-248px, -234px);}
.title-logo:nth-child(7) {transform-origin: 100% 0%; transform: translate(249px, -278px);}
/*HOME LINKS*/
/*HOME ACCORDEON*/
.panel{background-color: transparent}
.panel-default{border: none; border-radius: 2px}
.panel-title{color: #333;font-weight: 100;font-size: 25px; text-align: left;}
.panel-default>.panel-heading{background-color: transparent;border-bottom: 1px solid #cecece;}
.panel-body{background-color: #fff}
.panel-title>a:hover{color: #dc0330; text-decoration: none}
.panel-body .list-unstyled{text-align: left}
/*HOME ACCORDEON*/
/*SERVICIOS*/
div.serv-box{height:100vh}
section#servicios{background-image:url(../img/back_services.jpg); background-position:left center; background-size:cover; padding:80px 0 }
/*SERVICES STYLE*/
.servicios{ padding:0}
h3.title-imagent{color:#DD0031; text-transform:uppercase; font-size:70px; font-weight: 100;text-align: left; margin-top: 0}
#soluciones h3.title-imagent,#talleres h3.title-imagent{margin-bottom: 40px;}
section#talleres{padding: 100px 0 50px 0}
.list-unstyled{text-align: left;color:#333; font-weight:500;font-family: "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; font-size:20px}
.left-list{border-left:5px solid #DD0031;}
/*TABPANEL*/
#combo .box-menu-lateral{padding: 0 0 0 15px}
#combo .box-menu-lateral .list-menu-lateral{padding: 0 0 0 0;}
.tab-pane .left-list{padding: 0 0 0 10px; font-family: 'Franklin Gothic Book'; border-left: 1px solid #DD0031;}
.tab-pane .list-unstyled li{line-height: 16px; font-size: 15px; padding: 3px 0}
.tab-pane#box-img{margin: 26px 0 0 0}
.tab-pane#box-brand{margin: 86px 0 0 0}
.tab-pane#box-mark{margin: 146px 0 0 0}
.tab-pane#box-medi{margin: 206px 0 0 0}
.tab-pane#box-coa{margin: 266px 0 0 0}
.tab-pane#box-eve{margin: 326px 0 0 0}
/*COMBO BOX*/
#combo .box-services{background-color: transparent; padding: 0 15px 30px;}
section#soluciones{display: none}
.right-list{border-right:5px solid #DD0031;}
.right-list li{ text-align:right}
.list-unstyled li{margin:10px 0; padding: 5px 0;font-size: 21px;}
.box-img-services{margin:30px 0 0 0}
.carousel-inner .title-imagent{color:#2d2d2b; font-size: 50px;}
.list-menu-lateral{padding:70px 20px 0 20px; }
blockquote{border-left: 5px solid #928c91; margin: 0 0 20px 27px;}
#box-serv-imagen{margin: 30px 0 0 0;}
#box-serv-imagen .left-box{margin-top:80px; margin-bottom:50px}
#box-serv-imagen .right-list li{padding:10px 0}
#banner-serv-img{margin:0}
.left-list-min{margin-top:80px}
.left-list-min li{border-left: 7px solid #DD0031; padding-left:20px; font-size:16px; margin:20px 0}
.left-list-min h1{color:#70686B; font-weight:bold; margin:0; font-size:40px}
#box-serv-medtre{padding: 30px 0 0 0;}
.box-big-info{margin-top: 35px;}
#box-serv-prod{padding: 30px 0 0 0;}
.prod-box{margin-bottom:80px}
.prod-box h3.title-imagent{font-family: 'Franklin Gothic Book';}
#prod-bran{padding: 30px 0 0 0;}
#prod-merk{padding: 30px 0 0 0;}
#prod-merk .box-big-info{margin-bottom:80px}
.box-imgs-services{margin-top: 100px;}
.box-imgs-services img{margin:0 0 30px 0}
#cap{padding: 30px 0 0 0;}
#cap .left-list{margin: 110px 0 0 0;}
#event{padding: 30px 0 0 0;}
#event .left-list{}
.list-menu-lateral{ list-style:none;}
.list-menu-lateral li{ padding:20px 0; font-weight:100; color:#C5C5C4; font-size:15px;text-align: right;}
.list-menu-lateral li.off-list{color: #C5C5C4}
.list-menu-lateral li.active, .list-menu-lateral li:hover{cursor:pointer; color:#DD0031}
.section#soluciones{padding:50px 0}
.box-services{background-color: #333; color: #fff; margin: 0; padding: 0}
.box-services .row{margin: 0; padding: 0}
.box-services h3{font-family: 'Franklin Gothic Book';background-color: #dd0031; padding: 10px 15px; margin:0; font-size: 20px; transition: all 0.5s ease-in-out; max-width: 100%;}
#content-talleres h3{min-height: 64px;}
.tag{ position:absolute; z-index: 2; background-color: #2E2D2C; color: #fff; padding: 5px 10px; font-size: 12px}
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0;  height: 100%;  width: 100%;  opacity: 0;
  transition: .5s ease;  background-color: rgba(112, 103, 104, 0.9);}
.box-services:hover{    background-color: #dd0031; cursor:pointer}
.box-services:hover .overlay {opacity: 1;}
.box-services:hover h3{border-color:#fff}
#paquetes .box-services h3{font-size: 25px}
#content-talleres .box-services h3{font-size: 20px;font-family:inherit}
/*TALLERES HOVER TITLE*/
#talleres .box-services h3{border-color:#2d2d2b}
#talleres .box-services:hover h3{border-color:#fff}
#talleres .box-services:hover .overlay{background-color: rgba(221, 0, 49, 0.78);}
.text { color: #fff; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); text-align: left;  width: 95%;}
.text ul{list-style:none;padding:5px 5px 5px 20px;}
.text ul li{margin: 10px 0; font-size: 16px; list-style-type: square; line-height: 18px;}
.box-serv-img{ padding:0}
.modal-header .close{margin: 15px 5px 0 0;}
button.close{color: #dd0031; opacity:.5}
.close:focus, .close:hover{color: #dd0031; opacity:1}
.modal-header{padding: 5px 15px;border-bottom:none}
.modal-header::after{content: "";height: 5px;width: 30%; border-bottom: 5px solid #dd0031; margin-left: -15px; max-width: 590px; min-width: 250px;}
.modal-title{color: #dd0031; font-size: 35px; text-align: left;font-family: 'Franklin Gothic Book'; margin: 0 0 0 15px;}
.modal-content{border-radius: 2px; background-color: #fff;}
h3.sectitle{margin: 0 0 10px; font-family: 'Franklin Gothic Book'; color: #000;}
.modal-body p{font-size: 14px; line-height: 20px; margin-bottom: 10px; font-family: 'Franklin Gothic Book';}
.modal-body .lista_izquierda{padding: 5px 5px 5px 30px; font-size: 16px; border-radius: 2px; background-color: #f2f2f2;}
.modal-body .lista_izquierda ul{padding: 0 0 0 20px}
#soluciones div.modal  ul{ list-style-position:inside; padding-left: 10px; list-style-image:url(../img/bullet.png); margin: 15px 0; font-size: 16px;}
#soluciones div.modal  ul li{ padding:5px 0;}
#soluciones .row .title, #soluciones .row div p{margin:20px 0}
#soluciones .row div p{padding: 5px 0 15px; margin:5px 0 20px}

#soluciones hr{margin:5px 0; border-top: 1px solid #B7B7B7;}
#soluciones div.modal ul li ul{margin: 5px 0;}
#soluciones div.modal ul ul{list-style-image: url(../img/check.png);margin: 0px 0;}
#soluciones div.modal p{font-size: 15px;}

.modal-backdrop.in{background-image: url(../img/back_modal_back.jpg); background-position: center; background-size: cover;filter: alpha(opacity=90); opacity: .9;}
.modal-body .lista-roja{color:#d81823; padding: 0 0 0 30px; font-size: 16px}
.modal-body .lista-roja li{list-style-image: url(../img/check.png); padding:0 0 5px 0!important; margin:0!important}
/*LISTA CONTENIDO*/
.modal-body .lista-roja li.title-list{font-weight: 600; list-style-image: url(../img/bullet.png);}
.modal-body .lista-roja li.subtitle-list{margin-left: 20px!important;}
.modal-body .lista-roja li.content-list{margin-left: 40px!important; color: #333; list-style-image: url(../img/line.png); font-size: 14px}
.modal-body .lista-roja li.subcontent-list{margin-left: 60px!important; color: #333; list-style-image: url(../img/line2.png); font-size: 12px}
.modal-body .lista-palomeada{padding: 0 0 0 20px; font-size: 16px}
.modal-body .lista-palomeada ul{padding: 0 0 0 10px}
.modal-body .lista-palomeada li{list-style-image: url(../img/check.png)!important;}
.modal-body hr{margin: 5px 0; max-width: 100%; border-color: #c1c1c1;}
.mini-list{margin:0; padding:0}
.mini-list li{ background-color:#DD0031; list-style-type:none; margin:2px 0; padding:15px; text-align: left;}
.mini-list li img{max-width:20px; margin-right:10px}
.mini-list a li {color:#fff}
.mini-list a{text-decoration:none}
.mini-list li:hover{background-color:#2d2d2b}

.btn_more{ background-color:transparent; color:#fff; border:none; position:absolute; right:0px; bottom:10px; display:none}
.btn_more span{margin:0 5px}
.btn_more:hover,.btn_more:focus{border:none;outline:none}
/*FOOTER*/
footer{text-align: center; padding: 120px 15px; color:#fff; background-image:url(../img/imagent_6.jpg); background-size:cover; background-position:top center}
.footer::before {content:"";background-image:url(../img/footer.png); display:block; margin: 30px 0 0 0; height:50px; background-size: cover; background-position: center;}
footer #name{font-size:22px; font-weight: 300;}
footer #adress{font-size:16px; font-weight: 300; margin-top:50px}
.footer ul{background-color:#252525; color:#fff; padding: 5px 15px; margin: 0;}
.footer li { float: right; text-align: right; list-style: none;  padding: 5px 10px 2px }
.footer li a{color:#c5c5c4; font-weight: 400; text-decoration:none}
.footer li a:hover,.footer li a:focus{color:#fff}
/*MAPA*/
div#map-canvas {height: 500px; margin: 50px 0; padding: 0px;}
img.mapsimg{float:left; margin-right:5px}
#firstHeading{padding:10px 0 10px 0}
h4.redtext{color:#D81823; font-size:30px}
#bodyContent,#bodyContent p{ font-weight:400}
#logo-w-footer{margin:0 auto}
/*CONTACTO*/
#contacto{background-image:url(../img/2835.jpg); background-size:cover}
.form-group input, .form-group textarea{font-weight: 400;font-size: 17px;}
#contacto{padding-top:50px}
.form-control{border-radius: 0; border: none; box-shadow: none; border-bottom: 1px solid #D81823;}
.form-control:focus{border-color: #333333;box-shadow:none}
.form-group label, .form-group select{font-size: 17px;  font-weight: 400; margin: 0;}
#contact-form-box{ margin:50px 0}
.btn-danger{background-color: #dd0031; border-color: #dd0031;border-radius: 1px;}
.btn-danger:hover{background-color: #be1035; border-color: #be1035;}
.form-control{background-color: rgba(255, 255, 255, .5);}

/*DIRECTORIO*/
#directorio{margin:80px 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;
}
#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}
@media (min-width:1440px) and (max-width:1800px){

}
@media (min-width:1200px) {
	.modal-lg {
		width: 1000px;
	}
}
@media (min-width:1440px){
	.modal-lg {
		width: 1200px;
	}
}
@media (min-width:1024px) and (max-width:1366px){
	#combo .box-services:hover h3.vcenter{opacity: 1}
}
@media (max-width:1024px){
	
	.btn-nosotros{width:100px}
	.btn-nosotros img{max-width:100%}
	.list-menu-lateral li{font-size: 17px;}
	h3.title-imagent{font-size: 50px;}
}
@media (max-width:991px){
.btn_more{display:block;}
	.navbar-default.navbar-fixed-top.affix-top .nav>li>a{    padding: 13px 15px;}
	#apellido-logo{max-width: 170px; padding: 10px 10px 0}
}
@media (max-width:360px) and (orientation: portrait){
	.btn_more{right: 5px!important;bottom: 5px!important;}
	.btn_more span{font-size: 13px;}
	#combo .box-services{margin: 5px 0; padding: 0 5px;}
	ul.left,ul.left li.left{float: none; text-align: center}
	#links-footer li{margin: 5px 0 10px; padding: 0 6px; border-right: 1px solid #fff;}
	#links-footer li:first-child{border-right: none;margin: 5px 0 0;}
}
@media (max-width:736px) and (max-height:414px){
	.btn_more{bottom: 40px;right: 20px;}
	#l-vitrubio{display: none;}
	.box-menu-lateral,.tab-content.col-sm-7{display: none; opacity: 0}
	#home .panel-group .list-unstyled{font-family: 'Franklin Gothic Book'; list-style-image: url(../img/bullet.png); list-style-position: inside}
	#home .panel-group .list-unstyled li{font-size: 16px; padding: 3px 0; margin: 5px 15px;}
	header {min-height: 100vh; height: auto!important}
	#logo-list{display: none; opacity: 0}
	.affix-top .navbar-brand>img{display: block}
	#home .panel-title{font-family: 'Franklin Gothic Book';}
}
@media (max-width:1024px) and (min-width:768px){
	.box-services h3{font-size: 22px;}
	#box-content {margin: 120px 0 0;}
	.title-logo{font-size: 32px}
	#logo-box {width: 300px;}
	.title-logo:nth-child(2) {text-align: right; transform-origin: 100% 100%;  transform: translate(-254px, -292px);}
	.title-logo:nth-child(3) {transform-origin: 0% 0%;  transform: translate(255px, -347px);}
	.title-logo:nth-child(4) {text-align: right; transform-origin: 100% 100%;  transform: translate(-275px, -269px);}
	.title-logo:nth-child(5) {transform-origin: 100% 0%; transform: translate(279px, -324px);width: 250px;}
	.title-logo:nth-child(6) {text-align: right; transform-origin: 100% 100%; transform: translate(-196px, -274px);}
	.title-logo:nth-child(7) {transform-origin: 100% 0%; transform: translate(199px, -329px);}
}
@media (max-width:992px) and (min-width:778px){
	#logo-box {width: 200px;}
	.title-logo{font-size: 28px}
	.title-logo:nth-child(2) {transform-origin: 0% 0%;  transform: translate(-79px, -218px);}
	.title-logo:nth-child(3) {transform-origin: 0% 0%;  transform: translate(177px, -268px);}
	.title-logo:nth-child(4) {transform-origin: 0% 0%;  transform: translate(-151px, -239px);}
	.title-logo:nth-child(5) {transform-origin: 100% 0%; transform: translate(197px, -289px);width: 220px;}
	.title-logo:nth-child(6) {transform-origin: 0% 0%; transform: translate(-73px, -244px);}
	.title-logo:nth-child(7) {transform-origin: 100% 0%; transform: translate(138px, -294px);}
	#box-content {
    margin: 200px 0;
}
}
@media (max-width:480px){
	h3.title-imagent{margin: 35px 0 10px;}
	.affix-top .navbar-brand>img{display: block}
}

@media (max-width:768px){
	.list-menu-lateral li{font-size: 13px;}
	h3.title-imagent{font-size: 40px;}
	.right-list{width: 100%; margin: 0;}
	.box-big-info{margin-top: 118px;}
	.btn-nosotros{width:80px}
	header{height:100vh}
	#box-content {margin: 260px 0 0;height: 310px;}
	.box-img-services { margin: 100px 0 50px;}
	div.serv-box{height: 720px;}
	.list-unstyled li {margin: 5px 0;}
	.list-menu-lateral {padding: 90px 20px 0 20px;}
	.prod-box{margin-bottom: 30px;}
	#cap .left-list{margin: 20px 0 0 15px;}
	.navbar-default.affix{border-color:rgba(220, 3, 48, .5);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
	.btn_more{display:block;}
	.overlay{opacity:0; display:none}
	.box-services .img-responsive{width:100%}
	.box-services h3{font-size: 30px;}
	.btn_more{z-index: 1; font-size: 18px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);}
}
@media (max-width:768px)AND (orientation: portrait){
	#services-box{margin-left: 80px; width: 390px}
	#box-content{margin: 320px 0 0;}
	#l-vitrubio{max-width: 650px;}
	#l-slogan{max-width: 300px;}
	#r-logo{max-width: 160px;}
	.list-unstyled.big-menu-right{top: 337px;}
	/*PANEL*/
	#combo .tab-content.col-sm-7{padding: 0 0 0 10px;}
	.list-menu-lateral li{ font-size: 12px;}
	.tab-pane .list-unstyled li{line-height: 16px; font-size: 14px;}
	.tab-pane#box-img{margin: 15px 0 0 0;}
	.tab-pane#box-brand{margin: 66px 0 0 0}
	.tab-pane#box-mark{margin: 126px 0 0 0}
	.tab-pane#box-medi{margin: 186px 0 0 0}
	.tab-pane#box-coa{margin: 256px 0 0 0}
	.tab-pane#box-eve{margin: 316px 0 0 0}
	#combo .box-services .box-serv-img::before{content: ""; background-color:rgba(0,0,0,0.40); display: block; position: absolute; width: 100%; height: 91.05px;}
	.box-services h3{font-size: 13px; padding: 5px 10px 5px 5px;}
	.btn_more{font-size: 12px;bottom: 30px; right: 9px;} 
	#combo #content-talleres .box-services .box-serv-img::before{height: 107.19px;}
}
@media (max-width:1024px)AND (orientation: portrait){
	#l-vitrubio{max-width: 670px;}
	.list-unstyled.big-menu-right{top: 400px;}
	#box-content{margin: 340px 0;}
	#services-box{margin-left: 230px;width: 500px;}
	#l-slogan{max-width: 380px; margin: 90px auto 0;}
	#r-logo{max-width: 230px; margin: 0 auto;}
	.title-logo:nth-child(2) {transform-origin: 0% 0%;  transform: translate(-240px, -234px);}
	.title-logo:nth-child(3) {transform-origin: 0% 0%;  transform: translate(239px, -289px);}
	.title-logo:nth-child(4) {transform-origin: 0% 0%;  transform: translate(-271px, -259px);}
	.title-logo:nth-child(5) {transform-origin: 100% 0%; transform: translate(262px, -314px);width: 246px;}
	.title-logo:nth-child(6) {transform-origin: 0% 0%; transform: translate(-206px, -264px);}
	.title-logo:nth-child(7) {transform-origin: 100% 0%; transform: translate(198px, -320px);}
	/*PANEL*/
	#combo .tab-content.col-sm-7{padding: 0 5px 0 10px;}
	.list-menu-lateral li{ font-size: 12px;}
	.tab-pane .list-unstyled li{line-height: 16px; font-size: 14px;}
	.tab-pane#box-img{margin: 15px 0 0 0;}
	.tab-pane#box-brand{margin: 66px 0 0 0}
	.tab-pane#box-mark{margin: 126px 0 0 0}
	.tab-pane#box-medi{margin: 186px 0 0 0}
	.tab-pane#box-coa{margin: 256px 0 0 0}
	.tab-pane#box-eve{margin: 316px 0 0 0}
	#combo .box-services .box-serv-img::before{content: ""; background-color:rgba(0,0,0,0.40); display: block; position: absolute; width: 100%; height: 127.02px;}
	.box-services h3{font-size: 20px; padding: 10px;}
	.btn_more{font-size: 12px;bottom: 30px; right: 9px;} 
	#combo #content-talleres .box-services .box-serv-img::before{height: 149.53px;}
}
@media (min-width:768px){
	header,section#nosotros,section#servicios{min-height:100%}
	header .header-content{text-align:left;padding:0;height:100vh}
	header .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}
	header .header-content .header-content-inner h1{font-size:35px}
	header .device-container{max-width:none;max-height:calc(0vh);margin:100px auto 0}
	#paquetes .box-services h3{font-size: 20px;}
	#content-talleres .box-services h3{font-size: 16px; min-height: 71px;
}
}
footer,section.contact{text-align:center}

@media (min-width:992px){
	header .header-content .header-content-inner h1{font-size:50px}
	
}
@media (max-width:560px){
	#l-vitrubio {max-width: 280px; top: 50px;}
	#l-slogan {max-width: 200px; left: 20px;bottom: 32px;}
	#r-logo {max-width: 140px;right: 10px;bottom: 20px;}
	#servicios-acordeon{z-index: 2; position: relative; margin-top: 0px;}
	header{height: auto;overflow: inherit; padding: 160px 0; background-attachment: fixed;}
	.list-menu-lateral { padding: 20px 20px 0 0;}
	.list-menu-lateral li{text-align:left}
	.box-img-services,#box-serv-imagen { margin: 20px 0 50px;}
	#box-serv-medtre,#box-serv-prod,#prod-bran,#prod-merk,#cap,#event{padding:20px 0 50px;}
	#carousel-servicios h3.title-imagent {font-size: 26px; padding: 0 0 0 30px}
	.item .list-unstyled.left-list{margin: 0 30px}
	.list-unstyled li {margin: 10px 0 10px 15px;font-weight: 100;font-family: Muli,Helvetica,Arial,sans-serif;font-size: 16px;}
	.section#soluciones { padding: 20px 0 50px;}
	/*HOME*/
	.panel-title{text-align: left;}
	.box-menu-lateral,.tab-content{display:none}
	section .serv-box{width:100%}
	.carousel-control{display:block}
	div.serv-box{background-position: right center;padding: 0;}
	#content-talleres h3 {min-height: 45px;padding: 5px 10px 10px;}
	.carousel-control{width:10%}
	.carousel-inner h3.title-imagent{color:#2d2d2b}
	.prod-box{padding: 0;}
	.carousel-control:focus, .carousel-control:hover, .carousel-control{color:#2d2d2b}
	#paquetes .box-services h3{font-size: 17px}
	#content-talleres .box-services h3{font-size: 13px}
	.btn_more{text-shadow: 0 0 10px #000;}
	.box-services h3{padding: 5px 10px 15px;font-size: 16px; width: 100%;width: 100%}
	.btn_more {bottom: 40px;right: 10px; font-size: 15px;}
	#combo>.col-sm-9>.row{margin: 0}
}
@media (max-width:440px){
	.mini-list li .icon-list{display:block; margin: 0 auto 5px;}
	.mini-list li{text-align:center;font-size: 12px;}
	.mini-list a{padding: 0 2px;}
	div.serv-box{height:auto}
	section#soluciones{padding: 20px 0;}
	#contacto h3.title-imagent{padding-left: 15px}
	
}
@media (max-width:380px){
	.box-services h3{font-size: 12px;}
	.btn_more {right: 10px;}
	.tag{font-size: 10px; padding: 5px;}
	#apellido-logo{max-width: 150px; padding: 18px 10px 0}
}
@media (max-width:360px){
	.navbar-default.affix #apellido-logo{display: none}
}
@media (max-height:700px){.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, div.serv-box{height: 550px;}

}

section{padding:100px 0}
section h2{font-size:50px}