@font-face {
    font-family: 'Refrigerator';
    src: url('../fonts/refrigeratordeluxe-heavy-webfont.eot');
    src: url('../fonts/refrigeratordeluxe-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/refrigeratordeluxe-heavy-webfont.woff') format('woff'),
         url('../fonts/refrigeratordeluxe-heavy-webfont.ttf') format('truetype'),
         url('../fonts/refrigeratordeluxe-heavy-webfont.svg#refrigerator_deluxeheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RefrigeratorRegular';
    src: url('../fonts/refrigeratordeluxe-regular-webfont.eot');
    src: url('../fonts/refrigeratordeluxe-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/refrigeratordeluxe-regular-webfont.woff') format('woff'),
         url('../fonts/refrigeratordeluxe-regular-webfont.ttf') format('truetype'),
         url('../fonts/refrigeratordeluxe-regular-webfont.svg#refrigerator_deluxeheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


body, html {
	font-family: 'Oswald', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background-color:#000;
	overflow-x: hidden;
}
h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 36px;
    font-family: 'Refrigerator', sans-serif;
    color: #FFF;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

h3 {
	font-size: 23px;
    font-weight: 700;
    color: black;
}
h4 {
	font-family: 'RefrigeratorRegular', sans-serif;
	font-size: 24px;
	font-weight: 300;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: black;
}
a {
	color: #5b777f;
	transition: all 0.5s;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #f1c40f;
}
.img-centered {
	margin: 0 auto;
	padding-top: 150px;
}
ul, ol {
	list-style: none;
}
.container-fluid{
	max-width: 1400px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 99999;
	height: 100%;
}
#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}
.section-title {
	padding: 30px 0;
}
.section-title h2 {
	font-weight: 400;
}
hr {
	height: 3px;
	width: 60px;
	position: relative;
	background: #FFB400;
	border: 0;
	margin-bottom: 30px;
}

.black {
	color:#000;
}


a img.ficha {
    width: 100%;
}

.desktop {
	display: block;
}
.mobile {
	display: none;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
#contacts-section{
	height:1239px;
}
@media (min-width: 768px) {	
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*buttons menu */
.navbar-nav li.button-menu a{
	padding: 5px 15px;
	margin: 10px 10px !important;
}

.navbar-nav li.button-menu a img{
	width: 20px !important;
	margin-right: 5px;
	margin-top: -4px !important;
}

.navbar-nav li.button-menu a span{
	color: #000;
}

.navbar-nav li.button-menu .btn-td span{
	color: #000;
}

.navbar-nav li.button-menu .btn-cot{
	background-color: #ededed;
}

.navbar-nav li.button-menu .btn-td{
	background-color: #ededed;
}

.navbar-nav li.button-menu .btn-cot:hover{
	background-color: #d20f06;
}

.navbar-nav li.button-menu .btn-td:hover{
	background-color: #d20f06;
}

@media (max-width: 991px) {
	#contacts-section{
		height:1350px;
	}
    .navbar-nav li.button-menu a {
    	margin: 10px 5px !important;
    }
}

@media (max-width: 767px) {
    .navbar-nav li.button-menu {
    	display: none;
    }
}


/*Buttons fixed movil*/
.buttons-fixed{
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 99;
	justify-content: center;
	width: 100%;
}

.buttons-fixed div{
	width: 100px;
	margin: 0 10px;
}

.buttons-fixed div a{
	padding: 10px;
	color: #000;
	display: block;
	text-align: center;

}

.buttons-fixed div a span{
	display: block;
	font-size: 16px;
	margin-top: 5px;
}

.buttons-fixed .btn-td span{
	color: #000;
}

.buttons-fixed .btn-cot{
	background-color: #ededed;
}

.buttons-fixed .btn-td{
	background-color: #ededed;
}

.buttons-fixed .btn-cot:hover{
	background-color: #d20f06;
}

.buttons-fixed .btn-td:hover{
	background-color: #d20f06;
}

@media (max-width: 767px) {
    .buttons-fixed{
		display: flex;
	}
}

/* Navigation */



#menu {
	padding: 10px;
	transition: all 0.8s;
	
}
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.25);
	border-color: rgba(255, 255, 255, 0);
}

.links {
	margin-top: 10px;
	
}


#menu a.navbar-brand {
	/*margin-top:-10px;*/
	margin-left:6px;
}

@media (max-width: 500px) {
	.navbar-brand img{
		/*width: 300px;*/
    	margin-top: -16%!important;
    	margin-left: -13%;
		width:100%;
	}
	.row.centrar{
		margin-left: -15%;
	}
}

