@charset "utf-8";
/* CSS Document - MediaQuery for COVA Consulting */

/*--- BODY ----------*/
html {
	height: 100%;
	width: 100%;
	margin: 0;
	font-family: 'Roboto';
	font-weight: 300;
	font-style: normal;
	color: #333;
}
body {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	font-size: 10px;
	-webkit-overflow-scrolling: touch; /* lets it scroll lazy */
	background-color: #1d232e;
}
h1, h2 {
	font-family: 'GothamPro';
	font-weight: 500;
	font-style: normal;
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.triangle li {
	display: list-item;
	list-style-type: none;
    margin-bottom: 25px;
    padding: 0 0 0 25px;
    text-align: left;
    background-image: url(../images/bullet-triangle.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	border-right: none;
}
.footnote {
	font-size:12px!important;
}
/*--- BODY -End--*/

/*--- STRUCTURES ///////////////////////////////////////////////*/
.wrapper {
	position: relative;
	width: 100%;
	max-width: 1920px;
	min-width: 320px;
	display: block;
	padding: 0;
	margin: 0px auto;
	overflow: auto;
}
section {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: white;
	overflow: auto;
}
.grayback {
	background-color: #E8E8E8;
}
.content {
	width: 980px;
	display: block;
	position: relative;
	padding: 55px 0;
	margin: 0px auto;
	/*overflow: auto;*/
	/*border-bottom: 1px solid #A1A7AC;*/
}
.content-block {
	display: block;
	margin: 0 0 25px 0;
}
.content .content-block:last-child {
	margin-bottom: 0px;/*no gap between footer*/
}

/*--- MENUS /////////////////////////////////////////////////////*/

/*--- Main Menu==========================================*/
.main-menu {
	max-width: 980px;
	height: 44px;
	margin: 0 auto;
	padding: 0 22px;
	position: relative;
}
.main-menu ul li a {
	text-decoration: none;
	color: #fff;
}

.main-menu .selected {
	color: #3B5E8F;
	display: inline-block;
	margin: 8px 0px 0px;
	padding: 12px 12px;
}

.main-menu .menu-logo {
	top: 0px;
	left: 0px;
	margin: 0 0 0 10px;
	padding: 0px;
	position: absolute;
	display: block;
}
.main-menu ul {
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	font-family: 'GothamPro';
	font-style: normal;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
}
.main-menu ul li { /*Menu buttons horizontal order*/
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.main-menu ul li a { /*Buttons size and distribution*/
	display: block;
	margin: 8px 0px 0px;
	padding: 12px 12px;
	/*background-color: chartreuse;*/
}
header {/*--Descktop Menu Container--*/
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 10;
	background-color: rgba(29, 55, 94, 1.0);
}

/*=== Submenu- ================================================*/
.submenu {
	display: block;
	position: absolute;
	width: 100%;
	height: 45px;
	top: 44px;
	left: 0px;
	color: #444;
	text-align: center;
	background-color: rgba(235,235,235,0.90);
	margin: 0px;
	box-sizing: border-box;
	z-index: 89;
}
.submenu .selected {
	color: #909090;
	margin: 0;
	padding: 12px 12px;
}
.submenu.sticky {
	position: fixed;
	top: 0px;
	left: 0px;
}
.submenu nav {
	position: relative;
	width: 980px;
	height: 45px;
	margin: 0px auto;
	font-family: 'Roboto';
	font-weight: 400;
}
.submenu span {
	position: absolute;
	left: 10px;
	top: 8px;
	font-size: 24px;
	color: #1E375F;
}
.submenu ul {
	top: 0px;
	right: 0px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	font-size: 14px;
}
.submenu ul li { /*Menu buttons horizontal order*/
	display:inline-block;
	margin: 0px;
	padding: 0px;
}
.submenu ul li a { /*Buttons size and distribution*/
	display: block;
	margin: 0px;
	padding: 12px 12px;
	font-size: 14px;
	color: #323232;
	text-decoration: none;
}
	
/*=== Menu Mobile-(topbar)==================================*/
.topbar {
	display: none;
}

/*--- Submenu Mobile-(midbar)===============================*/
.submenu2 {
	display: none;
}

/*--GENERAL ELEMENTS Dskt //////////////////////////////////////////////*/
.main-banner {
	padding: 44px 0 0 0;
	color:#fff;
}
.banner {
	display: none;
}
.content-block .icon {/*Icon on top of Headers*/
	display: block;
	margin: 0px 0px 30px;
}
.content-block h1 {
	margin: 0px 0px 30px;
	padding-bottom: 0px;
	font-size: 45px;
	color: #1E375E;
}
.content-block h2 {
	margin: 0px 0px 20px;
	padding-bottom: 0px;
	font-size: 24px;
	color: #333;
}
.content-block h3 {
	/*width: 780px;*/
	width:auto;
	margin: 0 auto 25px;
	line-height: 1.5;
	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
}
#home-cover .content-block h3:last-child {
	width: 780px;
	margin: 0 auto;
	font-weight: 400;
	letter-spacing: 1px;
}
.content-block p {
	font-size: 18px;
	line-height: 1.5;
	margin: 0px 0px 20px;
}
.content-block ul {
	list-style-type: disc;
}
.content-block ul li {
	display: list-item;
	margin: 0px 0px 10px 20px;
}
.content-block li {  /*All List Items Size*/
	font-size: 18px;
}

.header-bar h1 {
	width: auto;
	margin: 0!important;
	padding: 0!important;
	font-style: normal;
	font-size: 48px;
	color: #fff!important;
}
.header-bar {
	display: inline-block;
	height: auto;
	width: auto;
	margin: 0;
	overflow: hidden;
	padding: 10px 80px 10px 50px;
	background: url(../images/header-bar-lg.png) no-repeat right top;
}
.content-block ol {
	margin: 0 0 50px 0;
	padding: 0;
	box-sizing: border-box;
	list-style-type: none;
}
.content-block ol li {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
	counter-increment: step-counter;
	margin-bottom: 20px;
}

.content-block ol li::before {
	content: counter(step-counter);
	width: 20px;
	padding: 0 20px 0 0;
	margin: 0 5px 0 0;
	text-align: right;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-family: 'Roboto';
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bullet-triangle.gif) no-repeat 25px 5px;
}

/*/// SECTIONS ////////////////////////////////////////////////////////////*/

/*=== Home Dkp ================================*/
/*--- Home -----------------*/
#home-cover {						/*1X*/
	background: #1E375E url(../images/bg-1069-b.jpg) no-repeat center 43px;
}
#home-cover .content-block {
	margin: 450px 0 50px;/*pushes banner text down*/
	height: auto;
}
#home-cover.main-banner .content-block h3 {
	text-align: center;
}
/*--- Identidad -------------*/
#identidad {
	background: #fff url(../images/bg-identidad-lg.jpg) no-repeat center top;
}
#identidad .content-block {
	width: auto;
	margin: 60px 450px 70px 0;
	padding: 0;/*Test Position*/
}
#identidad p {
	margin: 0 auto 20px;
}
/*--- Filosofia -------------*/
#filosofia {
	background: url(../images/bg-filosofia-lg.jpg) no-repeat center top;
}
#filosofia .content-block {
	width: 620px;
	padding: 50px;
	margin: 145px auto;
	box-sizing: border-box;
	background: rgba(255,255,255,0.90);
}
#filosofia .content-block .icon, 
#filosofia .content-block h1,
#filosofia .content-block p {	/*---Symmetric content---*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}
#filosofia p {
	margin: 0 auto 20px;
}
#filosofia p:last-child {
	margin: 0 auto;
	font-weight: 400;
	font-style:italic;
}
/*--- Compromiso -------------*/
#compromiso {
	background: url(../images/bg-compromiso-lg.jpg) no-repeat center top;
}
#compromiso .content {
	
}
#compromiso .content-block {
	width: 450px;
	padding: 0 0 0 40px; /*TRUCK LEFT*/
	margin: 60px 0 210px 480px;
}

