@charset "utf-8";

/*
IMM 
BackboneTechnology Bogotá © 2016
Craftman1: Juan Camilo Rondón
Craftman2: Miguel Angel Rozo
*/


/* Generales */

body, .ui-widget{ font-family: 'Source Sans Pro', sans-serif;}
	a img{ border: none; outline: none;}
	*:focus{ outline: none;}
	a{ -webkit-transition: all .75s; transition: all .75s; text-decoration: none;}
	a:hover, a:active, a:focus{ text-decoration: none; }

	#immBody{ position:relative; }
	.greatplacework {
    position: fixed;
    top: 50%;
    z-index: 500;
    width:100px;
}

.terms_conditions{
    
    padding: 60px;
    
}
.careers-intro{
    padding: 50px 50px 10px;
}

.terms_conditions h1{
    
    text-align:center;
    padding:50px;
}



.greatplacework2{

	display:none;
}

#recentNewsInterna-aside{
	margin-top:120px;

}

.openForm{
	margin:auto;
}

.buton_suggestions {
    margin-left: 129px;
}
.buton_contactus {
    margin-left: 152px;
}
.button.button_cs {
    margin: auto;
}

	.col-centered{ float: none; margin: 0 auto; }
	.cols-hold{ font-size: 0; }
	.col-inline{ float: none; display: inline-block; font-size: 16px; vertical-align: top;}
	.container{ margin: 0 auto; padding: 0 40px; }
	.container:after, .container:before{ content: ""; height: 0; clear: both; }
	.smpClear{ clear: both; }
	.closeButton{ position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; }
	.closeButton:after, .closeButton:before{ content: ""; display: block; height: 3px; background: #009844; margin-top: -1px;  -webkit-transition: all .4s; transition: all .4s; position: absolute; top:50%; left: 0; width: 100%; }
	.closeButton:after{ transform: rotate(-45deg);  }
	.closeButton:before{ transform: rotate(45deg);  }
	.closeButton:hover:after, .closeButton:focus:after{ transform: rotate(0deg);  }
.closeButton:hover:before, .closeButton:focus:after{ transform: rotate(0deg); }
.doble-col{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.button{ display: inline-block; vertical-align: top; padding: .6em 1.2em .65em; font-size: 18px;font-weight: 700;   background: none; color: #e13; -webkit-transition: all .75s; transition: all .75s; border: none; line-height: 100%; background-color: #e13; color: #FFF; text-align: center; cursor:pointer;}
.button:hover, .button:active, .button:focus{background-color: #912;color: #fff; }


.button_continue{ display: inline-block; vertical-align: top; padding: .75em 1.5em; font-size: 18px;font-weight: 700;   background: none; color: #8e8e8e; -webkit-transition: all .75s; transition: all .75s; border: none; letter-spacing: 1px; line-height: 100%; background-color: #8e8e8e; color: #FFF; text-align: center; cursor:pointer;}
.button_continue:hover, .button_continue:active, .button_continue:focus{background-color: #b7b7b7;color: #fff; }
.animashion{-webkit-transition: all 1s; transition: all 1s;}
.makeBg{ background-size: cover; background-position: 50% 50%; }

.bigTitle{ font-size: 40px; line-height: 110%; position: relative; font-weight: 700; padding-bottom: 25px; margin: 0; color: #e13;}
	.footerBigTitle{ font-size: 27px; }
	.regularTitle{ font-size: 27px; margin: 0 0 .5em; font-weight: 700; color: #e13; }
	.regularTitle a{color: #e13;}
	.intro{font-size: 30px; font-style: italic; line-height: 125%; color: #e13; font-weight: 300;}
	.texto{ font-size: 16px; line-height: 150%; color: #2e2925; font-weight: 300; }
	.contBox-text .texto{ font-size:20px;}
	.texto h1, .texto h2, .texto h3, .texto h4, .texto h5, .texto h6{ margin:1em 0 .66em; font-weight: 400; color: #e13; } 
	.texto h1{ font-size: 1.66em  }
	.texto h2{ font-size: 1.5em; }
	.texto h3{ font-size: 1.33em; }
	.texto h4{ font-size: 1.2em; }
	.texto h5{ font-size: 1.1em; }
	.texto h6{ font-size: 1em; }
	.texto a{color: #e13;}
	.texto a:hover{ text-decoration:underline;}
	.texto a.button{ color: #FFF; }
	.texto p, .texto ul{ margin: 0 0 .66em; }
	.texto ul{ padding: 0; list-style: none; }
	.texto li{ padding-left:35px; position: relative; margin-bottom: .66em;  }
	.texto li:before{ content: ""; width: 27px; height: 26px; position: absolute; display: block; left: 0; top: 2px; background: url('/media/bullet.png') no-repeat 50% 50%; background-size:contain; }


	/* Forms */
		.regularForm { margin-left: -20px; }
		.regularForm-col { padding:0 0 0 20px; }
		.regularForm-label{color: #2e2925; font-size: 14px; font-weight: 400; line-height: 1.25; display: block; padding-bottom: 5px;}
		.selectSkin select{ appearance:none;-moz-appearance:none; -webkit-appearance:none; background: transparent; border: none; width: 100%; padding: 0; height:40px; background: transparent; font-weight: 300; cursor: pointer; color: #2e2925; padding-right: 35px;}
			.selectSkin{ position: relative; border-bottom: solid 1px #a39d98; margin-bottom: 15px;}
			.selectSkin:after{ content: "\f107"; display: block; position: absolute; top: 0; right: 0; line-height: 40px; font-family:'FontAwesome'; pointer-events: none; width: 30px; color: #a39d98; font-size: 22px;}
		.inputSkin{border: 1px solid #a39d98; border-width: 0 0 1px; margin-bottom: 15px; position: relative;}
			.inputSkin ::-webkit-input-placeholder {color: #a39d98;}
			.inputSkin :-moz-placeholder { color: #a39d98;  }
			.inputSkin ::-moz-placeholder { color: #a39d98;  }
			.inputSkin :-ms-input-placeholder {  color: #a39d98;  }
			.inputSkin input{ background: transparent; border: none; width: 100%; padding: 0; height:40px; background: transparent; box-sizing: border-box; font-weight: 300; color: #333; color: #2e2925;}
			.inputSkin-date input, .inputSkin-time input{ padding-right: 35px; }
			.inputSkin-date:after, .inputSkin-time:after{ content: "\f073"; display: block; position: absolute; top: 0; right: 0; line-height: 40px; font-family:'FontAwesome'; pointer-events: none; width: 30px; color: #999; font-size: 22px;}
			.inputSkin-time:after{content: "\f017";}
		.textareaSkin{ border: 1px solid #a9b0c1; margin-bottom: 15px; }
			.textareaSkin textarea{ border: none; background: #FFF; border-radius: 0; width: 100%;font-weight: 300; box-sizing: border-box; padding: 5px; height: 7em;  }
		.checkSkin{ position: relative; }
			.checkSkin input{ position: absolute; width: 1px; height: 1px; appearance:none;-moz-appearance:none; -webkit-appearance:none; z-index: -1;}
			.checkSkin label{ padding-bottom: 15px; color: #4a4a4a; font-weight: 400; cursor: pointer; }
			.checkSkin a{color: #4a4a4a; text-decoration: underline;}
			.checkSkin .checkSkin-label:before{ content:"\f00c"; display: inline-block; width: 20px; height: 20px; text-align: center; color: #FFF;  font-family:'FontAwesome'; border: 2px solid #a39d98; line-height: 17px; margin-right: 10px; font-size: 12px;}
			.checkSkin input:checked + .checkSkin-label:before{ color: #009844;  }
		.button-holder{ padding: 20px 0; text-align: center; }
		.captcha-holder{ padding: 20px 0; }
		.regularForm .button{ margin-bottom: 20px; }

		.fileSkin{ cursor: pointer; overflow: hidden; display: block; position: relative; clear: both; }
			.fileSkin input{ top: -100px; left: -99999px; position: absolute; opacity: 0; }
			.fileSkin .button{ margin-top: 5px; }
			.fileSkin-inputCol{ padding: 0 0 0 10px; }
			.fileSkin-input{ border: 1px solid #666360; color: #a39d98; font-weight: 300; display: block; height: 45px; line-height: 100%; margin: 5px 0 20px; padding: .75em 1.5em; font-size: 18px;}
			.fileSkin-input.active{ color: #2e2925; }

/* Header */
	#topline{ display:none; }
	#mainHeader{ position: relative; background-color: #fff; box-shadow:1px 1px 0 rgba(0,0,0,.1) }
	#mainLogo{ float: left; position: relative; height: 106px; }
		#mainLogo a{ display: block; position: absolute; top:50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	#mainMenu-top{ position: absolute; top: 0; left: 0; right: 0; text-align: right; height: 50px; }
		#mainMenu-topCont{ width: 1090px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; margin-left: -545px;  }
		.menu-corpItem, .menu-socialItem{ display: inline-block; }
		#mainMenu-social, #mainMenu-corp{ display: inline-block; }
		.menu-corpLink{color: #2e2925; font-size: 14px; display: block; padding: 1em 2em; text-align:center;}
		.menu-corpLink:hover, .menu-corpLink.current{ color: #e13; text-decoration: underline; }
		.menu-socialLink{background-color: #e13; border-radius:50%; font-size: 14px; color:#FFF; width:22px; height:22px; line-height:22px; display:block; text-align:center; }
		.menu-socialLink:hover{background-color: #ec003f; color:#FFF;}
		.menu-socialItem{ margin-left: 5px; }
	#mainMenu{ float: right; font-weight: 300; margin-top: 50px; width: 780px;}
		#mainMenu ul{ list-style: none; margin: 0; padding: 0; }
		#mainMenu-list{ border-top:solid 1px #666; font-size: 0;}
		.menu-item{ display: inline-block; width: 18.181818%; font-size: 17px; vertical-align: top;}
		.menu-item.menu-cart{ width:9.09090909%;  }
		.menu-link{ padding: 1.1em 8px; line-height: 100%; display: block; text-align: left; color: #2e2925; height: 55px; font-weight: 600; }
		.menu-link:hover, .menu-link.active, .menu-link.current{ font-weight: 600;color: #e13;}
		#menuButton, #cartButton{ display: none; }
		#menu-cartLink, #cartButton{ background: url('/media/cart-icon.png') no-repeat 50% 50%; position: relative; }
			#menu-cartLink:hover{ background-color: #eee; }
			#menu-cartLink.active{ background-color: #fff; border: solid 1px #eee; }
			.menu-cartQ{ position: absolute; border-radius: 4px;background-color: #e2231a; bottom: 54%; left: 66%; display: block; padding: 2px 4px; font-size: 12px; color: #FFF; line-height: 100%; font-weight: 400;}
		.submenu{ position: absolute; top: 100%; left: 0; right: 0; background: #FFF;box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); display: none; z-index: 20;}
			.submenu-list{ list-style: none; margin: 0; padding: 0;  }
			.submenu-item{ display: block; float: left; width: 20%; position: relative;}
			.submenu-link{display: block; height: 100px; text-align: center; font-size: 18px; font-weight: 400; line-height: 100%; padding-top: 12px;color: #2e2925;}
			.submenu-link img{ max-height: 76px; display: inline-block; vertical-align: middle; }
			.submenu-link .submenu-iconAct{display: none;}
			.submenu-itemText{ display: inline-block; vertical-align: middle; min-width: 90px; padding: 0 .66em; position: relative; }
			.submenu-itemText:before{ content: ""; width: 30px; position: absolute; bottom: -14px; border-bottom: solid 4px #FFF; left: 50%; margin-left: -15px;}
			.submenu-item + .submenu-item .submenu-link:before{ content: ""; position: absolute; top: 12px; left: 0; height: 76px; border-left: solid 1px #e6e6e6 ;}
			.submenu-item + .submenu-item .submenu-link:hover:before{display: none;}
			.submenu-link:hover, .submenu-link:active, .submenu-link.active{ background: #e13; color: #FFF;font-weight: 400;}
			.submenu-link:hover .submenu-iconAct, .submenu-link:active .submenu-iconAct,  .submenu-link.active .submenu-iconAct{ display: inline-block; }
			.submenu-link:hover .submenu-icon, .submenu-link:active .submenu-icon, .submenu-link.active .submenu-icon{ display: none; }

/* Home */	
	/* Banner */
		.slick-arrow{ position: absolute; top: 50%; margin-top: -25px; z-index: 2; font-weight: 100; font-size: 0; height: 50px; width: 50px; background: transparent; border: none;}
		.slick-arrow:before{ content: ""; font-size: 50px; color: #FFF; position: absolute;top: 0; left: 0; width: 50px; line-height: 50px; text-align: center;  font-family:'FontAwesome'; }
		.slick-next{right: 30px;}
		.slick-prev{left: 30px;}
		.slick-next:before{ content:"\f105"; }
		.slick-prev:before{ content:"\f104"; }

		.mainBanner-pic, .mainBanner-video{ padding-top: 56.25%; position: relative;}
		.mainBanner-videoHold, .mainBanner-pic{padding-top: 56.25%;}
		.mainBanner-videoHold{ overflow:hidden; }
		.mainBanner-video{position: absolute; top:50%; left:0; right:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
		.mainBanner-video video{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%;  }
		.mainBanner-cont{ position: absolute; bottom: 100px; left: 80px; padding:0 40px; z-index: 2; right: 80px;}
		.mainBanner-box{background-color: rgba(99, 22, 33, .7); color: #FFF; padding:1px 30px; width: 54%; max-width: 480px; }
		.mainBanner-item{ position: relative; }
		.mainBanner-box .texto{ color: #FFF; font-size: 20px; font-weight: 300; line-height: 140%; padding-bottom: 15px;}
		.mainBanner-box .bigTitle{ margin-top: -25px; color: #fff;}
		.mainBanner-box .bigTitle:after{ border-color: #FFF; }
		.buttonOut{ margin-bottom: -20px; text-align: left; }
		.buttonOut .button{ display: inline-block; }
		.mainBanner-button .button{ font-style:italic; 
            background: -moz-linear-gradient(left, #912 1%, #e13 100%); 
            background: -webkit-linear-gradient(left, #912 1%,#e13 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#912', endColorstr='#e13',GradientType=1 );
		}
		.mainBanner-button .button:hover{background-color: #e13;color: #fff; }

	/* Latest News */
		#latestNews{ overflow:hidden; }
		#latestNews-mainTitleH{ padding: 40px 10px 40px 40px; }
		.latestNews-data{ margin-bottom: 0; }
		.latestNews-data a{ color: #e13; }
		.latestNews-col{ padding:20px 25px; position: relative; }
		.latestNews-col:nth-child(2) article{transition-delay: .2s;}
		.latestNews-col:nth-child(3) article{transition-delay: .4s;}
		.latestNews-col:nth-child(4) article{transition-delay: .6s;}
		.latestNews-col:before{ content: ""; position: absolute; top: 20px; left: 0; bottom: 20px; border-left: solid 1px #e6e6e6;  }

	/* Productos home */
		#productosHome{ background-color: #f8f8f8; padding: 80px 0;  }
		.productosHome-intro{ padding: 0 4% 20px; }
		#productosHome-title{ padding: 10px 0 40px 70px; }
		.prodHome-canvas{padding:1px 30px; height: 250px; margin-top: 150px; position: relative; padding-top: 120px;}
		
		
		
		.prodHome-pic{ bottom: 120px; left: 30px; right: 25px; position: absolute; }
		.prodHome-pic img{ max-height: 250px; max-width: 100%; margin: 0 auto; display: block;}
		.prodHome-title{ padding: 0 35px; position:relative; z-index:2; }
		.prodHome-text{ background-color: #fff; padding: 17px 35px 1px; float: left; }
		.prodHome-text .buttonOut{ margin-top: 20px; }
		.prodHome-art{ padding-bottom: 40px; }

	/* Our Brands */
		#ourBrands { padding:0 0 60px;  }
		#ourBrands .container{ background: #f8f8f8; }
		#ourBrands-slider{ clear: both; padding: 30px 0 0; margin-bottom: -30px;}
		.ourBrands-item{ padding: 0 10px 10px; }
		.ourBrands-item a{ background: #FFF; display: block; position: relative; width: auto; height: 220px; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); }
		.ourBrands-item img{ max-width: 70%; max-height: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
		#ourBrands .contBox-canvas{ padding-bottom: 1px; }
		#ourBrands .slick-arrow:before { color: #e13; }
		#ourBrands .slick-prev{ left: -50px; }
		#ourBrands .slick-next{ right: -50px; }

/* contBox */
	.contBox-section{ padding: 50px 0; }
	.contBox-section.noPaddingtop{ padding-top: 0; }
	.contBox-canvas{ padding: 30px 30px 200px; background-color: #f8f8f8; position: relative;}
	.contBox-title{ float: left; width: 40%; padding: 0 20px 0 40px;}
	.contBox-resume{ float: left; width: 60%; }
	.contBox-text{ padding: 40px 30px 1px; background: #FFF;box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); margin: -190px 45px 40px; position: relative;}
	.contBox-pic{ display: none; z-index: 5;}
	.contBox-pic img{ max-width: 100%; }
	.contBox-text .texto{ padding-bottom: 20px; }
	
	.contBox-red .contBox-canvas{ background: #912; 
    	background: linear-gradient(left, #912 1%, #e13 100%);
        background: -moz-linear-gradient(left, #912 1%, #e13 100%);
        background: -webkit-linear-gradient(left, #912 1%,#e13 100%); 
        background: linear-gradient(to right, #912 1%,#e13 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#912', endColorstr='#e13',GradientType=1 ); }
	.contBox-red .bigTitle{ color: #FFF; }
	.contBox-red .bigTitle:after{ border-color: #FFF;}
	.contBox-red .intro{ color: #FFF; }
	.contBox-red .button{ background: #e13; }
	.contBox-red .button:hover{ background: #912; }

	.contBox-green .contBox-canvas{ background-color: #222; }
	.contBox-green .bigTitle{ color: #FFF; }
	.contBox-green .bigTitle:after{ border-color: #FFF;}
	.contBox-green .intro{ color: #FFF; }
	.contBox-green .button{ background: #e13; color:#fff;  }
	.contBox-green .button:hover{ background-color: #912; color: #fff;}
	.contBox-green .contBox-canvas{ padding-bottom: 40px; }

	.contBox-home .contBox-pic{ display: block; position: absolute; left: -30px; top: 100%; margin-top: -160px; max-width: 50%; }
	.contBox-home .contBox-text{ float: right; width: 55%; padding-left: 10%; }
	.contBox-home .intro{ padding-left: 8.5%; }

	.contBox-left .contBox-resume{ clear: both; padding:0 40px 15px; width: 46%; }
	.contBox-left .contBox-text{ width: 54%; padding-right: 90px; }
	.contBox-left .contBox-pic{ display: block; position: absolute; right: -30px; bottom: 90px; margin-top: -160px; max-width: 50%; }

	.contBox-right .contBox-resume{ clear: both; padding:0 40px 15px; width: 50%; float: right; padding-left: 25px; }
	.contBox-right .contBox-title{ float: right; width: 50%; padding-left: 25px; }
	.contBox-right .contBox-text{ width: 53%; padding-left: 100px; float: right; }
	.contBox-right .contBox-pic{ display: block; position: absolute; left: -30px; bottom: 90px; margin-top: -160px; max-width: 50%; }

	.contBox-button .button{ display: block; text-align: center; }
	.contBox-small .contBox-canvas{padding-bottom: 40px;}
	.contBox-small .intro{ padding-bottom: 20px; }

/* Footer servicios */
	#footer-service{ padding: 30px 0 50px; }
	#footer-serviceTitle{ padding-top: 50px; }
	#footer-serviceBox .contBox-canvas{ padding: 20px 30px; }
	#footer-serviceButton .button{ background: #FFF; color: #e13; display: block; }
	#footer-serviceButton .button:hover{ color:#912;}
	#footer-serviceButton{ padding-top: 50px;}

/* Footer */
	.footer-col{ padding: 0 0 20px; }
	.footer-col + .footer-col{ padding-left: 20px; }
	#subscribe{ padding: 30px 50px; background: #f8f8f8; }
	#footer-social{ padding: 30px 50px; background: #f8f8f8; }
	#footer-socialCont{ margin-top: 30px; font-size: 0; }
	#footer-socialCont .fa{ display: inline-block; vertical-align: middle; width: 48px; height: 48px; border-radius:50%; margin-right: 15px; font-size: 22px; text-align: center; line-height: 50px; background: #e13; color: #fff; margin-bottom:5px; }
	#footer-socialCont .fa:hover{ background:#912;}
	#footer-legal{ background-color: #f8f8f8; padding: 1em; }
	#footer-legal .container{ padding: 0 10%; }
	.footer-legalLink{ font-size: 14px; font-weight: 300; color: #2e2925; float: left; }
	.footer-legalLink p{ padding-right: 2em; }
	.footer-legalLink > *{ display: inline-block; margin: 0; }
	.footer-legalLink > a{  color: #2e2925; padding-left: 2em; border-left: solid 1px #666; }
	.footer-legalLink > a:hover{text-decoration: underline;}
	#backbone{ float: left; width: 25px; height: 25px; display: block; margin-left:125px;  }
	#backbone:hover{ opacity: .5; }
    .DiscountLevel{
        display: inline-block;
    }

/* Productos Interna */
	/* Productos Cabezote */
		#productosHead{ position: relative; }
		#productosHead-pic{ padding-top: 33.333%; }
		#productosHead-cont{ top: 50%; left: 0; right: 0;  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); position: absolute;}
		#productosHead-menu{position: absolute; top: 100%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); left: 0; right: 0;}
		.submenu-productos{ background: #FFF; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05);}
	
	/* Productos contenido */
		#productos{ background-color: #f8f8f8; }
		#productos-cont{ padding-top: 100px; padding-bottom: 40px; }
		#productos-intro{ padding: 0 100px 40px; }
		#productosAside{ background-color: #222; padding:100px 0; -webkit-transition: all .4s; transition: all .4s;}
		.col-productosAside{ padding:0 0 0 20px; position: static; }
		.productosAside-container{ margin-left: -20px; position: relative;}
		.productosAside-box{ background: #FFF; padding: 40px; padding-right: 60px;  }
		.productosAside-cont{ padding:0 0 20px 30px; }
		.productosAside-form{ position: absolute; top: 100%; left: 20px; right: 0; background: #FFF; padding:60px 60px 50px; z-index: 2; margin-top: 30px; display: none; }
		.productosAside-form#formB:before{ left: 75%;  }
		.productosAside-form:before{ content: ""; position: absolute; bottom: 100%; border:solid 20px transparent; border-bottom: solid 21px #FFF;  left: 25%; margin-left: -20px;  }
		.lastCheck{ padding: 20px 0; }
		.lastButton{ padding: 15px 0 0; }
		.captcha{ padding: 15px 0; }

/* Business */
	#business-cont{ padding: 20px 0 0; }
	.benefits-list{ background-color: #f8f8f8; padding: 60px 50px 30px;}
	.benefits-intro{ padding-bottom: 50px; }
	.benefits-pic{ text-align: center; padding: 30px;}
	.benefits-pic img{ max-width: 100%; max-height: 90px; }
	.benefits-canvas{ background: #FFF; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); height: 150px;}
	.benefits-text .regularTitle{ padding: 0 30px; }
	.benefits-text{ padding: 35px 40px 40px 0; }
	.benefits-text .texto{ padding: 20px 30px; background-color: #efefef;}

/* Careeres */
	.careers-menu .submenu-item{ width: 50%; }
	#careers-cont{ padding-top: 50px; }
	.contBox-section + .contBox-section{ padding-top: 1px; }
	#careersList{ background: #FFF; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); padding: 30px 30px 50px;}
	#careersFilter{ padding-bottom: 25px; }
	#careersFilter .selectSkin{ border: 1px solid #e7e6e6; background: #f8f8f8; padding: 0 25px;}
	#careersFilter label{ display: block; padding: 0 25px 5px; font-size: 16px; font-weight: 400; color: #2e2925;}
	.careersArt{ padding: 25px; border-bottom: solid 1px #e6e6e6; }
	.careersArt-Data{ font-weight: 300; color: #e13;font-size: 0;}
	.careersArt-Data a{ color: #e13; display: inline-block; font-size: 16px; padding: 0 5px 1px 0; line-height: 100%; }
	.careersArt-Data a:hover{text-decoration: underline;}
	.careersArt-Data a + a{ border-left: solid 1px #e13; padding-left: 5px;}
	.careersArt-title{ margin-top: .33em; }
	.careers-artButtons ul{ list-style: none; margin: 0; padding: 0; display: inline; }
	.careers-artButtons li{ display: inline-block; margin: 0 5px 0 0; }
	.careers-artButtons .fa{ border: 1px solid #e7e6e6; display: block; height: 40px; width: 40px; line-height: 40px; color: #a39d98; text-align: center; font-size: 24px; }
	.careers-artButtons a{ margin-bottom: 5px;  }
	.careers-artButtons .fa:hover,
	.careers-artButtons .fa:active{ color: #009844  }
	.careers-artButtons .button{ height: 40px; padding: .66em 1em; font-weight: 600; }
	.careers-box .contBox-canvas{ padding-bottom: 30px; }
	#careerDetail{}
	.careerDetail-subCanvas{background: #FFF; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); padding: 40px 50px 200px; margin-top: 0;}
	.careerDetail-back{ padding: 10px 0 40px; }
	.careerDetail-back a{color: #009844; font-size: 16px; text-decoration: underline;}
	.careerDetail-title{ padding:5px 0 0; }	
	.careerDetail-share{ text-align: right; padding: 0; }
	.careerDetail-data{ margin: 2em 0 0; padding: 0;}
	.careerDetail-data li{ display: inline-block; font-weight: 400; font-size: 18px; padding-right: 2em; }
	.careerDetail-data li + li{ padding-left: 2em; border-left: solid 1px #e6e6e6;}
	.careerDetail-data b{ color: #009844; font-weight: 400; }
	.careerDetail-text{ float: right;  padding: 2em 0 0; }
	.careerDetail-text .texto{background: #efefef; padding: 40px 35px;}
	.careerDetail-text .texto li:before{ background-color: #009844; }
	.careerDetail-box .contBox-canvas{ padding-bottom: 40px; }

/* Customer service */
	/* Landing */
		#customerHead-cont .mainBanner-button{ text-align: center; }
		#servicesHead{ position: relative; }
		#servicesHead .makeBg{ padding:130px 0 170px;  }
		#customerHead-cont .mainBanner-box{ width: auto; max-width: none;}
		#customerHead-cont .mainBanner-button{ padding: 20px 0 0; clear: both; }
		#customerHead-cont .mainBanner-button .button{ margin: 1em 1em; }
		#customer-intro{ padding: 100px 40px 50px; }
		#service-list .prodHome-canvas{ margin-top: 0; padding-top: 20px; }
		#service-list .prodHome-pic{ width: 40%; float: left; position: static; padding: 0 0 25px 35px; }
		#service-list .prodHome-pic img{ max-height: 110px; }
		#service-list .prodHome-title{ width: 60%; float: left; position: static; padding-top: 15px; }
		#service-list .prodHome-art{ padding-bottom: 60px; }
		#services{ background: #f8f8f8; margin-bottom: 35px; }
		.mainBanner-box .intro{ color: #FFF; padding-top: 15px; }
		.services-menu .submenu-item{ width: 25%; }
		.services-menu .submenu-itemText{ max-width: 54.25%; padding-right: 0; }
		.services-content{ padding-top: 100px; }
	/*Complains*/
		.contBox-form .contBox-text{ margin: 0; clear: both; border: 1px solid #e7e6e6; box-shadow: none; }
		.contBox-form .contBox-resume{ padding-bottom: 30px; }
		.contBox-form .contBox-canvas{ padding-bottom: 35px; }
	/*Faq*/
		.faq-categories{ clear: both; padding:20px 20px 20px 30px; }
		.faq-categoryList{margin: 0; padding: 0; list-style: none; font-size: 0;}
		.faq-categories .regularTitle{ padding-bottom: 10px; }
		.faq-categoryList li{ padding:0 10px 10px 0; }
		.faq-categoryList a{ font-size: 18px;color: #2e2925; background: #FFF; line-height: 100%; padding-top: 12px; height: 46px; overflow: hidden; white-space: nowrap; display: block; text-align: center; }
		.faq-categoryList a:hover, 
		.faq-categoryList a:active,
		.faq-categoryList a.active{color: #009844; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05);}
		.contBox-faq .contBox-text{ margin: 0;  }
		.faq-search{ position: relative; }
		.faq-search .inputSkin{ border: 1px solid #e7e6e6; background: #FFF; }
		.faq-search .inputSkin input{ padding: 0 10px; }
		.faq-search:after{ content: "\f002"; position: absolute; top: 0; right: 0; bottom: 0; width: 6.666%; background: #e13; font-family:'FontAwesome'; color: #FFF; line-height: 40px; min-width: 40px; font-size: 20px; text-align: center;} 
		.faq-searchBtn{ position: absolute; top: 0; right: 0; bottom: 0; text-align: center; height: 40px;  min-width: 40px; width: 6.666%; z-index: 2;}
		.faq-searchBtn input, .faq-searchBtn a{ display: block; width: 100%; height: 100%; border: 0; background: transparent;}
		.contBox-faq .contBox-canvas{ padding-bottom: 50px; }
		.contBox-faq .contBox-text{ margin-top: 40px; }
		.contBox-faqList{ list-style: none; margin: 0; padding: 0; }
		.contBox-faqTitle{ margin: 0; }
		.contBox-faqLink{ padding: 1em 4em 1em 2em; font-size: 20px; font-weight: 400;line-height: 25px;color: #2e2925; display: block; position: relative; border-bottom: solid 1px #e7e6e6; }
		.contBox-faqLink:active, .contBox-faqLink:focus{color: #2e2925;}
		.contBox-faqText{ border-bottom: solid 1px #e7e6e6; }
		.contBox-faqLink.active, .contBox-faqLink:hover{ border-bottom-color: #e13; color: #2e2925;}
		.contBox-faqLink:after{content: "\f107"; position: absolute;font-weight: 100; color: #a39d98; position: absolute; top: 50%; right: 2em; font-family:'FontAwesome'; font-size: 24px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
		.contBox-faqLink:hover:after{color: #e13;}
		.contBox-faqLink.active:after{ content: "\f106"; color: #e13;}
		.contBox-faqCont .texto{ padding: 20px 40px 40px; line-height: 175%;}
		.contBox-faqText .button{ margin: 10px 10px 10px 0; }
		.contBox-faqText p{ margin-bottom: 1.25em; }
		.contBox-faqText{ display: none; }
		.contBox-faqMore{ padding: 30px 0 40px; text-align: center; }
		.contBox-faqMore .button{ margin: 0; }

/* News landing */
	#newsFeatured-mainTitle{ padding:0 100px 20px; }
	#news-featured{ background-color: #f8f8f8; padding: 60px 0 30px; }
	.newsFeatured-pic{ height: 275px; background: rgba(0,0,0,.02) url(/media/noimage1.png) no-repeat 50% 45%; }
	.newsFeatured-col:nth-child(even) .newsFeatured-pic{ background-image: url(/media/noimage2.png); }
	.newsFeatured-col{ padding: 0 8px 30px; }
	.newsFeatured-pic .makeBg{ width: 100%; height: 100%;  }
	.newsFeatured-texto{ background: #FFF; box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05); margin: -70px 15px 20px; padding: 20px 30px;}
	.newsFeatured-title{ font-size: 20px; }
	.latestNews-data{ font-size: 16px; margin-bottom: .5em; }
	.newsFeatured-title{ font-size: 20px; }
	.newsFeatured-texto .texto{ font-size: 14px; }

	#recentNews{ padding: 60px 0 30px; }
	#recentNews-col{ padding: 0 30px 20px 0;  }
	.recentNews-title{ padding: 0 40px 10px; }
	.recentNews-filLabel label{ color: #2e2925; font-size: 16px; font-weight: 400; display: block; padding-top: 8px; line-height: 100%;}
	.recentNews-filSelect .selectSkin{ padding: 0 20px; background-color: #f8f8f8; border: 1px solid #e7e6e6;}
	.recentNews-filLabel{ padding: 0; }
	.recentNews-filter{ padding-bottom: 20px; }
	.recentNews-art{ padding: 25px 30px 15px; border-bottom: solid 1px #e7e6e6; }
	.recentNews-pager{ text-align: right; padding: 20px 0; }
	.recentNews-pager a{ color: #912; display: inline-block; height: 26px; width: 22px; text-align: center;line-height: 26px;}
	.recentNews-pager a:hover, .recentNews-pager a:active{ background: #e13; color: #FFF; }
	#recentNews-aside{ padding: 0; }
	.facebook-box, .twitter-box{ padding: 0; }
	.facebook-box{ text-align: center; padding-bottom: 20px; }
	#regularTitle{ padding-left: 0; }
	.followButton{ padding-right: 0; text-align: right; }

/* News article */
	#newsInt .mainBanner-pic{ padding-top: 33.333%; }
	#newsInt-canvas{ max-width: 940px; padding: 60px 0; margin: 0 auto; }
	#newsInt-share{ position: absolute; top: 60px; right: 0; }
	#newsInt-Head{padding: 20px 200px 20px 0; position: relative; }
	#newsInt-texto{ padding-bottom: 20px; }
	#newsInt-texto .texto img{ display: block; margin: 2.5em auto; max-width: 100%; max-height: 580px; }
	#newsInt-texto .texto li:before{ background-color: #e13; }


/* Idioma */
	#cambioIdioma{ background:#e13; text-align:center; position:relative; z-index:1000; padding:5px 50px;}
	#cambioIdioma .intro{ display:inline-block; color:#FFF; margin: 1em 1em; font-size:20px;}
	#cambioIdioma .button{ background:#FFF; color:#e13; margin:1em 0.5em; padding:0.33em 1.5em;}
	#cambioIdioma .button:hover{background:#FFF; color:#912;}

.greatplacework img {
    width: 100%;
}



/* Producto shop */
	#immProduct{ padding: 20px 30px; background-color: #f8f8f8; margin-bottom: 30px;}
	.prodBreadcrumb-link{color: #912;font-size: 16px;font-weight: 300; float: left;}
	.prodBreadcrumb-link .fa{ font-size: 20px; margin-right: 10px; }
	#prodCart-button{ float: right; }
	#prodMainCol{ padding: 0; margin-bottom:30px; }
	
	/*Prod Gallery */
		#prodGallery{ padding: 0 20px 0 0; margin-bottom: 40px; position:relative;}
		.prodGallery-mainPic{ background:#fff;  box-shadow: 0 3px 5px rgba(46, 40, 36, 0.05);border: 1px solid #eee; padding: 10px 0; float: left;  float: left; width:84%; }
		.prodGallery-mainPic img{ display: block; margin: 0 auto; max-width: 100%; max-height:420px; }
		.prodGallery-pager{ width: 13%; float: right; position:absolute; top:0; right:20px; bottom:0; }
		#prodGallery .slick-arrow{ position:absolute; left:0; right:0; height:28px; background:#222; margin:0; width:100%; z-index:3;}
		#prodGallery .slick-arrow:hover{ background: #e13;}
		#prodGallery .slick-arrow:before{ display:none; }
		#prodGallery .slick-prev{ top:0;}
		#prodGallery .slick-next{ bottom:0; top: auto;}
        #prodGallery .slick-arrow:after{ position: absolute; top:50%; left:50%; border: solid 4px transparent; content:""; width:0; height:0; margin-top:-2px; margin-left:-4px; }
        #prodGallery .slick-prev:after{border-bottom-color:#FFF; border-top:0; }
        #prodGallery .slick-next:after{border-top-color:#FFF; border-bottom:0; } 
        .prodGallery-scrollr{ position:absolute; top:0; left:0; right:0; bottom:0;}
		.prodGallery-scrollr.slick-initialized{ padding-top:30px; padding-bottom:30px; overflow:hidden;}
	

	.prodGallery-item{ display: block; background: #FFF; border: 1px solid #eee; box-shadow: 0 3px 5px rgba(46, 40, 36, 0.05); padding-top: 100%; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; margin-bottom: 20px;}
	#prodIntro .regularTitle{ margin-bottom: 0; }
	#brandIntro{ font-weight: 600; font-size: 16px; }
	.prodDetails-text{ margin: 0; clear: both;}
	#prodIntro{ padding-bottom: 40px; }
	#prodDetails-title{ padding-left: 40px; }
	#prodDetails{ padding-bottom: 40px; padding-top: 30px; }

	#prodCart{background:#fff; max-width: 420px; box-shadow: 0 3px 5px rgba(46, 40, 36, 0.05);border: 1px solid #eee; padding: 0; position: fixed; right: 0; top: 90px; bottom: 0; overflow: hidden; z-index: 10; min-width: 320px; display: none;}
	#prodCart-scrol{ position: absolute; top: 85px; bottom: 0; left: 0; right: 0; overflow: auto; }
	#prodCart-head{ padding: 20px 20px 10px; border-bottom: solid 1px #CCC;}
	.prodCart-titleHold{ padding: 0; }
	.prodCart-titlePrice{ padding: 0; }
	.prodCart-title{ color: #333; font-size: 20px; margin: 0; }
	.prodCart-count{ font-weight: 300;  }
	#prodBreadcrumb{ padding-bottom: 15px; }
	.prodCart-titlePrice{ font-size: 24px; color: #e13; text-align: right; }
	#prodCart-list{ padding: 0 20px; margin: 0; list-style: none;}

	#prodCart-list .checkOut-erase{ position:absolute; top:10px; right:0; }

	.prodCart-item{ border-bottom: solid 1px #eee; padding: 15px 0; position: relative; }
	.prodCart-pic img{ max-width: 100%;  }
	.prodCart-pic{ float: left; width: 30%; }
	.prodCart-details{float: left; width: 70%; padding-left: 10px; padding-right:35px;}
	.prodCart-item .prodCart-title{color: #e13; font-size: 18px;}
	.prodCart-brand{ font-weight: 600; font-size: 14px; margin: 0 0 5px; line-height:100%;}
.prodCart-brand span{ display:block; font-weight:300; line-height:100%; }
	.prodCart-item .regularTitle{ text-align: right; font-size: 21px; position: absolute; bottom: 15px; right: 0; margin: 0; }
	.inputSkin.inputSkin-q{ border: solid 1px #e13; position: relative; width: 75px; margin: 0; display:inline-block;  }
	.inputSkin.inputSkin-q input{ height: 36px; text-align: center; padding-right: 35px; padding-left: 5px; font-size: 16px; }
	.inputSkin-qUp, .inputSkin-qDown{ position: absolute; right: 0; width: 30px; background: #e13; display: block; height: 50%;}
	.q-update{ display:inline-block; vertical-align:middle }
	.q-update a{width:35px; height:35px; background:url('/media/icon-refresh.png') no-repeat 50% 50%; display:block;}
	.inputSkin-qUp{ top: 0; }
	.inputSkin-qDown{ bottom: 0; }
	.inputSkin-qUp:after, .inputSkin-qDown:after{ content: ""; position: absolute; top: 50%; margin-top: -3px; margin-left: -4px; border: solid 4px transparent; left: 50%; }
	.inputSkin-qUp:after{ border-bottom-color: #FFF; margin-top: -4px;}
	.inputSkin-qDown:after{ border-top-color: #FFF; }
	#prodCart-form{ padding:5px 20px;   }
	#prodCart-totales{ background: #EEE; padding:10px 20px; border-top: solid 1px #ddd; }
	.prodCart-totalList{ margin: 0; padding: 0 0 15px; }
	.prodCart-totalList dt, .prodCart-totalList dd{ float: left; height: 20px; width: 50%; font-weight: 300; color: #444; margin: 0; }
	.prodCart-totalList dd{ float: right; text-align: right;}
	.prodCart-totalList .prodCart-totalVal,
	.prodCart-totalList .prodCart-totalPrc{ font-size: 24px; color: #e13; margin: 5px 0 0; height: auto;}
	#prodCart-totales .button{ display: block; clear: both;}
	#improve-posts{ padding-top: 30px; }
	.superButton{ display: block; font-weight: 400; padding: 1.5em; cursor: default; }
	.superButton-precio{ padding: 0; text-align: left; font-size: 24px; }
	.superButton-units{ padding: 0; text-align: right; font-weight: 300; font-size: 16px; }
	#policiesPic{ padding: 0 10px 10px; }
	#policiesPic img{ max-width: 100%; }
	#policiesIntro{ padding-bottom: 15px; }

	#cartButton{ position: absolute; top: 60px; right: 0; }

	.inline-cols{ font-size: 0; }
	.inline-col{ float: none; display: inline-block; vertical-align: middle; font-size: 14px; }

	.checkOut-canvas{background-color: white;
box-shadow: 5px 5px 12px rgba(46, 40, 36, 0.05);}
	.productOptions .inputSkin.inputSkin-q{ width: 100%;  }
	.productOptions-price{ padding-top: .9em; text-align: right; color:#e13 !important; }
	.productOptions .lastButton{ text-align: center; padding-top:20px; }
	.productOptions{ padding-top: 1em; }
	.productOptions .regularForm-label{ color: #912; }
	.productOptions .button{ display: block; max-width: 320px; margin: 0 auto; }
	.checkOut-th{color: #2e2925; color: #2e2925; line-height: 120%; padding: 20px 0; white-space: nowrap;}
	.checkOut-thead{ padding: 10px 50px 0; border-bottom: solid 1px #e2e2e2;}
	.checkOut-tbody{ padding: 0 50px; }
	.checkOut-tpic img{ max-width: 90%; display: block; max-height: 75px;  }
	.checkOut-trow{ padding: 10px 0;  }
	.checkOut-trow + .checkOut-trow{ border-top:solid 1px #e2e2e2;  }
	.checkOut-td{ padding: 0; text-align: center; }
	.checkOut-tdata .prodCart-title{color: #009844;}
	.prodCart-desc{ font-size: 14px; }
	.price{ font-size: 16px; color: #009844;}
	.checkOut-th{ text-align: center; }
	.checkOut-thDetails, .checkOut-tdata{ text-align: left; }
	.checkOut-tpriceQ .inputSkin-q{ margin: 0 auto; }
	.checkOut-erase{ display: inline-block; width: 40px; height: 40px; background: url('/media/icon-delete.png') no-repeat 50% 50%;  }
	#prodCart-totales{ padding: 10px 50px 5px; border: 1px solid #ddd;  }
	#prodCart-totales .col-centered{ padding: 0; }
	.checkOut-tright{ text-align: right; }

	#prodCart-totales .prodCart-totalVal, 
	#prodCart-totales .prodCart-totalPrc{
		font-size: 18px;font-weight: 600; margin-top: 0;
	}

	#checkOut-customer{ padding: 40px 30px 10px; }
	#checkOut-form{ padding: 10px 70px; }
	#checkOut-customerIntro{ font-size: 20px; padding:0; }
	#checkOut-form .lastButton{ text-align: center; padding-top: 20px; }

    /* Close cart button */
    .prodCart-headClose{ display: block; width: 20px; height: 20px; border-radius: 4px; font-size: 14px; line-height: 20px; text-align: center; background: #e2231a; color: #fff; position: absolute; top: 0; right: 0; }
	.prodCart-headClose:hover{ color: #fff; }



/* ==========================================================================
   @MEDIA QUIERIES
   ========================================================================== */
@media (min-width: 1200px) {

}

@media (max-width: 1400px) { 

	/* Productos Interna */
		#productosHead-pic{ padding-top: 40%; padding-top: 470px;}
}

@media (max-width: 1199px) { 
	/* Generales */
		.bigTitle{ font-size: 35px; }
		.regularTitle{ font-size: 27px;}
		.footerBigTitle{ font-size: 24px; }
	/* Header */
		#mainMenu{ width: 660px; }
		#mainMenu-topCont{ width: 890px; margin-left: -445px;  }
		#mainLogo img{ max-height:70px;}
		.submenu-link{display: block; height: 70px; }
		.submenu-link img{ max-height: 50px; }
		.submenu-item + .submenu-item .submenu-link:before {height: 50px;}
		.submenu-itemText:before{ border-bottom-width: 3px; bottom: -10px; }
	/* Banner */
		.mainBanner-box{ width: 66.6666%; }
		.mainBanner-box .bigTitle{ margin-top:-18px;  }
		.mainBanner-box .texto{ font-size: 18px; }
		.mainBanner-cont{ bottom: 60px; }
	/*Latest News */
		#latestNews-mainTitleH{ padding-bottom: 1px }
		.latestNews-col article{ padding: 0 30px; }

	/* ContBox */
.intro{ font-size: 26px; }
		.contBox-left .contBox-title{ width: 50%; }
		.contBox-left .contBox-resume{ width: 50%; }

	/* Productos Interna */
		#productosHead-pic{ padding-top: 46.75%; padding-top: 470px;}
		#productosAside{ padding: 80px 0; }

	/*Careeer details*/
		.careerDetail-data li{ font-size: 18px; padding-right: 1em; }
		.careerDetail-data li + li{ padding-left: 1em; }

	/* News article */
		#newsInt .mainBanner-pic{ padding-top: 46.75%; }
		#recentNews-col{ padding-right:0;}

	/* Productos Interna */
		

}

@media (min-width: 992px) {

	#mainMenu{ display: block !important; height: auto !important; }

	.csstransitions #immBody{ overflow:hidden; }
	
	/* Productos */
		.csstransitions .prodHome-canvas.animashion{opacity: 0;-webkit-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px); -webkit-transition: all .75s; transition: all .75s;  }
		.csstransitions .col-inline:nth-child(even) .prodHome-canvas.animashion{-webkit-transform: translateX(80px);-ms-transform: translateX(80px);transform: translateX(80px);}
		.csstransitions .prodHome-canvas.animashion.ThisHalfAlFondo, .prodHome-canvas.animashion.ThisHalfAlMedio{opacity: 1; -webkit-transform: translateX(0) !important;-ms-transform: translateX(0) !important; transform: translateX(0) !important;}

	/* Animaciones */
        .csstransitions .animashion.anima-left{ opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);  }
        .csstransitions .animashion.anima-right{opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
        .csstransitions .animashion.anima-bottom{opacity: 0; -webkit-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); }
        .csstransitions .animashion.anima-left.ThisBottomAlFondo,
        .csstransitions .animashion.anima-right.ThisBottomAlFondo,
        .csstransitions .animashion.anima-bottom.ThisBottomAlFondo{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

	/* Animeshions contBox */
		.csstransitions .contBox .bigTitle.animashion{ opacity:0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
		.csstransitions .contBox .contBox-resume.animashion{ opacity:0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);}

		.csstransitions .contBox.contBox-home .contBox-text.animashion{ opacity:0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);}
		.csstransitions .contBox.contBox-home .contBox-pic.animashion{opacity:0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);}

		.csstransitions .contBox.contBox-left .contBox-resume.animashion{opacity:0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
		.csstransitions .contBox.contBox-left .contBox-text.animashion{opacity:0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
		.csstransitions .contBox.contBox-left .contBox-pic.animashion{opacity:0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

		.csstransitions .contBox.contBox-right .bigTitle.animashion{opacity:0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
		.csstransitions .contBox.contBox-right .contBox-text.animashion{opacity:0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
		.csstransitions .contBox.contBox-right .contBox-pic.animashion{opacity:0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }

        .csstransitions .contBox .bigTitle.ThisHalfAlFondo, 
		.csstransitions .contBox .bigTitle.ThisHalfAlMedio,
        .csstransitions .contBox .contBox-resume.ThisHalfAlFondo,
		.csstransitions .contBox .contBox-resume.ThisHalfAlMedio,
        .csstransitions .contBox.contBox-home .contBox-text.ThisTopAlFondo,
		.csstransitions .contBox.contBox-home .contBox-text.ThisHalfAlMedio,
		.csstransitions .contBox.contBox-home .contBox-pic.ThisHalfAlFondo,
		.csstransitions .contBox.contBox-home .contBox-pic.ThisHalfAlMedio,
        .csstransitions .contBox.contBox-left .contBox-resume.ThisHalfAlFondo,
		.csstransitions .contBox.contBox-left .contBox-resume.ThisHalfAlMedio, 
        .csstransitions .contBox.contBox-left .contBox-text.ThisTopAlFondo,
		.csstransitions .contBox.contBox-left .contBox-text.ThisHalfAlMedio,
        .csstransitions .contBox.contBox-left .contBox-pic.ThisHalfAlFondo,
		.csstransitions .contBox.contBox-left .contBox-pic.ThisHalfAlMedio,
		.csstransitions .contBox.contBox-right .bigTitle.ThisHalfAlFondo,
		.csstransitions .contBox.contBox-right .bigTitle.ThisHalfAlMedio,
		.csstransitions .contBox.contBox-right .contBox-resume.ThisHalfAlFondo,
		.csstransitions .contBox.contBox-right .contBox-resume.ThisHalfAlMedio,
        .csstransitions .contBox.contBox-right .contBox-text.ThisTopAlFondo, 
        .csstransitions .contBox.contBox-right .contBox-pic.ThisHalfAlFondo{
            opacity:1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);
		}

	}

@media (max-width: 991px) {
        #cambioIdioma {
            background: #e2231a none repeat scroll 0 0;
            left: 0;
            padding: 20px 50px;
            position: relative;
    		display:block;
            right: 0;
            text-align: center;
            top: 90px;
            z-index: 1000;
        }

	/* Generales */
		.bigTitle{ padding-bottom: 18px; margin-bottom: 15px; font-size: 30px;  }
		.regularTitle{ font-size: 24px;}
		.footerBigTitle{ font-size: 22px; }
		.intro{ font-size: 24px; }
		.bigTitle:after{ height: 4px;}
		.texto li{ padding-left: 30px; }
		.closeButton{ top: 5px; right: 5px;  }
		.doble-col{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;  }

		#immBody{ padding-top: 90px; }
	/*Header*/
		#topline{ position: fixed;}
		#mainHeader{ position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
		#mainLogo{ height: 90px; }
			#mainLogo img{ height: 60px; }
		#mainMenu{ position: fixed; top: 90px; right: 0; margin: 0; background: #FFF; max-width: 480px; width: 100%; bottom: 0; overflow: auto; z-index: 5; display: none;}
			.menu-item{ display: block; width: auto; }
			.menu-link{ height: auto; text-align: left; padding: 1em 2em; position: relative; font-size:18px; }
			.submenu-item{float: none; width: auto;}
			.submenu-link img, .submenu-link:hover .submenu-iconAct, .submenu-link:active .submenu-iconAct{ display: none; }
			.submenu{ position: static; background: #e4e4e4 }
			.submenu-link{ height: auto; padding: 1em 2em; height: auto; text-align: left; }
			#mainMenu-top{ position: static; }
			.submenu-itemText:before{ display: none; }
			#mainMenu-list{ border-top: none; }
			#mainHeader .container{ position: relative; }
			#cartButton{ position: absolute; top: 50%; right: 90px; z-index: 10; width: 50px; height: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block}
			#menuButton{ position: absolute; top: 50%; right: 30px; z-index: 10; width: 50px; padding: 20px 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display:block; }
			#menuButton:after, #menuButton:before, #menuButton span{ content: ""; display: block; height: 3px; background: #222; margin-top: -1px;  -webkit-transition: all .4s; transition: all .4s; }
			#menuButton span{ background:#912; }
			#menuButton:hover:after, #menuButton:hover:before, #menuButton:hover span{ background: #e13; }
			#menuButton:after{ position: absolute; top: 25%; left: 8px; right: 8px; }
			#menuButton:before{ position: absolute; top: 75%; left: 8px; right: 8px;  }
			#menuButton span{ margin-top: 1px;  }
			#menuButton:active span, #menuButton:active:after, #menuButton:active:before{ background: #e2231a;}
			#menuButton.active span{ background: transparent; }
			#menuButton.active:after{ transform: rotate(45deg); top: 50% }
			#menuButton.active:before{ transform: rotate(-45deg); top: 50% }
			.menu-linkDrop:after{ content:"\f107"; font-family:'FontAwesome'; position: absolute; top:50%; right: 30px; webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; font-weight: 300; }
			.menu-linkDrop.active:after{ content: "\f106"; }
			#mainMenu-topCont{ position: static; width: auto; margin: 0;}
			#mainMenu-social, #mainMenu-corp{ display: block; text-align: left; }
			.menu-corpItem{ display: block; }
			.menu-corpLink{ font-size: 18px; text-align:left; }
			#mainMenu #mainMenu-corp{ padding-bottom: 2em; }
			.menu-corpLink:hover{  text-decoration: none; font-weight: 600; }
			.menu-socialItem{}
			.menu-socialLink{ font-size: 20px; width: 40px; height: 40px; line-height: 42px; display: block; text-align: center; }
			#mainMenu #mainMenu-social{ padding:1.5em 15px; border-top: solid 1px #e6e6e6; }
			.menu-item.menu-cart{ display:none;}

	/* Banner */
		.slick-next{right: 10px;}
		.slick-prev{left: 10px;}

		.mainBanner-box{ width: auto; }
		.mainBanner-box .texto{ font-size: 17px; padding-bottom: 10px; }
		.mainBanner-cont{ bottom: 40px; padding: 1px 10px; }

	/* Latest News */
		.latestNews-data{ font-size: 14px }

	/* Our Products */
		#productosHome{ padding-top: 50px; padding-bottom: 50px; }
		#productosHome-title{ padding: 0 0 20px 10px; }
		.productosHome-intro{ padding: 0 10px 10px; }

	/* ContBox */
		.contBox-title, .contBox-resume{ float: none; display: block; width: auto; }
		.contBox-canvas{ padding-top:30px;  }
		.contBox-section{ padding: 40px 20px; }

		.contBox-home .intro{ padding-left: 40px; }
		.contBox-home .contBox-pic{ float: none; position: static; width: 100%; margin: 0; max-width: none; }
		.contBox-home .contBox-text{ padding-left: 40px; width: auto; float: none; margin-left: 70px; margin-right: 70px; }

		.contBox-left .contBox-title,
		.contBox-left .contBox-resume,
		.contBox-right .contBox-title,
		.contBox-right .contBox-resume{ width: auto; }
		.contBox-left .contBox-pic,
		.contBox-right .contBox-pic{ float: none; position: static; width: 100%; margin: 0; max-width: none; }
		.contBox-left .contBox-text, 
		.contBox-right .contBox-text{ padding-left: 40px; width: auto; float: none; margin-left: 70px; margin-right: 70px; padding-right: 40px; }

		.contBox-right .contBox-resume{  float: none; }
		.contBox-right .contBox-title{ float: none; }
		.contBox-right .contBox-text{ }
		.contBox-right .contBox-pic{  }
		.contBox-text .texto{ font-size:16px;}

		.contBox-button .button {display: inline-block;}

	/* Footer srvice */
		#footer-serviceTitle{ padding-top: 30px; }
		#footer-serviceButton{ padding-top: 20px; }
		#footer-serviceButton .button{ display: inline-block; }

		#footer-socialCont{ margin-top: 25px; }
		.footer-col + .footer-col{ padding-left: 0; }

	/* Productos Interna */
		#productos-cont{ padding-top: 60px; }
		#productosHead-menu{ display: none; }
		#productosHead-pic{ padding-top: 54.25%; }
		.col-productosAside + .col-productosAside{ padding-top: 20px; }
		.productosAside-form{ position: relative; top: auto; left: auto; right: auto; padding: 40px ; }
		.productosAside-box{ padding: 25px; }
		#productosAside{ padding: 60px 0; }
		.lastCheck{ padding: 0; }
		.captcha{ padding: 0 0 20px; }
		.lastButton{ padding: 0; }
		#productos-intro{ padding: 0 40px 50px }

	/* Businesss */
		.benefits-list{ padding: 40px 20px 30px; }
		.benefits-canvas{ height: 300px; }
		.benefits-pic{}
		.benefits-text{ padding: 10px 25px 35px 25px; }
		.benefits-text .texto{ padding: 15px 20px; }

	/*Careers*/
		#careers-cont{ padding-top: 20px; }
		.careerDetail-data{ text-align: center; }
		.careerDetail-data li{ font-size: 17px; padding:0 1em 5px; }
		.careerDetail-data li + li{ padding-left: 1em; border:none; }
		.careerDetail-share{ text-align: left; }

	/* Services */
		.mainBanner-button .button{margin-top: 5px;}
		.faq-categories{ padding: 20px 0; }

	/* News article */
		#newsInt .mainBanner-pic{ padding-top: 54.25%; }
		#newsInt-texto{ padding-bottom: 1px; }
		#newsInt-share{ position: static; padding: 10px 0 0; }
		#newsInt-Head{ padding-top: 0; padding-right: 0; }
		#newsInt-canvas{ padding: 50px 0; }
		.recentNews-filLabel{ padding: 0 30px 15px; }
		.recentNews-filSelect{ padding: 0 30px; }
		.productOptions-price{ font-size:24px;}

    /* Producto Interna */
        #prodCart{ position: fixed; top: 0; bottom: 0; background: #FFF; right: 0; }
        #prodGallery{ padding-right: 0; }
		.prodGallery-pager{ right:0px;}
    
        .checkOut-thPrice{ display: none; }
        .checkOut-thTotal{ text-align: center; }
        .checkOut-tpriceSingle{ display: none; }
        .prodCart-desc{ display: none; }
        .checkOut-tpriceFull{ text-align: center; }
	
		#checkOut-form{ padding:10px 40px;}
		#checkOut-customer #prodDetails-title{ padding-left:10px;}
	

}

@media (max-width: 900px)  and (min-width: 300px){ 
/* Company */
.greatplacework{width: 70px;top: auto; bottom: 0;}

}

@media (max-width: 767px) { 
	

.button_cs{margin-left: 154px;}
	
	.container{ padding: 0 35px; }
	.button{ font-size: 16px;  }
	.regularTitle{ font-size: 21px;}
	.bigTitle{ font-size: 26px; padding-bottom: 18px; margin-bottom: 15px; }
	.bigTitle:after{ border-right-width: 30px; border-left-width: 30px; width: 10px; left: -30px;}
	.intro{ font-size: 20px; }
	.texto{ font-size: 14px; }
	.footerBigTitle{ font-size: 20px; }
	.texto li:before{ width: 21px; height: 20px;}

	.closeButton{ position: absolute; width: 36px; height: 36px; }
	
	#immBody{ padding-top: 80px; }
	/*Header*/
		#mainLogo{ height: 80px; }
		#mainLogo img{ height: 50px; }
		#mainMenu{ top: 80px; }
	
	/* Banner */
		.slick-arrow:before{ font-size: 40px; }
		.slick-next{right: 0;}
		.slick-prev{left: 0;}

		.mainBanner-cont{ padding: 1px 0; }
		.mainBanner-box{ padding: 1px 20px; }
		.mainBanner-box .texto{ font-size: 16px; }
		.mainBanner-box .bigTitle{ margin-top:-15px; font-size: 24px;  }
		.mainBanner-cont{ left: 60px; right: 60px; }
	
	/* Latest News */
		.latestNews-col + .latestNews-col:before{ top: 0; left: 30px; right: 30px; bottom: auto; border-top: solid 1px #e6e6e6; }
		.latestNews-data{ font-size: 13px }

	/* Builidng Latino Brands */
		

	/*Our Brands*/
		.ourBrands-item a{ height: 180px; }

	/* ContBox */
		.contBox-canvas{ padding: 40px 20px 210px;  }
		.contBox-text{ padding: 20px 25px 1px; margin-left:20px; margin-right:20px; }
		.contBox-title{ padding-left: 25px; }
		
		.contBox-home .contBox-text{ margin-left: 30px; margin-right: 30px; padding-left: 25px; }
		.contBox-home .intro{ padding-left: 25px; padding-bottom:20px; }
		.contBox-home .contBox-pic, .contBox-left .contBox-pic, .contBox-right .contBox-pic{margin-left: -50px;}

		.contBox-left .contBox-text, .contBox-right .contBox-text{ margin-left: 30px; margin-right: 30px; padding-left: 20px; padding-right: 20px; }
		.contBox-text .texto{ font-size:14px;}

	/*Our products Home*/
		#productosHome-title{ padding-bottom: 5px; }
		.prodHome-canvas{ padding-left: 20px; padding-right: 20px; }
		.prodHome-text, .prodHome-title{ padding-left: 20px; padding-right: 20px; }
		#productosAside{ padding: 50px 0; }
		.productosAside-form{   }
		#productosHead-cont{ top: auto; bottom: 50px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	
	/*Footer service */
		#footer-serviceTitle{ padding-top: 10px; }
		.footer-legalLink{ text-align: center; float: none; }
		.footer-legalLink > p{ display: block; padding: 0; text-align: center; }
		.footer-legalLink > a{ border: none; padding: 7px 10px;  }
		#backbone{ display: inline-block; float: none; margin: 10px 0; }
		#footer-legal{ text-align: center; }

	/*Business*/
		.benefits-text{ float: left; }
		.benefits-intro{ padding-bottom: 30px; }

	/*Careers*/
		#careers-cont{ padding-top: 1px; }
		.contBox-section.noPaddingtop{ padding-top: 40px; }
		.careerDetail-subCanvas{ padding-top: 30px; padding-left: 25px; padding-right: 25px; }
		.careerDetail-text .texto{ padding: 25px 20px; }
		.careerDetail-back{ padding: 5px 0 25px; font-size: 14px; }

	/* Services */
		.faq-categoryList a{ font-size: 16px; }
		.contBox-faqLink{ font-size: 18px; padding: 1em 3em 1em 0; }
		.contBox-faqLink:after{ right: 0; }
		.contBox-faqCont .texto{ padding: 15px 0; }
	
	/* News landing */
		#newsFeatured-mainTitle{ padding: 0 10px 20px; }
		.recentNews-filter{ padding-bottom: 1px; }

	/* News article */
		#newsInt .mainBanner-pic{ padding-top: 66.666%; }
		#newsInt-canvas{ padding: 30px 0; }

	#productosHead-pic{ padding-top: 66.6666%; }

    #cambioIdioma .intro{ margin:5px; display:block;}
    #cambioIdioma .button{ margin:5px 10px; }
	#cambioIdioma{ top:85px; padding:5px; }

	/* Interna productos */
		#prodGallery{ padding-right:0;}
		#immProduct{ padding:20px 0;}
		.productOptions-price{ font-size:23px;}

	/* CheckOut */
		.checkOut-thQ{ display: none; }
		.checkOut-thead{ padding: 0 20px; }
		.checkOut-tbody{ padding: 0 15px;  }
		.checkOut-tpic{ display: none; }
		.checkOut-tpriceQ{ position: absolute;bottom: 15px; left:0; }
		.checkOut-tdata{ padding-bottom: 45px; }
		.checkOut-trow{ position: relative; }
		#prodCart-totales{ padding:10px 20px 5px}

}

@media (max-width: 480px) { 
#cambioIdioma {
    background: #e2231a none repeat scroll 0 0;
    display: block;
    left: 0;
    padding: 0 25px;
    position: relative;
    right: 0;
    text-align: center;
    top: 65px;
    z-index: 1000;
}
.careersArt{ padding:25px 0; }
#careersList{ padding:20px 10px 30px;}
.careers-intro{ padding:10px 10px 10px;}

#cambioIdioma .intro {
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 5px 0 2px;
}

#cambioIdioma .button {
    background: #fff none repeat scroll 0 0;
    color: #e2231a;
    font-size: 12px;
    margin: 5px;
    padding: 0.33em 1.5em;
}

.buton_suggestions {
    margin-left: 55px;
}
.buton_contactus {
    margin-left: 60px;
}


.mainBanner-box .texto {
    font-size: 15px;
}
#mainBanner-slick .mainBanner-box .texto{ display:none;} 


.mainBanner-button .button {
    background: #fff none repeat scroll 0 0;
    color: #e13;
    font-size:14px;
}


	.greatplacework2 {
    float: right;
    height: 17%;
    line-height: |;
    margin-right: -47px;
    margin-top: -27px;
    top: 36px;
}

/**#recaptcha1{
    
    transform:scale(0.66);

}

#recaptcha2{
    
    transform:scale(0.66);

}**/
.captcha{

transform:scale(0.66);
    margin-right: 222px;
}



#backbone{  margin-right: 50px; }

	.container{ padding: 0 20px; }	
	.bigTitle{font-size:22px; padding-bottom: 15px;margin-bottom: 10px;}
	.bigTitle:after{  height: 3px;  border-right-width: 25px; border-left-width: 25px; width: 10px; left: -25px;}
	.regularTitle{ font-size: 18px;}
	.intro{ font-size: 16px; }
	.texto{ font-size: 13px; }
	.footerBigTitle{ font-size: 18px; }
	.closeButton{ position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; }
	.texto li{ padding-left:20px;}
	.texto li:before{ width:7px; height:7px;}
	
	#immBody{ padding-top: 65px; }
	/* Header */
		#mainLogo{ height: 65px; }
		#mainLogo img{ height: 45px; }
		#mainMenu{ top: 65px; }
		#menuButton{ width: 44px; padding: 15px 8px; }

	.mainBanner-cont{ left: 50px; right: 50px; bottom: 30px; }
	.mainBanner-text{ display: none; } 
	.mainBanner-box .bigTitle{ margin-top:-15px; font-size: 20px;  }
	
	#productosHome-title{ padding: 0 0 0 20px; }
	.productosHome-intro{ padding: 0 0 0 20px; }
	#productsHome-list .col-inline{ padding: 0; }

	.greatplacework {
    display:none;
}
	.prodHome-canvas{ margin-top: 27%; }
	.prodHome-pic img{ max-height: 220px; }
	#productosHead-cont{ bottom: 25px; }
	
	.contBox-text{ padding: 20px 15px 1px; margin-left:15px; margin-right:15px; }
	.contBox-text .texto{ font-size:13px;}
	.contBox-home .contBox-text,
	.contBox-left .contBox-text,
	.contBox-right .contBox-text{ margin-left: 15px; margin-right: 15px; padding-left: 15px; }
	.contBox-section{ padding: 30px 5px; }
	.contBox-canvas{ padding: 30px 10px 210px; }

	.contBox-home .contBox-pic, .contBox-left .contBox-pic, .contBox-right .contBox-pic{margin-left: -30px;}

	#ourBrands .slick-next{ right: -30px; }
	#ourBrands .slick-prev{ left: -30px;}

	/* Productos Interna */
		#productosHead-pic{ padding-top: 75%; }
		#productosAside{ padding: 40px 0; }
		.productosAside-box{ padding: 20px 15px; }
		.productosAside-form{ padding: 40px 25px 15px; }
		#productos-intro{ padding: 0 10px 80px;  }
	
	/* Business */
		.benefits-text{ padding: 1px 10px 20px;  }
		.benefits-text .texto{ padding: 10px 15px; }
		.benefits-list{ padding: 20px 15px 15px; }

	/*Careers*/
		.careerDetail-data li{ font-size: 14px; }
		.careerDetail-subCanvas{ padding-top: 20px; padding-left: 15px; padding-right: 15px; }
		.careerDetail-text .texto{ padding: 25px 15px; }
		.careerDetail-back{ padding: 1px 0 20px; }
		.careerDetail-back a{ font-size: 14px; }

	/* Services */
		#service-list .prodHome-pic img{ max-height: 70px; }
		#servicesHead .makeBg{ padding: 90px 0 100px;  }
		#customer-intro{ padding: 60px 0 30px; }
		#service-list .prodHome-pic{padding-left: 0; width: 33.333%;}
		#service-list .prodHome-title{ width: 66.666%; }
		.contBox-faqLink{ font-size: 16px;}

	/* News article */
		#newsInt .mainBanner-pic{ padding-top: 75%; }
		.newsFeatured-texto{ padding: 15px 15px 10px; }
		.newsFeatured-col{ padding-bottom: 15px; }
		.newsFeatured-pic{ height: 200px; }
		.newsFeatured-texto{ margin-top: -30px; }
		#news-featured{ padding: 40px 0 20px; }
		.recentNews-art{ padding: 15px 0 5px;  }
		.recentNews-filLabel, .recentNews-filSelect{ padding-left: 0; }
		.recentNews-title{ padding-left: 30px; }

	/* Interna productos */
		#prodGallery{}
		.prodGallery-mainPic{ width:75%;}
		.prodGallery-pager{ width:20%;}
		.productOptions-price{ font-size:22px;}

		.checkOut-tDel{ position:absolute; top:10px; right:0; width:auto; }
		.checkOut-tpriceFull{ position:absolute; bottom:18px; width:auto; right:15px;}
		.checkOut-thTotal{ display:none; }
		.checkOut-thDetails{ width:60%;}
		.checkOut-thRemove{ width:40%;}
		#checkOut-form{ padding:10px 15px;}
		.checkOut-tdata{width: auto;float: none;margin-right: 35px;display: block;}
		#checkOut-customer{ padding:20px 15px 5px;}

}


.order_confirmation {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
#preloader {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}
.preloader-cont {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    line-height: 1;
    text-align: center;
}
.preloader-icon {
    display: inline-block;
    width: 100%;
    height: 58px;
    background: url(/media/icon-cookies.png) no-repeat 0 0 / cover;
}
.preloader-message {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #111;
}

.recentNews-pager a.active{
    font-weight:bold;   
}

.nextNumbers {
    display: inline;
}


/*-----------------------------------QA CHRISTIAN-------------------------------------------*/
.banner-video {
    left: 0;
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -10;
}
/*.banner-video {
    padding-top: 56.25%;
    position: relative;
}*/

.banner-video video {
    bottom: 0;
    height: 100%;
    left: 0;
    /*position: absolute;*/
    right: 0;
    top: 0;
    width: 100%;
}