#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0px;
	margin-left: -7px;
	font-weight: 500;
}
.navbar-right .dropdown-menu {
    right: -59px;
}

#menu.navbar-default .navbar-nav > li > a:hover {
	color: #d20f06
}
#menu.navbar-default .navbar-nav > li > a:active {
	color: #d20f06;
}
#menu.navbar-default .navbar-nav > li > a:focus {
	color: black;
	background-color: rgba(255, 255, 255, 0.4);
}

.dropdown-menu {
	background-color: rgba(255, 255, 255, 0.4);
	border:none;
}
.social {
	margin-top: 0px;
}
.social ul li {
	display: inline-block;
	margin: 0 0px;
}
 .social i.fa {
	font-size: 15px;
	margin-right: -15px;
	padding: 0px 0px;
	color: #fff;
	transition: all 0.5s;
}

 .social i.fa:hover {
	
	color: #FFB400;
	
}

.on {
	background-color: #000 !important;
	padding: 0 !important;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff !important;
    background-color: #d20f06 !important;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #000;
	border-color: #000;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

@media (max-width: 1200px) {

	.links {
	    margin-top: 0;
	}

    #menu.navbar-default .navbar-nav > li > a{
    	font-size: 13px;
    	/*margin-left: -15px;*/
    }

    #menu a.navbar-brand {
    	/*margin-left: -15px;*/
    }
}



/* Home Style */
header {
	background: url(../img/Portada.jpg) no-repeat top center;
    background-size: cover;
    background-position: center;
    color: #000;
    height: 700px;
    text-align: center;
   /* max-width: 1050px;*/
    margin: 0 auto;
    position: relative;
}
header .headerTriangulo{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: auto;
}
header .headerTriangulo img{
	width: 100%;
	height: 100%;
}
@media (min-width: 1350px) {
	header .headerTriangulo img{
		height: 200px;	
	}
	.tituloHome {
		top: -10px;
	}
}
@media (min-width: 1600px) {
	header .headerTriangulo img{
		height: 120px;
	}
}

area:focus{
	border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
area:active {
	border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tituloHome {
	position: absolute;
	width: 100%;
    max-width: 800px;
    left: 55%;
    top: 20px;
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

}
.sello{
    top: 70%;
    position: absolute;
    width: 100px;
    opacity: 0.5;
    left: 6%;
}
@media (min-width: 1350px) {
	.tituloHome {
		top: -10px;
	}
}
header p {
	color: #d9e0e2;
	font-size: 20px;
	margin-bottom: 80px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.intro-text {
	position: relative;
	font-family: 'Refrigerator', sans-serif;
	padding-top: 15%;
	left: -35%;
	text-align: center;
	z-index: 999;
}
.intro-text H1 {
	font-size: 40px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	margin-top: -2px;
}

.intro-text H2 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

.intro-text H2 a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.bot-intro img{
	width: 70%;
	float:left;
}

.barra img{
	margin: 20px 0 20px 0;
	width: 70%;
	float:left;	
}
#nav{
	display:none;
}

.color {
	color: #f3ca27;
}
.btn-default {
	color: #294d57;
	font-family: 'Open Sans', sans-serif;
	background-color: #f1c40f;
	border: 0;
	margin: 0 8px;
	font-size: 18px;
	transition: all 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #c1a618;
}
.line3{
	padding-bottom: 40px;
}

.intro-text-small {
	font-family: 'Refrigerator', sans-serif;
	padding-left: 10%;
	padding-right: 10%;
	display:none;
	padding-top: 320px;
	z-index: 99;
	
}

.intro-text-small H2 {
	font-size: 16px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;

}

.intro-text-small H1 {
	font-size: 28px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	line-height: 28px;
	margin-top: -5px;
}

.bot-intro-small {
	text-align: center;
	
}

.bot-intro-small img{
	width: 200px;	
}

.blancoLejos{
	margin-top: -2px;
}
/* VIDEO */



#services-section {
	padding: 0px 0 100px 0;
	background-color:#000;
	height: 730px;
	position: relative;
	z-index: 10;
	
}

/*#services-section:before {
	background: url(../img/border-black-top.png)  center no-repeat;
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	right: 0;
	top: -1000px;
	z-index: 10;
}*/


#services-section h4 {
	color: #81969c;
	text-transform: uppercase;
}
#space {
	margin-top: 40px;
}
#services-section i.fa {
	font-size: 40px;
	border: 0;
	width: 100px;
	height: 80px;
	padding: 22px 25px;
	background: #032934;
	margin-bottom: 6px;
	border-radius: 10%;
	color: #f3ca27;
	transition: all 0.5s;
}
#services-section .service:hover>i.fa {
	background: #0b3540;
}