/*=== Servicios Dkp ==========================================*/
/*--- Servicios --------------------*/
#servicios-cover {
	background: #1E375F url("../images/banner-consultoria-lg.jpg") no-repeat center top;
	height: auto;
}
#servicios-cover .content-block {
	margin: 520px 0 0 0;/*pushes banner text down*/
	padding: 0;
	height: auto;
}
/*--- Consultoria --------------------*/
#ventajas .content-block {
	margin: 0 auto;
	width: 600px;
}
#ventajas .content-block:nth-child(2) {
	margin: 0 auto;
	width: 500px;
}
#ventajas .content-block ul {
	box-sizing: border-box;
}

#ventajas-list li {
	background: no-repeat left top; /* <-- change `left` & `top` too for extra control */
	padding: 3px 0px 3px 80px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0 0 20px 0;
	background-size: 48px 48px;
}
#ventajas-list li:nth-child(1) {
    background-image: url(../images/icons/1x/Untitled-1_0004_Group-3.png);
}
#ventajas-list li:nth-child(2) {
    background-image: url(../images/icons/1x/Untitled-1_0002_Group-5.png);
}
#ventajas-list li:nth-child(3) {
    background-image: url(../images/icons/1x/Untitled-1_0003_Group-4.png);
}
/*#ventajas-list li:nth-child(4) {
    background-image: url(../images/icons/1x/Untitled-1_0005_Group-2.png);
}*/
#ventajas-list li:nth-child(4) {
    background-image: url(../images/icons/1x/Untitled-1_0006_Group-1.png);
}
#ventajas-list li:nth-child(5) {
    background-image: url(../images/icons/1x/Untitled-1_0001_Group-6.png);
}
#ventajas-list li:nth-child(6) {
    background-image: url(../images/icons/1x/Untitled-1_0000_Layer-6.png);
}

