html,body {font-weight: 300;margin:0;padding:0;color:#454f5c;font-size:16px;  }
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;}
.contenedor {max-width:1190px;margin-left:auto;margin-right:auto;box-sizing:border-box; text-align: left;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}

header{	text-align:center;background-image:url("../img/header_back_patch.jpg"); background-repeat:no-repeat;background-size:cover; border-bottom: 10px solid  #ef1e24;}
.header_patch{background-image:url("../img/header_back_patch.jpg")}
#header_section {position: relative; color: #ffffff; padding: 2em 0 6.5em; }
#header_section .contenedor {position: relative; z-index: 2;padding-top: 40px;}


#header_section h1{font-size: 2.17em; width: 45%;  padding-top: 0.8em; position: relative; font-weight: 400; line-height: 1.7em;}
#header_section p{ width: 54%; margin: 2.3em 0 3.4em; font-size: 0.95em; line-height: 1.74em; min-height: 2.8em;font-weight: 400;}
#header_section .button_zone { margin-top: 2.12em; text-align: center; }

#header_section .logo_wg{background:  url("../img/logo_wg.png") no-repeat  center top; width: 247px; height: 72px; margin-top: 4em;}
a.boton_rojo{ background-color: #fa0808; border-color: #fa0808; display: block;  color: #ffffff; font-size: 1.18em !important;letter-spacing: normal; width: 12.8em; padding: 19px 20px; text-align: center; text-decoration: none !important;  font-weight: 400;}

#b2b_home h2{color: #0042f2; margin-top: 3em; font-weight: 400; font-size: 2.25em}
#b2b_home h2 a{color: #0042f2; font-weight: 400;display: inline-block; text-decoration: none;}
#b2b_home h4{ color: #101010; font-weight: 400; font-size: 1.46em; margin: 1.57em 0 1.2em;}
#b2b_home a{ text-decoration: underline; display: block;}
main a{  font-weight: 400;color: #ef1e24;}
#b2b_home .product{display: inline-block; vertical-align: top; width: 47%; margin:0 3em 0 0;}
#b2b_home .product p{font-weight: 400;}

#b2b_home .icon{display: inline-block; vertical-align: middle; margin-right: 0.28em;background:  url("../img/icon-operations.png") no-repeat  center top; width: 42px; height: 38px;}
#b2b_home #advanced .icon{background:  url("../img/icon-advanced.png") no-repeat  center top; width: 43px; height: 45px; vertical-align: sub;}
#b2b_home #endpoint .icon{background:  url("../img/icon-endpoint.png") no-repeat  center top; width: 40px; height: 36px;}
#b2b_home #download .icon{background:  url("../img/icon-download.png") no-repeat  center top; width: 44px; height: 44px;}
#b2b_home #operations .product{ width: 30%; margin-right: 3em;}
.product.last{margin-right: 0 !important;}
.product a{margin-top: 1.6em;}
#operations .product{ margin-bottom: 6em;}
#endpoint h2{ margin-top: 1.2em;}
#endpoint a.boton_rojo{ margin: 4em auto 0; width: 15.3em;}

#claim{background-image:url("../img/claim.jpg"); background-attachment:fixed;background-repeat:no-repeat;background-size:cover; color: #ffffff; padding: 8.5em 0 6.4em; margin-top: 5.8em;}
#claim h3{ font-size: 2.52em; margin-bottom: 0.63em; font-weight: 400;}
#claim p{ font-size: 1.14em;}
#claim a.boton_rojo{ margin: 3.9em 0 0 ; width: 15.6em;}

#download .contenedor{background-image:url("../img/download.png"); background-repeat: no-repeat;background-position: top right; padding: 0 0 5.6em; margin-top: 6.4em }
#b2b_home #download .icon{ vertical-align: top;}
#download p{margin: 2.3em 0 6.6em; width: 50%;}
#download a.boton_rojo{width: 15.4em;}

@media screen and ( max-width: 11200px ){	
	.contenedor {   width: auto; padding: 0 20px;}
	#download .contenedor{padding: 0 20px 5.6em;}
}
@media screen and ( max-width: 1080px ){	
	#b2b_home #operations .product {    width: 46%; margin-right: 2em;}
	.product.last{margin-right: 2em !important;}
	#download .contenedor {    background-size: 40%;}
	#advanced .product.last{margin-right: 0 !important;}
}
@media screen and ( max-width: 1000px ){	
	#header_section h1,#header_section p {    width: 85%;}	
}
@media screen and ( max-width: 900px ){	
	#b2b_home .product,#b2b_home #operations .product { display: block; width: 95%; margin-right: 0;}
}
@media screen and ( max-width: 800px ){		
	#download .contenedor {    background: none;}
	#download p {    width: 95%;}
}
@media screen and ( max-width: 450px ){	
	#claim a.boton_rojo,#download a.boton_rojo { margin-left:  auto; margin-right: auto;}
}
@media screen and ( max-width: 370px ){	
	#claim a.boton_rojo,#download a.boton_rojo,#endpoint a.boton_rojo {width: 13.6em;}
}