.video {
	height: 500px;
	z-index: 100;
}



/* MODELOS */
#testimonials-section {
	height: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: url(../img/testimonials-bg2.jpg);
	background-size: cover;
	color: #5b777f;
	z-index: 110;
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}

@media (min-width: 1600px) {
	#testimonials-section {
		padding-top: 160px;
	}
}

#testimonial {
	padding: 30px 0;
}
#testimonial2 {
	padding: 30px 0;
}
.tit-left {
	text-align: left;
}

#testimonial h2 {
	color:#666;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}

#testimonial2 .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 400;
	margin: 0 0 30px 0;
}

#testimonial2 .item p {
	font-weight: 400;
	margin: 0 0 30px 0;
}

.modelos {
	margin-left: 0%;
	cursor:pointer;
	
}

.modelos img {
	width: 150px;
	
}

.tit {
	margin-top: 100px;
	text-align:center;
	
}

.colores {
	margin-top: 10px;
	
}

.tit img {
	width: 150px;
}

.colores img {
	width: 355px;
}

.colores2 img {
	width: 270px;
	text-align:center;
}


#image1 img, 
#image2 img, 
#image3 img, 
#image4 img, 
#image5 img, 
#image6 img, 
#image7 img, 
#image8 img, 
#image9 img, 
#image10 img, 
#image11 img, 
#image12 img, 
#image13 img, 
#image14 img, 
#image15 img, 
#image16 img, 
#image17 img, 
#image18 img, 
#image19 img, 
#image20 img, 
#image21 img, 
#image22 img, 
#image23 img, 
#image24 img, 
#image25 img, 
#image26 img, 
#image27 img, 
#image28 img,
#image29 img, 
#image30 img, 
#image31 img, 
#image32 img, 
#image33 img,
#image34 img,
#image35 img,
#image36 img,
#image37 img,
#image38 img,
#image39 img,
#image40 img
{
	width: 450px;
}


/* CARACATERISTICAS */
#about-section {
	padding: 0px 0 0px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: #FFF;
}

.caracteristicas {
	background-color: white;
	position: relative;
	z-index:2;
}
#caracteristicas_header {
	padding-top: 50px;
}
.caract_item {
  padding: 0 !important;
  margin: 0 !important;
  position: relative; }

.caract_item img {
  width: 100%;
   }
.caract_text {
	padding-left: 10%;
    padding-right: 10%;
 	 padding-top: 15%;
}
.caract_text p {
    text-align:justify;  
    text-justify:distribute;
	max-width: 480px;

}
.tituloCaracteristicas {
    font-weight: 700;
    line-height: 1;
    font-size: 2.35714rem;
    color: black;
}
p.disclaimerbco {
    position: relative;
    max-width: 87%;
    text-align: right;
    color: #fff;
    font-size: 12px;
}
p.disclaimerngo {
    position: relative;
    max-width: 100%;
    text-align: right;
    color: #000;
    font-size: 12px;
}
.tituloCar{
	font-size: 36px;
	color: black;
	padding: 10px 0px 20px 0px;
}
.bg-img {
	background: url(../img/bg-about.jpg);
	padding: 250px 0 10px 0;
	background-size: cover;
	background-position: center;
}


#about-section h4 {
	color: #81969c;
	font-size: 20px;
	text-transform: uppercase;
}
#about-section li {
	margin-bottom: 6px;
	list-style: circle;
	padding: 0;
}
#about-section li:before {
	padding-right: 5px;
}



/* FOTOS 
==============================*/

#works-section {
	padding: 150px 0 0 0; /* Old browsers */
	background: url(../img/fotos-bg3.png) no-repeat;
	background-size: 100%;
	background-position:top center;
	position: relative;
	z-index:40;
	/*margin-top: -31px;*/
	height: auto;
}

#works-section i.fa {
	font-size: 30px;
	padding: 5px;
	color: #f1c40f;
}
.categories {
	padding-bottom: 30px;
	text-align: center;
}
#works-section hr {
	background: #a9971c;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	color: #51633d;
	border: 1px solid #f7dc6f;
	padding: 8px 16px;
	border-radius: 3px;
}
ol.type li a.active {
	background: #f7dc6f;
}