#servicios .content-block {
	margin: 0 auto;
	width: 600px;
}
#services .content-block {
	width: 500px;
}

/*=== Certificaciones Dkp ======================================*/
#ctpat-cover {
	background: #1E375F url("../images/banner-ctpat-lg.jpg") no-repeat center 43px;
}
#ctpat-cover .content-block {	
	margin: 520px 0 0 0;/*pushes banner text down*/
	padding: 0;
	height: auto;
}
#oea-cover {
	background: #1E375F url("../images/banner-oea-lg.jpg") no-repeat center 43px;
}
#oea-cover .content-block {	
	margin: 520px 0 0 0;/*pushes banner text down*/
	padding: 0;
	height: auto;
}
.logos {
	display: none;
}
.logos img{
	display: none;
}

#ctpat-list {
	background: url("../images/logos-usa-lg.png") no-repeat left top;
	padding: 0 100px 0 300px;
}
#oea-list {
	background: url("../images/logos-mex-lg.png") no-repeat left top;
	padding: 0 200px 0 300px;
}

/*=== Mantenimiento Dkp ========================================*/
#mantenimiento-cover {
	background: #1E375F url("../images/banner-mantenimiento-lg.jpg") no-repeat center 43px;
}
#mantenimiento-cover .content-block {	
	margin: 370px 0 0 0;/*pushes banner text down*/
	height: auto;
}

/*=== Productos Dkp ============================================*/
#productos-cover {
	background: #1E375F url("../images/banner-productos-lg.jpg") no-repeat center 43px;
}
#productos-cover .content-block {	
	margin: 350px 0 0 0;
	padding: 0;/*pushes banner text down*/
	height: auto;
}
.product .content-block {
	width: 360px;
	height: 500px;
}
.product .content-block h1 {
	font-size: 40px;
}
#producto01 {
	background: url("../images/bg-bolt-lg.jpg") no-repeat center center;
}
#producto02 {
	background: url("../images/bg-cable-lg.jpg") no-repeat center center;
}
#producto03 {
	background: url("../images/bg-bag-lg.jpg") no-repeat center center;
}

/*=== Contacto Dkp =============================================*/
#contacto-cover {
	background: #1E375E url(../images/banner-contacto-lg.jpg)no-repeat center 43px;
	height: auto;
}
#contacto-cover .content-block {	
	padding-top: 520px;/*pushes banner text down*/
	height: auto;
}
#invitation {
	font-size: 18px;
}

.column {
	width: 31.5%;
	margin: 8px 5px 8px;
	display: inline-block;
}
.column:nth-of-type(1) {
	width: 31.5%;
}
.column:nth-of-type(2) {
	width: 28%;
}

#directorio h2 {
	margin: 0px 0px 5px;
	font-size: 16px;
	color: #1E375E;
	font-family: 'GothamPro';
}
#directorio h3 {
	margin: 0px 0px 0px 18px;
	font-size: 16px;
}	

