@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/*GENERAL*/
p{color: #4a4a49; font-family: Lato; font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-family: 'Miso'; color: #4a4a49;}
h1{line-height: 40px;}
a:hover{text-decoration: none;}

.pad-left{padding-left: 5%;}
.pad-right{padding-right: 5%;}
.pad-right-02{padding-right: 3%;}
.pad-right-03{padding-right: 2%;}
.pad-right-04{padding-right: 8%;}
.pad-left-03{padding-left: 2%;}
.flexy{display: flex;}
.book-pad{padding-left: 8%; padding-right: 8%;}
.esp-pad{padding-top: 80px; padding-bottom: 80px;}
.blue-text{color: #006db5;}
.red-text{color: #e62831;}
.white-text{color: #ffffff;}
.green-text{color: #008f8a;}
.blacky{font-family: 'Miso Bold';}
.blacky-02{font-weight: 600;}
.space-01{padding-top: 30px;}
.space-02{padding-top: 50px;}
.space-03{padding-top: 80px;}
.mini-space-01{padding-top: 20px;}
.lila-back{background-color: #e8ecf8;}
.white-back{background-color: #ffffff;}
.red-back{background-color: #e62831;}
.grey-back{background-color: #ebeded;}
.flexer{display: flex !important;}
.floater-right{float: right;}
.ghost-item{visibility: hidden;}
.pad-foot{padding-top: 5vh;}
.pad-right-01{padding-right: 20px;}
.cita-text{font-weight: 400; color: #6b6b6b; font-size: 12px;}
.upper-01{font-size: 18px;}
.upper-02{font-size: 24px; line-height: 100%;}
.margin-inv-02{margin-top: -50px;}

.sodimac-corp {width: 100%; max-width: 160px;}
.cont-corp {padding-top: 2vh; padding-bottom: 2vh; border-bottom: 1px solid #e8e8e8; background-color: #ffffff;}

.down-rep{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 22px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-rep:hover{background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.log-rep{height: 50px; display: inline-block; line-height: 46px; font-size: 14px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; font-family: Lato; padding-left: 25px; padding-right: 25px; font-weight: 500; margin-left: 10px;}
.log-rep:hover{text-decoration: none; background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.down-blue{width: 50px; height: 50px; display: inline-block; line-height: 43px; font-size: 22px; background-color: #009ae6; border: 2px solid #009ae6; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-blue:hover{background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.log-blue{height: 50px; display: inline-block; line-height: 46px; font-size: 14px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; font-family: Lato; padding-left: 25px; padding-right: 25px; font-weight: 500; margin-left: 10px;}
.log-blue:hover{text-decoration: none; background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.down-green{width: 50px; height: 50px; display: inline-block; line-height: 43px; font-size: 22px; background-color: #45baa3; border: 2px solid #45baa3; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-green:hover{background-color: #005b54; border: 2px solid #005b54; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 91, 84, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.log-green{height: 50px; display: inline-block; line-height: 46px; font-size: 14px; background-color: #038780; border: 2px solid #038780; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; font-family: Lato; padding-left: 25px; padding-right: 25px; font-weight: 500; margin-left: 10px;}
.log-green:hover{text-decoration: none; background-color: #005b54; border: 2px solid #005b54; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 91, 84, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.go-inicio{position: fixed; right: 85px; top: 10px; width: 45px; height: 45px; display: inline-block; line-height: 40px; font-size: 18px; background-color: #e3051f; border: 2px solid #e3051f; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.go-inicio:hover{background-color: #ad001d; border: 2px solid #ad001d; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(137, 0, 5, 0.2); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.go-inicio-02{position: fixed; right: 20px; top: 10px; width: 45px; height: 45px; display: inline-block; line-height: 40px; font-size: 18px; background-color: #e3051f; border: 2px solid #e3051f; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.go-inicio-02:hover{background-color: #ad001d; border: 2px solid #ad001d; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(137, 0, 5, 0.2); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.go-chaps{position: fixed; right: 70px; top: 15px; width: 50px; height: 50px; display: inline-block; line-height: 45px; font-size: 22px; background-color: #fa5056; border: 2px solid #fa5056; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.go-chaps:hover{background-color: #890005; border: 2px solid #890005; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(137, 0, 5, 0.2); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.sodimac-light svg {width: 100%;}
.sodimac-light {position: fixed; z-index: 999; max-width: 200px; left: 8%; top: 35px;}

.sodimac-light-anual svg {width: 100%;}
.sodimac-light-anual {position: absolute; z-index: 999; max-width: 200px; right: 5%; top: 30px;}

.next-cap-anual{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 22px; font-family: Miso Bold; background-color: #004084; border: 2px solid #004084; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.next-cap-anual:hover{text-decoration: none; background-color: #006db5; border: 2px solid #006db5; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.next-cap-anual-active{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 22px; font-family: Miso Bold; background-color: #006db5; border: 2px solid #006db5; color: #ffffff; text-align: center; border-radius: 50px; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.next-cap-anual-active:hover{text-decoration: none; color: #ffffff; transition: .3s;}
.caps-anual{position: fixed; bottom: 0; background-color: #004084; padding-bottom: 10px;}
.caps-sos{position: fixed; bottom: 0; background-color: #005151; padding-bottom: 10px;}
.cont-caps{margin-top: -15px;}

.next-cap-sos{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 22px; font-family: Miso Bold; background-color: #005151; border: 2px solid #005151; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.next-cap-sos:hover{text-decoration: none; background-color: #008f8a; border: 2px solid #008f8a; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(1, 58, 48, 0.4); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.next-cap-sos-active{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 22px; font-family: Miso Bold; background-color: #008f8a; border: 2px solid #008f8a; color: #ffffff; text-align: center; border-radius: 50px; box-shadow: 0px 10px 10px 0px rgba(1, 58, 48, 0.4); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.next-cap-sos-active:hover{text-decoration: none; color: #ffffff; transition: .3s;}


.home-cap-anual{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 24px; background-color: #63cbff; border: 2px solid #63cbff; color: #006cb5; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.home-cap-anual:hover{text-decoration: none; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(1, 58, 48, 0.4); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.home-cap-sos{width: 50px; height: 50px; display: inline-block; line-height: 46px; font-size: 24px; background-color: #8ae2d3; border: 2px solid #8ae2d3; color: #008f8a; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.home-cap-sos:hover{text-decoration: none; background-color: #008f8a; border: 2px solid #008f8a; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(1, 58, 48, 0.4); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
/*FIN GENERAL*/

/*PORTADA GENERAL*/
.banner-port{height: 50vh; background: url(../shapes/sodimac-portada.jpg) no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.cont-ports{height: 50vh;}
.pad-boxs{padding: 30px;}
.cont-ports .pad-boxs{margin-top: -21vh;}
.img-thumb-port{width: 100%; border-radius: 20px 20px 0 0;}
.none-bordes{padding-left: 0; padding-right: 0;}
.mini-tit-anual, .mini-tit-sos{height: 100%; height: 80px;}
.pad-boxy{padding: 30px 30px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 20px 20px;}
.juntos{margin-top: 20px; margin-bottom: 30px; width: 80%; font-weight: 500;}
/*FIN PORTADA PRINCIPAL*/

/*PORTADA ANUAL*/
.port-rep-anual{height: 100vh; background-color: #006cb5; padding-top: 12vh;}
.rep-anual-tit{width: 100%; max-width: 300px;}
.port-rep-anual h4{color: #ffffff; font-family: Lato; font-weight: 300; width: 50%; margin-top: 30px;}

.square-top {position: absolute; left: 0; top: 0; width: 100%;}
.square-bottom {position: absolute; left: 0; bottom: 0; width: 100%;}

.portada-reporte-anual {width: 100%; max-width: 1060px; margin-top: 4vh;}

.down-rep-inter{width: 50px; height: 50px; display: inline-block; line-height: 43px; font-size: 22px; background-color: #63cbff; border: 2px solid #63cbff; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-rep-inter:hover{background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.juntos-construimos {width: 100%; max-width: 320px; margin-top: 30px; margin-bottom: 50px;}
.down-red{width: 45px; height: 45px; display: inline-block; line-height: 37px; font-size: 20px; background-color: #e3051f; border: 2px solid #e3051f; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; position: fixed; right: 35px; top: 10px;}
.down-red:hover{background-color: #ad001d; border: 2px solid #ad001d; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(142, 0, 31, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

#wood-box-01{background: url('../shapes/wood-green-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 47vh;}
#wood-box-02{background: url('../shapes/wood-red-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 47vh;}
.presidente-dir{width: 100%; max-width: 235px; margin-top: 2vh;}
/*FIN PORTADA ANUAL*/

/*PORTADA 2*/
.thumb-anual-port, .thumb-sos-port{background-color: #ffffff; border-radius: 20px 20px 0 0;}
.pad-boxy-2{padding: 30px 30px; box-shadow: 0px 4px 20px 0px rgba(0, 64, 132, 0.3); border-radius: 0px 0px 20px 20px; background-color: #006cb5;}
.pad-boxy-3{padding: 30px 30px; box-shadow: 0px 4px 20px 0px rgba(0, 81, 81, 0.2); border-radius: 0px 0px 20px 20px; background-color: #008f8a;} 

.down-blue-2{width: 50px; height: 50px; display: inline-block; line-height: 43px; font-size: 22px; background-color: #63cbff; border: 2px solid #63cbff; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-blue-2:hover{background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.log-blue-2{height: 50px; display: inline-block; line-height: 46px; font-size: 14px; background-color: #009ae6; border: 2px solid #009ae6; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; font-family: Lato; padding-left: 25px; padding-right: 25px; font-weight: 500; margin-left: 10px;}
.log-blue-2:hover{text-decoration: none; background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.juntos-2{margin-top: 20px; margin-bottom: 30px; width: 80%; font-weight: 500; color: #ffffff;}

.down-green-2{width: 50px; height: 50px; display: inline-block; line-height: 43px; font-size: 22px; background-color: #8ae2d3; border: 2px solid #8ae2d3; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.down-green-2:hover{background-color: #005151; border: 2px solid #005151; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 91, 84, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.log-green-2{height: 50px; display: inline-block; line-height: 46px; font-size: 14px; background-color: #3abaa4; border: 2px solid #3abaa4; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; font-family: Lato; padding-left: 25px; padding-right: 25px; font-weight: 500; margin-left: 10px;}
.log-green-2:hover{text-decoration: none; background-color: #005151; border: 2px solid #005151; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 91, 84, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.mapa-america{width: 100%;}
/*FIN PORTADA 2*/

.info-sodimac{text-align: right;}
.info-sodimac h1 {font-size: 50px;}
.info-sodimac h4{margin-bottom: 0;}
.banderas-america{width: 100%; max-width: 50px; margin-bottom: 10px;}
.icon-sodimac{width: 80px; padding-right: 10px; -ms-flex-item-align: flex-end!important; align-self: flex-end!important;}
.icons-mejor{width: 100%;}
.paragraph-icon{width: 80%; float: right;}
.casita-sodimac{width: 100%; max-width: 630px;}
.letra-reir{width: 100%; max-width: 100px; margin-bottom: 15px;}
.bandera-pais{width: 100%; max-width: 80px; margin-top: 8px;}

#trabajo-optimo{background-image: url('../shapes/reporte-anual/trabajo-optimo.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#clientes-estrategia{background-image: url('../shapes/reporte-anual/clientes-estrategia.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#construyendo-hogares{background-image: url('../shapes/reporte-anual/construyendo-hogares.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#foco-digitalizacion{background-image: url('../shapes/reporte-anual/foco-digitalizacion.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#solido-crecimiento{background-image: url('../shapes/reporte-anual/solido-crecimiento.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#operacion-consolidada{background-image: url('../shapes/reporte-anual/operacion-consolidada.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#inicio-gran-camino{background-image: url('../shapes/reporte-anual/inicio-gran-camino.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#crecimiento-foco-cliente{background-image: url('../shapes/reporte-anual/crecimiento-foco-cliente.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#wood-box-03{background: url('../shapes/reporte-anual/wood-red-back-02.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-04{background: url('../shapes/reporte-anual/wood-yellow-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-05{background: url('../shapes/reporte-anual/wood-brick-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-06{background: url('../shapes/reporte-anual/wood-sky-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-07{background: url('../shapes/reporte-anual/wood-green-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-08{background: url('../shapes/reporte-anual/wood-blue-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 34vh;}
#wood-box-09{background: url('../shapes/reporte-sostenibilidad/wood-esmeralda-back.png'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; height: 42vh;}
.eduardo-mizon{width: 100%; max-width: 200px; margin-top: 2vh;}
.cliente-sodimac-01{width: 100%;}
.corner-00{width: 100%; max-width: 100px; position: absolute; right: 0px; bottom: 0px;}
.corner-02{width: 100%; max-width: 100px; position: absolute; right: -1px; bottom: -1px;}
.corner-03{width: 100%; max-width: 100px; position: absolute; right: -1px; bottom: -1px;}
.contruir-suenios{width: 100%; max-width: 400px; margin-top: -85px;}
.ciudad-sodimac{position: absolute; left: 0; bottom: 7vh; width: 100%; max-width: 580px;}
.plaza-sodimac{position: absolute; right: 0; bottom: 2vh; width: 100%; max-width: 630px;}

.metas-sod {margin-top: -4vh;}

#sodimac-instit{background-image: url('../shapes/reporte-anual/sodimac-instit.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}

/*Reporte sostenibilidad*/
.port-rep-sos {height: 100vh; background-color: #008f8a; padding-top: 12vh;}
.go-inicio-sos {position: fixed; right: 85px; top: 10px; width: 45px; height: 45px; display: inline-block; line-height: 40px; font-size: 18px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.go-inicio-sos:hover {background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.go-inicio-sos-02 {position: fixed; right: 20px; top: 10px; width: 45px; height: 45px; display: inline-block; line-height: 40px; font-size: 18px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s;}
.go-inicio-sos-02:hover {background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.down-blue-sos {width: 45px; height: 45px; display: inline-block; line-height: 37px; font-size: 20px; background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; text-align: center; border-radius: 50px; transition: .3s; -webkit-transition: .3s; position: fixed; right: 35px; top: 10px;}
.down-blue-sos:hover {background-color: #004084; border: 2px solid #004084; color: #ffffff; box-shadow: 0px 10px 10px 0px rgba(0, 64, 132, 0.3); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.link-to-pdf-anual{font-size: 13px; font-family: Lato; font-weight: 400; background-color: #009ae6; padding: 2px 12px 3px 12px; border-radius: 20px; color: #ffffff; margin-left: 2px; transition: .3s; display: inline-block;}
.link-to-pdf-anual:hover{background-color: #004084; color: #ffffff; text-decoration: none;}
.link-to-pdf-anual svg{vertical-align: middle; margin-left: 2px;}
.anio-rep {width: 100%; max-width: 100px; position: absolute; right: 5%; top: 66px; padding-right: 26px;}
.fecha-rep{position: absolute; top: 80px; left: 8%; width: 100%; max-width: 100px;}

.link-to-pdf-sos {font-size: 13px; font-family: Lato; font-weight: 400; background-color: #45baa3; padding: 2px 12px 3px 12px; border-radius: 20px; color: #ffffff; margin-left: 2px; transition: .3s; display: inline-block;}
.link-to-pdf-sos:hover {background-color: #005448; color: #ffffff; text-decoration: none;}

.clientes-jardin{width: 100%; max-width: 400px;}
#manos-jardin{background-image: url('../shapes/reporte-sostenibilidad/manos-jardin.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.eduardo-mizon-sos {width: 100%; max-width: 230px; margin-top: 2vh;}
.greeny-boxy{padding: 30px 40px 50px 40px; background-color: #008f8a;}
.pad-bots {padding: 15px;}

#familia-sodimac-sos{background-image: url('../shapes/reporte-sostenibilidad/familia-sodimac-sos.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#lamparas-sodimac{background-image: url('../shapes/reporte-sostenibilidad/lamparas-sodimac.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#trabajadores-sodimac{background-image: url('../shapes/reporte-sostenibilidad/trabajadores-sodimac.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#sodimac-nueva{background-image: url('../shapes/reporte-sostenibilidad/sodimac-nueva.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#sodimac-maquinaria{background-image: url('../shapes/reporte-sostenibilidad/sodimac-maquinaria.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#nuestros-clientes{background-image: url('../shapes/reporte-sostenibilidad/nuestros-clientes.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#nuestros-clientes-02{background-image: url('../shapes/reporte-sostenibilidad/nuestros-clientes-02.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#jardin-sodimac{background-image: url('../shapes/reporte-sostenibilidad/jardin-sodimac.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: -50px;}
#nuestros-clientes-03{background-image: url('../shapes/reporte-sostenibilidad/nuestros-clientes-03.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
#medioambiente-sodimac{background-image: url('../shapes/reporte-sostenibilidad/medioambiente-sodimac.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh;}
#compromiso-comunidad{background-image: url('../shapes/reporte-sostenibilidad/compromiso-comunidad.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vh; margin-bottom: 50px;}
.ciudad-ecologica{width: 100%; max-width: 400px;}
.fachada-verde{width: 100%; max-width: 500px;}
.reponedores-verdes{width: 100%; max-width: 500px;}
.plantas-verdes{width: 100%; max-width: 550px;}
.gob-corp-01{width: 100%; max-width: 240px;}
.gob-corp-01{width: 100%; max-width: 375px;}
.pareja-verde{width: 100%; max-width: 240px;}
.fachada-homecenter{width: 100%; max-width: 700px;}
.hagalo-usted{width: 100%; max-width: 300px;}
.reponedora-jardin{width: 100%; max-width: 450px;}
.proveedores-sodimac{width: 100%; max-width: 500px;}

.cadena-valor{width: 100%;}

.video-sos {position: absolute; right: 4vh; bottom: 15vh; text-align: right;}
.video-sos video{width: 320px; height: 240px;}
.link-to-pdf-sos svg {vertical-align: middle; margin-left: 2px;}

.capsul-azul{width: 80%; max-width: 320px; background-color: #006cb5; display: flex; vertical-align: middle; border-radius: 50px; transition: .3s;}
.capsul-azul span{color: #ffffff; font-family: Miso; font-size: 18px; line-height: 100%; align-self: center; padding-left: 10px;}
.capsul-nro{width: 60px; height: 60px; color: #ffffff; background-color: #63cbff; border-radius: 50px; transition: .3s; text-align: center; align-self: center;}
.capsul-nro span{text-align: center; font-size: 28px; padding-left: 0; line-height: 60px; font-weight: 900; color: #006cb5; transition: .3s;}
.capsul-azul:hover{background-color: #004084; -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px); box-shadow: 4px 0px 10px 0px rgba(0, 64, 132, 0.3);}
.capsul-azul:hover .capsul-nro{background-color: #009ae6;}
.capsul-space{margin-top: 10px;}
.capsul-azul:hover .capsul-nro span{color: #63cbff;}

.capsul-verde {width: 80%; max-width: 320px; background-color: #008f8a; display: flex; vertical-align: middle; border-radius: 50px; transition: .3s;}
.capsul-verde span{color: #ffffff; font-family: Miso; font-size: 18px; line-height: 100%; align-self: center; padding-left: 10px;}
.capsul-nro-verde {width: 60px; height: 60px; color: #ffffff; background-color: #8ae2d3; border-radius: 50px; transition: .3s; text-align: center; align-self: center;}
.capsul-nro-verde span {text-align: center; font-size: 28px; padding-left: 0; line-height: 60px; font-weight: 900; color: #008f8a; transition: .3s;}

.capsul-verde:hover {background-color: #005151; -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px); box-shadow: 4px 0px 10px 0px rgba(0, 91, 84, 0.3);}
.capsul-verde:hover .capsul-nro-verde {background-color: #3abaa4;}
.capsul-verde:hover .capsul-nro-verde span{color: #8ae2d3;}

#manos-jardin-02{background-image: url('../shapes/reporte-sostenibilidad/manos-jardin.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 40vh; margin-bottom: 50px;}
.itube iframe{width: 560px; height: 315px;}

.portada-sos {width: 100%; float: right;}
.tb-item-02{display: none;}
.pc-item-02{display: block;}