ol.type li a:hover {
	background: #f7dc6f;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin-bottom: 30px;
}
.portfolio-item .hover-bg {
	height: auto;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #c0cbce;
	background: rgba(3, 46, 58, 0.8);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 20px;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
.portfolio-modal .modal-content {
	padding: 50px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #000;
}
.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 2.5em;
}
.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
	margin: 10px 0 30px;
	font-size: 14px;
	font-style: italic;
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
	z-index: 40;
}
.portfolio-modal .close-modal:hover {
	opacity: .3;
}
.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #FFF;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.portfolio-modal .btn-primary {
	color: #a7b6ba;
	background-color: #1d434e;
	border-color: #1d434e;
}
.portfolio-modal .btn-primary:hover, .portfolio-modal .btn-primary:focus, .portfolio-modal .btn-primary.focus, .portfolio-modal .btn-primary:active, .portfolio-modal .btn-primary.active {
	color: #a7b6ba;
	background-color: #032e3a;
	border-color: #032e3a;
}





/* CONTACTO */
#contact-section {
	
	padding: 0px 0 20px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	background: #000; 
}
#contact-section hr {
	background: #a9971c;
}
#contact-section h3 {
	font-size: 20px;
	font-weight: 400;
}
#contact-section form {
	padding: 30px 0;
}
#contact-section .fa {
	color: #f8e287;
	margin-bottom: 10px;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	float: left;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
#contact-section .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact-section .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#contact-section .social {
	margin-top: 60px;
}
#contact-section .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact-section .social i.fa {
	font-size: 26px;
	padding: 4px 5px;
	color: #666;
	transition: all 0.5s;
}
#contact-section .social i.fa:hover {
	color: #FFF;
}
#contact-section .btn {
	background: transparent;
	border: 2px solid #fef9e7;
	border-radius: 4px;
	padding: 6px 14px;
	margin-top: 20px;
	color: #fef9e7;
	font-size: 16px;
	transition: all 0.5s;
}
#contact-section .btn:hover, #contact-section .btn:focus {
	background: #fef9e7;
	border: 2px solid #fef9e7;
	color: #5b777f;
}
.cel15 {
	margin-top: 30px !important;
	color: #FFF !important;
}
.clear {
	clear: both;
}
.subtext {
	color: #FFF;
}
.text-danger {
	color: #cc3300;
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	color: #f1c40f;
}
.text-danger ul,
.text-danger li {
	padding: 0 !important;
	margin: 0 !important;
}
.h2-success {
	color: #f1c40f;
}
.contact-show {
}
.contact-noshow {
	display: none;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}

/* Footer */
#footer {
	background: #222;
	padding: 15px 0 10px 0;
	color: #FFF;
	font-weight:500;
	text-align: center;
}
#footer p {
	margin-top: 10px;
}

logo-footer img {
	width: 70%;
	margin: 10px 0;
}

@media (max-width: 980px) {

#works-section {
    padding: 78px 0 0 0;
   /* margin-top: -240px;*/
    background-size: 120% 100%;
}


.caract_text {
    padding-top: 5%;
    padding-bottom: 0%;
    padding-left: 5%;
    padding-right: 4%;

}
#testimonials-section {
	height: auto;
}
.tituloTextoCaracteristicas{
	font-size: 16px;
    margin-top: 6px;
}
.caract_text{
	padding-top: 2%;
}
}
@media (max-width: 768px) {
.content {
	padding: 40% 0 0;
}
.line3{
	padding-bottom: 10px;
}
#contact-section {
	margin-top: 100px;
	padding: 30px 0 20px 0;
}
.caract_text {
    padding-top: 11%;
    padding-bottom: 4%;
  }
#menu.navbar-default {
    background-color: rgba(0, 0, 0, 0);
   }

header {
	background: url(../img/Portada_movil.jpg) no-repeat top center;
	background-size: cover;
	background-position: top center;
	background-color:#000;
	position: relative;
	height: 750px;
	margin-bottom: 60px;
}
.tituloHome {
    top: 20px;
    -ms-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
}
.desktop {
	display: none;
}
.mobile {
	display: block;
}
.intro-text {
	float: left;
	padding-top: 30%;
	left: 30%;
}


#testimonials-section {
	padding: 40px 0;
}

.modelos {
	margin-left: 0%;
	margin-bottom: 20px;
	
}


.modelos img {
	width: 110px;
}

.tit {
	margin-top: 10px;
	float: none;
}