/*--- FOOTER ////////////////////////////////////////////////////*/
footer {
	position: relative;
	width: 100%;
	bottom: 0px;
	margin: 0;
	padding: 20px 0 40px;
	background-color: rgba(30, 55, 95, 1.00)
	
}
footer nav {
	max-width: 980px;
	padding: 25px 0px;
	
	font-size: 14px;
}
.footer-content {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 20;
}
.footer-menu {
	/*max-width: 980px;*/
	display: block;
	margin: 0 auto;
	position: relative;
	color: #fff;
	/*
	font-family: 'Roboto';
	font-weight: 300;
	background-color: rgba(192,255,0,1.00)
	*/
}
#policy-menu {
	margin: 0 ;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 18px;
}
#policy-menu ul li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-right: 1px solid rgba(2,140,203,1.00);
}
#policy-menu li:last-child {
	border-right: none;
}
#policy-menu li a {
	display: block;
	margin: 0px;
	padding: 0 15px;
}
#social-menu {
	position: absolute;
	top: 10px;
	left: 0px;
	margin: 0;
	padding: 0;
	/*background-color: rgba(192,255,0,1.00)*/
}
#social-menu li {
	display: inline-block;
	margin: 0 12px;
	padding: 0px;
}
#copyright {
	display: block;
	max-width: 980px;
	width: 90%;
	position: relative;
	margin: 0;
	padding: 20px 0;
	color: #028ccb;
	}

@media only screen and (max-width: 1068px) {
	
	/*/// STRUCTURES ///////////////////////////////////////////*/
	.content {
		width: 692px;
		padding: 55px 0;
		margin: 0px auto;
		overflow: auto;
	}
	.content-block {
		display: block;
		margin: 0 0 40px 0;
		padding: 0;
	}
	.content-block h1{
		font-size: 30px;
	}
	
	/*/// MENUS ////////////////////////////////////////////////*/
	
	/*=== Main Menu ================================*/
	.main-menu {
		display: block;
		width: 692px;
	}
	
	/*=== Subenu ===================================*/
	.submenu nav {
		width: 692px;
	}
	
	/*/// GENERAL ELEMENTS /////////////////////////////////////*/
	.main-banner {
		color: #fff;
		padding: 44px 0 0 0;
	}
	.main-banner h1 {
		color:#fff;
	}
	.main-banner .banner {
		display: none;
	}
	.banner {
		display: none;
	}
	.content-block .icon {/*Icon on top of Headers*/
		display: block;
		margin: 0px 0px 25px;
	}
	.content-block h1 { /*Topic Headers*/
		margin: 0px 0px 18px;
		padding-bottom: 0px;
		font-size: 36px;
		font-family: 'GothamPro';
		color: #1E375F;
	}
	.content-block h2 {
		margin: 0px 0px 20px;
		padding-bottom: 0px;
		font-size: 24px;
	}
	.content-block h3 {
		width: 585px;
		margin: 0 auto 20px;
		line-height: 1.5;
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 0px;
	}
	#home-cover .content-block h3:last-child {
		width: 395px;
		margin: 0 auto;
		font-weight: 400;
		letter-spacing: 0px;
	}
	.content-block p {
		font-size: 18px;
		line-height: 1.45;
		margin: 0 0 20px;
	}
	.content-block ul {
		list-style-type: disc;
	}
	.content-block li {
		display: list-item;
		font-size: 18px;
		margin: 0px 0px 10px 20px;
	}
	.content-block ol {
		margin: 0 0 50px 0;
		padding: 0;
		box-sizing: border-box;
		list-style-type: none;
	}
	.content-block ol li {
		position: relative;
		margin: 0 0 20px 0;
		padding: 0 0 0 50px;
		counter-increment: step-counter;
	}
	.content-block ol li::before {
		content: counter(step-counter);
		width: 20px;
		padding: 0 20px 0 0;
		margin: 0 5px 0 0;
		text-align: right;
		font-size: 18px;
		line-height: 24px;
		color: #333;
		font-family: 'Roboto';
		font-weight: 500;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/bullet-triangle.gif) no-repeat 25px 5px;
	}

	/*/// SECTIONS //////////////////////////////////////////////////////////*/
	/*=== Home (Tblt) ================================*/
	/*--- Home -----------------------*/
	#home-cover {
		background: #1E375E url(../images/bg-736.jpg) no-repeat center 43px;
	}
	#home-cover .content-block {
		margin: 270px 0 20px;/*pushes banner text down*/
		height: auto;
		}
	#home-cover h2 {
		max-width: 620px;
		margin: 0 auto;
		padding: 0 0 75px;
		text-align: center;
		line-height: 17px;
		font-size: 20px;
	}
	/*--- Identidad -----------------*/
	#identidad {
		display: block;
		background: #003366 url(../images/bg-crane-md.jpg) no-repeat center top;
	}
	#identidad .content-block {
		width: 565px;
		padding: 50px;
		margin: 0 auto;
		box-sizing: border-box;
		background: rgba(255,255,255,0.90);
	}
	/*--- Filosofia ------------------*/
	#filosofia {
		background: url(../images/bg-filosofia-md.jpg) no-repeat center top;
	}
	#filosofia .content {
		padding: 120px 0 145px;
	}
	#filosofia .content-block{
		width: 565px;
		padding: 50px;
		margin: 0 auto;
		box-sizing: border-box;
		background: rgba(255,255,255,0.90);
	}
	/*--- Compromiso ------------------*/
	#compromiso {
		background: url(../images/bg-compromiso-md-2024.jpg) no-repeat center top;
	}
	#compromiso .content {
		padding: 70px 0 265px 0;
	}
	#compromiso .content-block{
		width: 415px;
		padding: 0;
		margin: 0 auto;
	}
	#compromiso .content-block .icon, 
	#compromiso .content-block h1, 
	#compromiso .content-block p {
		margin-left: 0px;
		margin-right: 0px;
		text-align: left;
		/*---Symmetric content---*/
	}
	
	/*=== SERVICIOS (Tblt) ====================================*/
	/*--- Ventajas ------------------*/
	#servicios-cover {
		background: #1E375F url("../images/banner-consultoria-md.jpg") no-repeat center 43px;
	}
	#servicios-cover .content-block{
		margin: 335px 0 0 0;
		padding: 0;
	}
	/*=== Certificaciones (Tblt) ===============================*/
	/*--- Certificaciones -----------------------*/
	#ctpat-cover {
		background: #1E375F url("../images/banner-ctpat-md.jpg") no-repeat center 43px;
	}
	
	#ctpat-cover .content-block {	
		margin: 290px 0 0 0;/*pushes banner text down*/
		padding: 0;
		height: auto;
	}
	#oea-cover {
		background: #1E375F url("../images/banner-oea-md.jpg") no-repeat center 43px;
	}
	
	#oea-cover .content-block {	
		margin: 290px 0 0 0;/*pushes banner text down*/
		padding: 0;
		height: auto;
	}
	.logos {
		display: block;
		width: 100%;
		height: 230px;
	}
	/*--- Usa -----------------------*/
	#ctpat-list {
		background: none;
		padding: 0 100px 0 100px;
	}
	#usa .logos {
		background: url("../images/logos-usa-md.png") no-repeat center center;
	}

	/*--- Mex -----------------------*/
	#oea-list {
		background: none;
		padding: 0 100px 0 100px;
	}
	#mex .logos {
		background: url("../images/logos-mex-md.png") no-repeat center center;
	}
	
	/*=== Mantenimiento (Tblt) =================================*/
	#mantenimiento-cover {
		background: #1E375F url(../images/banner-mantenimiento-md.jpg)no-repeat center 43px;
	}
	#mantenimiento-cover .content-block {
		margin: 230px 0 0 0;/*pushes banner text down*/
		height: auto;
	}
	
	/*=== Productos (Tblt) =================================*/
	#productos-cover {
		background: #1E375F url("../images/banner-productos-md.jpg") no-repeat center 43px;
	}
	#productos-cover .content-block {
		margin: 130px 0 0 0;/*pushes banner text down*/
		height: auto;
	}
	.product {
		border-top: #C3C7D2 solid 2px;
	}
	.product .content-block {
		width: auto;
		height: auto;
		margin: 400px 0 0 0;
	}
	.product .content-block h1 {
		font-size: 32px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	.product .content-block .icon {/*Icon on top of Headers*/
		float: left;
		display: block;
		margin: 0px 20px 0px 0px;
		height: 60px;
		width: 60px;
	}
	
	#producto01 {
		background: url("../images/bg-bolt-md.jpg") no-repeat center top;
	}
	#producto02 {
		background: url("../images/bg-cable-md.jpg") no-repeat center top;
	}
	#producto03 {
		background: url("../images/bg-bag-md.jpg") no-repeat center top;
	}
	/*=== Contacto (Tblt) =================================*/
	#contacto-cover {
		background: #1E375F url(../images/banner-contacto-md.jpg) no-repeat center 43px;
	}
	#contacto-cover .content-block {
		margin: 0 auto;
		padding: 395px 0 0;
	}
	.column {
		width: 90% !important;
		margin: 8px 5px 8px;
		display: inline-block;
	}
	/*=== FOOTER ==================================*/
	.footer-content {
		width: 692px;
	}
	.footer-menu {
		width: 100%;
	}
	
	#copyright {
		max-width: 692px;
		
	}
}