.colores {
	margin-top: 10px;
	float: none;
}


}


@media (max-width: 1024px) {

	a img.ficha {
    	width: 100%;
    	margin-left: 0px !important;
	}
	
}


@media (max-width: 603px) {
	
	p{
    margin: 0 0 40px;
	}
	#menu.navbar-default {
    background-color: rgba(0, 0, 0, 0);
   }
   .tituloHome {
    position: absolute;
    width: 110%;
    max-width: 720px;
    left: 55%;
    top: 70px;
}	

#works-section{
    padding: 128px 0 0 0;
    margin-top: -320px;
    background-size: 120% 100%;
  }

label {
	float: none !important
}
.hover-bg .hover-text {
	padding: 12% 10%;
}


.btn-default {
	
	margin-bottom: 100px;
}
#testimonial #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
	float: none;
}
}

@media (max-width: 480px) {

#interior{
	height: 250px !important;
}

#interior-info{
	height: auto !important;
}

#rendimiento{
	height: 250px !important;
}

#interior-dos{
	height: 150px !important;
}

#seguridad-info{
	height: 900px !important;
}

#seguridad{
	height: 400px !important;
}

#gal{
	height: 250px !important;
}

#works-section {
	margin-top: -116px;
	z-index: 0;
}
.titulo-jeep {
	font-size: 20px;
	text-align: center;	
}
#menu.navbar-default {
    background-color: rgba(0, 0, 0, 0);
   }
   .tituloHome {
    position: absolute;
    width: 110%;
    max-width: 720px;
    left: 55%;
    top: 70px;
}
header {
	margin-bottom: 0px;
}
.tituloHome {
    position: absolute;
    width: 140%;
    max-width: 700px;
    left: 53%;
    top: 70px;
    -ms-transform: translate(none);
    -moz-transform: translate(none);
    -webkit-transform: translate(none);
    transform: translate(none);
}

#image1 img, 
#image2 img, 
#image3 img, 
#image4 img, 
#image5 img, 
#image6 img, 
#image7 img, 
#image8 img, 
#image9 img, 
#image10 img, 
#image11 img, 
#image12 img, 
#image13 img, 
#image14 img, 
#image15 img, 
#image16 img, 
#image17 img, 
#image18 img, 
#image19 img, 
#image20 img, 
#image21 img, 
#image22 img, 
#image23 img, 
#image24 img, 
#image25 img, 
#image26 img, 
#image27 img, 
#image28 img {
	width: 300px;

}

.tit img {
	width: 110px;
}

}

@media (max-width: 414px) {
header {
    background: url(../img/Portada_movil.jpg) no-repeat top center;
    background-size: contain;
    height: 273px;
    margin-top: 75px;
	}
}
.hover-bg .hover-text {
	padding: 22% 10%;
}
.intro-text H1 {
	padding-top: 10px;
}
#menu.navbar-default {
   /* background-color: rgba(0, 0, 0, 1);*/
   }
   .tituloHome {
    position: absolute;
    width: 150%;
    max-width: 720px;
    left: 55%;
    top: 70px;
}

a img.ficha {
    width: 100%;
    margin-left: 0 !important;
}

}

/* 22 feb 2016 */
@media (min-width: 769px) {


input.prefijo {
	font-size: 0.65em !important;
}
.fecha_nac {
	padding: 0.3em !important; margin: 0 !important;
}
.fnac_slash {
	margin: 0 !important; padding:0 !important;
}
.dd {
	padding-right:0 !important;
}
.mm {
	padding-right: 0.3em !important; padding-left: 0.5em !important;
}
.aaaa {
	padding-left:0 !important;
}
.slash {
	margin-top: 5px !important;
	color: #FFF !important;
}
.slash2 {
	margin-left: 0px !important;
}
#text-fnac {
	margin-left: 1em !important;
}
.celular {
	padding-right: 0;
}
.prefijocel {
	padding:0; margin:0;
}
.celulartel {
	padding-left: 0;
}
.titlabel {
	text-align: center;
}


}

ul#nav {
    position: fixed;
    top: 200px;
    right: 0px;
	margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:9999;
}
ul#nav li {width: 59px;}
ul#nav li a {
    display: block;
    width: 268px;
    height: 58px;
	margin-left: -2px;
}
ul#nav .info a {background-image: url(../img/icon-info.png);}
ul#nav .cotizacion a {background-image: url(../img/icon-cotizacion.png);}
ul#nav .test a {background-image: url(../img/icon-test.png);}