@media only screen and (max-width: 735px) {
	/*--- BODY //////////////////////////////////////////////////*/
	body {
		width: 100%;
	}
	
	/*--- STRUCTURES ////////////////////////////////////////////*/
	section {
		margin: 0;
		padding: 0;
	}
	.content {
		width: 90%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.content-block {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content-block h1 {
		font-size: 30px;
	}
	
	/*--- MENUS /////////////////////////////////////////////////*/
	.main-menu {
		display: none;
	}
	.generic {
		display: none;
	}
	.topbar {
		display: block;
	}
	.submenu {
		display: none;
	}
	.submenu2 {
		display: block;
	}
	.icon-cova {
		background-image: url(../images/logo-menu.png);
		background-position: 50% 2px;
		background-repeat: no-repeat;
	}
	.submenu2.sticky {
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.submenu2 span {
		position: absolute;
		left: 10px;
		top: 12px;
		font-size: 24px;
		color: #1E375F;
	}
	
	.submenu2 .menu .selected {
	color: #028CCB;
}
	
	/*/// GENERAL ELEMENTS [Mobile] ///////////////////////////////////////*/
	/*=== Banner Image ============================*/
	.main-banner {
		background-image: none !important;
		position: relative;
	}
	#home-cover.main-banner .content{
		width: 100%!important;
	}
	.content.banner {
		width: 100%;
	}
	.banner {
		display: block;
	}
	.banner img {
		width: 100%;
		height: auto;
	}
	.main-banner .banner {
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.main-banner .content {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		background-color:#fff;
		position: relative;
		bottom: 0px;
	}
	.content-block {
		margin: 0 auto!important;
		width: 100%;
	}
	.main-banner .content-block {
		padding: 0 !important;
		width: auto;
		position: absolute;
		bottom: 40px;
		z-index: 10;
	}
	.content-block h1 { /*Topic Headers*/
		margin: 0px 0px 20px;
		padding: 0;
		font-size: 28px;
	}
	.content-block h2 {
		margin: 0px 0px 20px;
		padding: 0;
		font-size: 24px;
	}
	.content-block h3 {
		width: auto;
		max-width: 450px;
		margin: 0 auto 20px;
		line-height: 1.5;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0px;
	}
	#home-cover .content-block h3:last-child {
		width: auto;
		max-width: 340px;
		letter-spacing: 0px;
	}
	.content-block p {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 20px;
	}
	.content-block ul {
		list-style-type: disc;
		width: auto;
	}
	.content-block ol {
		width: auto;
		margin: 0 0 50px 0;
		padding: 0 25px 0 0;
	}
	.content-block ol li {
		display: list-item;
		font-size: 18px;
		margin: 0px 0px 10px 20px;
	}

	
	/*/// SECTIONS [Mobile] /////////////////////////////////////////////////*/
	/*=== Home (mobile) ============================*/
	/*--- Home ----------------------*/
	#home-cover.main-banner .content{
		width: 90%;
		position: relative;
		z-index: 0;
		background: none!important;
	}
	#home-cover.main-banner .content-block {
		width: 90%;
		margin: 0 auto;
		position: static;
	}
	#home-cover .content {
		padding: 0 0 70px 0;
	}
	
	/*--- Identidad -----------------*/
	#identidad {
		background-image: url(../images/bg-crane-sm.jpg);
		background-color: #003366;
    	background-size: 100% auto;
	}
	#compromiso {
		background-image: none;
		background-color: #fff;
	}
	#identidad .content-block {
		width: 100%;
    	padding: 10%;
	}
	
	/*--- Filosodia -----------------*/
	#filosofia {
		background-image: url(../images/bg-filosofia-sm.jpg);
		background-size: 100% auto;
	}
	#filosofia-banner img {
		display:inherit;
		width: 100%;
		height: auto;
	}
	#filosofia .content {
		padding: 30px 0 190px;
	}
	#filosofia .content-block {
		width: 100%;
		padding: 10%;
		margin: 0;
		box-sizing: border-box;
	}
	
	/*--- Compromiso ----------------*/
	#compromiso-banner img {
		display:inherit;
		width: 100%;
		height: auto;
	}
	#compromiso .content {
		padding: 50px 0 0 0;
	}
	#compromiso .content-block {
		width: auto;
		padding: 0 0 0 0;
		margin-bottom: 0px;
	}
	#compromiso .content-block {
		margin-top: 0px;
	}
	
	/*=== Consultoria (Mobile) =========================*/
	#ventajas .content-block {
		margin: 0 auto;
		width: auto;
	}
	#ventajas .content-block:nth-child(2) {
		margin: 0 auto;
		width: auto;
	}
	#ventajas .content-block ul {
		box-sizing: border-box;
	}
	#servicios .content-block {
		margin: 0 auto;
		width: auto;
	}
	#services .content-block {
		width: auto;
	}
	/*=== Certificaciones (Mobile) ===================*/
	.logos img {
		display: block;
		width: 100%;
		height: auto;
	}
	.logos {
		height: auto;
		margin: 0 0 20px 0;
	}
	#ctpat-list {
		margin: 0;
		padding: 0;
		background: none; 
	}
	#oea-list {
		margin: 0;
		padding: 0;
		background: none;
	}
	.content-block ol li {
		position: relative;
		margin: 0 0 20px 0;
		padding: 0 0 0 50px;
		counter-increment: step-counter;
	}
	.content-block ol li::before {
		content: counter(step-counter);
		width: 20px;
		padding: 0 20px 0 0;
		margin: 0 5px 0 0;
		text-align: right;
		font-size: 18px;
		line-height: 24px;
		color: #333;
		font-family: 'Roboto';
		font-weight: 500;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/bullet-triangle.gif) no-repeat 25px 5px;
	}

	/*=== Mantenimiento (Mobile) =====================*/
	
	/*=== Productos (Mobile) =====================*/
	.product {
		border-top: none;
	}
	#producto01,
	#producto02,
	#producto03 {
		background: none;
	}
	
	.product .content-block {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	.product .content-block h2 {
		font-size: 20px;
	}
	
	.product .content-block .icon {
		width: 45px;
		height: 45px;
		float: none;
		margin: 0 0 15px 0;
	}
	.product .banner {
		margin: 0;
		border-top: 1px solid #003366;
	}
	.product .content-block h1 {
		margin: 0px 0px 10px;
		padding: 0;
		font-size: 26px;
	}
	
	/*/// FOOTER /////////////////////////////////////////////////////*/
	footer {
		width: 100%;
	}
	.footer-content {
		width: 90%;
		margin: 0 auto;
	}
	.footer-menu {
		height: auto;
		width: 100%;
		/*max-width: 980px;*/
		position: relative;
		font-size: 16px;
		margin: 0 auto;
		padding: 0px;
	}
	#policy-menu {
		display: block;
		width: 100%;
		position: relative;
		margin: 0 auto;
		padding: 0 0 25px;
	}
	#policy-menu ul {
		box-sizing: border-box;
		display: block;
		width: auto;
		margin: 0 auto 25px;
		list-style: none;
	}
	#policy-menu ul li {
		display: list-item;
		margin-bottom: 25px;
		padding: 0 0 0 25px;
		text-align: left;
		background-image: url(../images/bullet-triangle.gif);
		background-position:0px 1px;
		background-repeat: no-repeat;
		border-right: none;
		border-bottom: solid 1px #1E3D5F;
	}
	#policy-menu ul li:last-child {
		margin-bottom: none;
	}
	#policy-menu ul li a {
		height: 20px;
		padding: 0;
		margin: auto;
	}
	#social-menu {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
		margin: 0 auto;
		padding: 0;
	}
	#social-menu ul {
		width: 60%;
		max-width: 390px;
		min-width: 240px;
		margin: 0 auto;
  		display: flex;
  		justify-content: space-between;
	}
	#social-menu ul li a{
		display: block;
		height: 36px
	}
	
	/*
	#social-menu ul li{
		list-style: none;
		width: 33.3%;
		margin: 0;
	}
	#social-menu ul li a{
		width:35px;
		display: block;
		padding: 8px 8px 4px;
		margin: 0 auto;
	}*/
	
	.footer-content {
		width: 90%;
		padding: 0;		
	}
	#copyright {
		text-align: center;
		width: 100%;
		
	}

}