* {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition:  all 0.5s ease;
}

body {
font-family: 'Montserrat', Arial, sans-serif;
font-size:16.5px;
font-smooth: always;
font-smooth: 2em;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
overflow-x:hidden;
}

@media (max-width: 1160px) {

	body {
		font-size:11px;
	}

}

a, a:hover {
text-decoration:none;	
}

.container-fluid {
padding:0px;
}

a.skip-link.screen-reader-text {
display: none !important;
}

main {
margin:0px;
padding:0px !important;
}

.container {
max-width:1280px;	
}

/* PRODUCTOS */

.esc-our-product div {
margin-bottom:35px;
}

.esc-our-products h1 {
font-size:2.15em;
font-weight:700;
color:#231F20;
text-transform:uppercase;
text-align:center;
margin:60px 0px 0px 0px;
}

.esc-our-products h2, 
.esc-our-products h2 a {
font-size:1.09em;
font-weight:700;
color:#231F20;
text-align:center;
margin:0px 0px 50px 0px;
letter-spacing:5px;
}

.esc-our-products h2 a {
margin:0px;	
}

.esc-our-products h2 a:hover {
text-decoration:underline;
}

.esc-our-products p {
font-size:1.09em;
font-weight:400;
font-style:italic;
color:#5D5E5E;
text-align:center;
margin:50px 0px 50px 0px;
}

.esc-our-products img {
text-align:center;
width:120px;
height:auto;
margin:0px 0px 30px 0px;
}

.esc-our-products span {
width:100%;
float:left;
font-size:1.44em;
color:#5D5E5E;
text-align:center;
font-weight:700;
line-height:1em;
}

.esc-our-products a {
float:left;
width:100%;
text-align:center;	
}

.esc-our-products a:hover > img {
opacity:0.7;
transform: scale(1.2);
}

.esc-our-products a:hover > span {
text-decoration:underline;	
}

/* PLAN */

.esc-plan {
background:#08ABB7;
}

.esc-plan-bloque .row div:nth-of-type(1) {
}

.esc-hexagono {
display: flex;
flex-direction: column;
justify-content: center;
}

.hexagon {
margin:0px auto;
}

.hexagon div:nth-child(1) {
float: left;
border-right: 70px solid rgba(255, 255, 255, .8);
border-top: 115px solid rgba(255, 255, 255, .0);
border-bottom: 115px solid rgba(255, 255, 255, .0);
}

.hexagon div:nth-child(2) {
float: left;
width: 130px;
height: 230px;
padding-top:80px;
background: rgba(255, 255, 255, 0.8);
font-weight:700;
text-align:center;
color:#5D5E5E;
text-transform:uppercase;
font-size:2.13em;
line-height:0.8em;
	
	
    width: 170px;
    padding-top: 110px;
    font-size: 1.2em;
	
}

.hexagon div:nth-child(3) {
float: left;
border-left: 70px solid rgba(255, 255, 255, .8);
border-top: 115px solid rgba(255, 255, 255, .0);
border-bottom: 115px solid rgba(255, 255, 255, .0);
}

@media (max-width: 768px) {
	
	.hexagon div:nth-child(1) {
	border-right: 30px solid rgba(255, 255, 255, .8);
	border-top: 70px solid rgba(255, 255, 255, .0);
	border-bottom: 70px solid rgba(255, 255, 255, .0);
	}

	.hexagon div:nth-child(2) {
	width: calc(100% - 60px);
	height: 140px;
	padding-top:55px;
	}

	.hexagon div:nth-child(3) {
	border-left: 30px solid rgba(255, 255, 255, .8);
	border-top: 70px solid rgba(255, 255, 255, .0);
	border-bottom: 70px solid rgba(255, 255, 255, .0);
	}
	
	.esc-plan-bloque h2 {
    font-size: 2.08em;
    margin: 0px 0px 30px 0px;
	}
	
	.esc-hexagono {
	margin-bottom:30px;
	}
	
	.esc-plan-bloque .col-lg-6.col-md-7.col-sm-7.col-xs-12 {
    margin-bottom: 80px;
	}
	
}

.esc-plan-bloque .row div:nth-of-type(2) div {
background:rgba(255, 255, 255, .8);
padding:60px 45px;
float:left;
width:100%;
}

.esc-plan-bloque h1,
.esc-plan-bloque h2,
.esc-plan-bloque h3 {
float:left;
width:100%;
font-weight:700;
text-transform:uppercase;
margin:0px auto;
}

.esc-plan-bloque h1 {
font-size:1.97em;
color:#E62028;
}

.esc-plan-bloque h2 {
font-size:3.08em;
color:#5D5E5E;
margin:-10px 0px 30px 0px;
}

.esc-plan-bloque h3 {
font-size:1.71em;
color:#5D5E5E;
line-height:1em;
}

.esc-plan-bloque h3 strong, 
.esc-plan-bloque h3 b {
color:#E62028;
}

/* GLOBAL FOOTPRINTS */

.esc-global-footprints {
background:url(../img/bg/global-footprints.jpg) repeat-y center;	
}

.esc-global-footprints-growth {
background:#34c0c7;	
background:url(../img/bg/bg-global-footprints.jpg) no-repeat center right;	
background-size:cover;
}

.esc-global-footprints-slider {
background:#c2d0b9;	
}

.esc-global-footprints-growth div {
background:url(../img/svg/global-footprints.svg) no-repeat center;	
background-size:contain;
width:364px;
height:320px;
display: flex;
flex-direction: column;
justify-content: center;
float: right;
margin:120px -15px 120px auto;
}

.esc-global-footprints-growth div h1 {
font-size:2.03em;
line-height:0.9em;
font-weight:700;
color:#fff;
text-transform:uppercase;
text-align:center;	
}

.esc-global-footprints-growth div h2 {
font-size:0.8em;
font-weight:700;
color:#fff;
text-align:center;
letter-spacing:6px;
} 

.esc-global-footprints-slider {
padding-left:0px;
}

.esc-global-footprints-slider h1 {
font-size:2.05em;
line-height:0.9em;
color:#5D5E5E;
font-weight:700;
text-transform:uppercase;
margin:50px 0px 0px 50px;
}

.esc-global-footprints-slider .timeline {
display: flex;
flex-direction: column;
justify-content: center;
}

.esc-global-footprints-slider .timeline .esc-timeline-left {
float:left;
width:210px;
margin:75px 0px;
}

.esc-global-footprints-slider .timeline .esc-timeline-right {
float:left;
width:calc(100% - 210px);
}

.esc-global-footprints-slider .timeline h1 {
font-size:5.64em;
width:210px;
height:185px;
line-height:0.9em;
color:#E62028;
font-weight:700;
text-transform:uppercase;
background:url(../img/svg/blancorojo.svg) no-repeat center;
background-size:contain;
display: flex;
flex-direction: column;
justify-content: center;
text-align:center;
margin:auto 0px;
}

.esc-global-footprints-slider .timeline .esc-timeline-right {
font-size: 1.36em;
line-height:1em;
padding:25px 25px 40px 25px;
color: #231F20;
margin: auto 0px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.timeline-dots-wrap h6 {
font-size:1.22em;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase;
margin:0px 0px 0px 70px;
}

@media (max-width: 992px) {
	
	.esc-global-footprints-slider .timeline h1 {
    font-size: 4em;
    width: 150px;
	}
	.esc-global-footprints-slider .timeline .esc-timeline-left {
    width: 150px;
    margin: 94px 0px;
	}
	.esc-global-footprints-slider .timeline .esc-timeline-right {
    width: calc(100% - 320px);
	}
	.esc-global-footprints-growth div {
    width: 100%;
	}
	.timeline-dots-wrap h6 {
    margin: 0px 0px 0px 20px;
	}
	.timeline-horizontal .timeline-dots li {
    width: 30px;
	}
	.esc-global-footprints-slider .timeline .esc-timeline-right {
    width: 40%;
	}
	.timeline-dots li.slide-active button,
	.timeline-dots button {
    font-size: 1.2em;
	}
	
}

@media (max-width: 768px) {
	
	.esc-global-footprints-growth div {
    height: 225px;
    margin: 20px auto;
	}
	
	.timeline-dots-wrap.bottom {
    bottom: 0px;
	}
	
	.esc-global-footprints-slider .timeline .esc-timeline-left {
    margin: 50px 15px;
	}
	
	.esc-global-footprints-slider .timeline .esc-timeline-right {
    padding: 25px 25px 85px 25px;
	}
	
}

/* BUSINESS STRUCTURE */

.esc-business-structure {
background:#34c0c7;
padding:0px;
}

#enterprise {
background:url(../img/bg/bg-enterprise.jpg) no-repeat center;
background-size:cover;
}

.esc-business-structure-titulo {
background:#fff;
}

.esc-business-structure h1 {
text-align:center;
color:#5D5E5E;
font-size:2.05em;
font-weight:700;
text-transform:uppercase;
margin:35px auto;
}

.esc-business-structure h1 span {
color:#E62028;
}

.esc-structure-texto {
margin: 155px 0px 0px 0px;
}

.esc-structure-texto div:nth-of-type(1) {
float: left;
border-right: 35px solid rgba(255, 255, 255, .8);
border-top: 125px solid rgba(255, 255, 255, .0);
border-bottom: 125px solid rgba(255, 255, 255, .0);
}

.esc-structure-texto div:nth-of-type(2) {
float: left;
width:calc(100% - 35px);
background: rgba(255, 255, 255, 0.8);	
padding:0px 40px;
height:250px;
text-align:center;
display: flex;
flex-direction: column;
justify-content: center;
}

.esc-structure-texto h1,
.esc-structure-texto h2 {
font-size:1.63em;
font-weight:700;
text-transform:uppercase;
color:#E62028;
margin:0px auto;
}

.esc-structure-texto h2 {
color:#5D5E5E;
text-transform:none;
}

.esc-estructura {
position:relative;
width:400px;
height:400px;
margin:80px 0px;
background:url(../img/svg/estructura.svg) no-repeat center;
background:url(http://www.eastsunchem.com/wp-content/uploads/2026/03/estructura_2026.svg) no-repeat center;
background-size:contain;
}

.esc-estructura div {
position:absolute;
font-size:0.77em;
color:#5D5E5E;
text-transform:uppercase;
text-align:center;
font-weight:700;
display: flex;
flex-direction: column;
justify-content: center;
width:122.5px;
height:122.5px;
background:url(../img/svg/estructura-rojo.svg) no-repeat center;
}

.esc-estructura #btn1 {
left:calc(50% - 61px);	
}

.esc-estructura #btn2 {
left:calc(75% - 61px);
top:calc(25% - 61px);
}

.esc-estructura #btn3 {
right:0%;
top:calc(50% - 61px);
}

.esc-estructura #btn4 {
left:calc(75% - 61px);
bottom:calc(25% - 61px);
}

.esc-estructura #btn5 {
left:calc(50% - 61px);
bottom:0%;
}

.esc-estructura #btn6 {
left:calc(25% - 61px);
bottom:calc(25% - 61px);
}

.esc-estructura #btn7 {
left:0%;
top:calc(50% - 61px);
}

.esc-estructura #btn8 {
left:calc(25% - 61px);
top:calc(25% - 61px);
}

.esc-estructura #btn0 {
left:calc(50% - 61px);
top:calc(50% - 61px);
color:rgb(0,0,0,0);
}

.esc-estructura #btn0:hover,
.esc-estructura .activo,
.esc-estructura div:hover {
cursor:pointer;
color:#fff;	
background:url(../img/svg/estructura-gris.svg) no-repeat center;
}

@media (max-width: 768px) {
	
	.esc-estructura {
		margin: 80px auto 40px auto;
	}
	
	.esc-structure-texto {
    margin: 0px 0px 0px 0px;
	}
	
	.esc-structure-texto div:nth-of-type(1) {
    display: none;
	}
	
	.esc-structure-texto div:nth-of-type(2) {
    width: calc(80% - 0px);
    margin: 0px auto 40px 10%;
    padding: 0px 40px;
    height: 140px;
	}

}

/* WORLDWIDE REACH */

.esc-reach-titulo div:nth-of-type(1) {
font-size:1.74em;
color:#5D5E5E;
font-weight:700;
line-height:1em;
text-align:center;
width:265px;
height:275px;
background:url(../img/svg/rojo.svg) no-repeat center;
background-size:contain;
display: flex;
flex-direction: column;
justify-content: center;
margin:45px 0px 0px 0px;
z-index:999;
}

.esc-reach-titulo {
margin-bottom: -81px;
}

.esc-reach-titulo div:nth-of-type(2) {
font-size:1.36em;
color:#E62028;
font-weight:700;
line-height:1em;
display: flex;
flex-direction: column;
justify-content: center;
padding-top:30px;
z-index:999;
}

.esc-reach-mapa-box {
z-index:0;	
}

.esc-reach-mapa {
background:url(../img/svg/mapa.svg) no-repeat center;
background-size:contain;
width:1280px;
height:683px;
position:relative;
z-index:0;
}

.esc-reach-mapa span {
background:url(../img/svg/loc.svg) no-repeat center;
background-size:contain;
width:21px;
height:24px;
width:39px;
height:45px;
position:absolute;
}

.esc-reach-mapa span:hover,
.esc-reach-mapa span.activo {
background:url(../img/svg/loc-activo.svg) no-repeat center;
background-size:contain;
cursor:pointer;
}

.esc-reach {
position: relative;
}

.esc-popup {
opacity:0;
display:none;
margin: 0px auto;
position: fixed;
z-index: 9999999;
width: 600px;
max-width: 600px;
left: calc(50% - 300px);
top: calc(50% - 200px);
width: 450px;
max-width: 450px;
left: calc(50% - 225px);
top: calc(50% - 125px);
position:fixed;
}

.esc-popup span {
font-size:1.36em;
color:#FFFFFF;
font-weight:700;
cursor:pointer;
position: absolute;
bottom: 30px;
left: 50%;
}

.esc-popup h1 {
font-size:1.36em;
color:#FFFFFF;
font-weight:700;
}

.esc-popup span:hover {
opacity:0.5;
}

.esc-popup div:nth-of-type(1) {
float: left;
border-right: 150px solid rgba(93, 94, 94, 1);
border-right: 75px solid rgba(93, 94, 94, 1);
border-top: 250px solid rgba(93, 94, 94, .0);
border-top: 125px solid rgba(93, 94, 94, .0);
border-bottom: 250px solid rgba(93, 94, 94, .0);
border-bottom: 125px solid rgba(93, 94, 94, .0);
}

.esc-popup div:nth-of-type(2) {
float: left;
width:300px;
background: rgba(93, 94, 94, 1);	
height:500px;
height:250px;
text-align:center;
display: flex;
flex-direction: column;
justify-content: center;
color:#fff;
font-size:1em;
line-height:1em;
}

.esc-popup div:nth-of-type(3) {
float: left;
border-left: 150px solid rgba(93, 94, 94, 1);
border-left: 75px solid rgba(93, 94, 94, 1);
border-top: 250px solid rgba(93, 94, 94, .0);
border-top: 125px solid rgba(93, 94, 94, .0);
border-bottom: 250px solid rgba(93, 94, 94, .0);
border-bottom: 125px solid rgba(93, 94, 94, .0);
}

#loc01 { left:215px; top:205px; }
#loc02 { left:365px; top:520px; }
#loc03 { left: 563px; top: 185px; }
#loc04 { left: 598px; top: 200px; }
#loc05 { left: 634px; top: 199px; }
#loc06 { left: 617px; top: 231px; }
#loc07 { left:540px; top:345px; }
#loc08 { left: 573px; top: 354px; }
#loc09 { left: 562px; top: 393px; }
#loc10 { left: 597px; top: 330px; }
#loc11 { left: 601px; top: 382px; }
#loc12 { left: 635px; top: 390px; }
#loc13 { left: 634px; top: 354px; }
#loc14 { left:745px; top:493px; }
#loc15 { left:779px; top:493px; }
#loc16 { left: 1049px; top: 511px; }
#loc17 { left: 965px; top: 265px; }
#loc18 { left: 1006px; top: 293px; }
#loc19 { left: 989px; top: 323px; }

#loc20 {
    left: 953px;
    top: 422px;
}

#loc03,
#loc04,
#loc05,
#loc06,
#loc07,
#loc08,
#loc09,
#loc10,
#loc11,
#loc12,
#loc13 {
transform: rotate(15deg);
}

@media (max-width: 768px) {
	
	.esc-reach-titulo div:nth-of-type(1) {
    margin: 45px auto 0px auto;
	}

}

@media (max-width:1279px) and (min-width:768px) {
	
	.esc-reach-mapa {
	width:768px;
	height:410px;
	max-width: 768px !important;
	margin: 0px auto;
	}
	
	.esc-reach-mapa span {
	width:21px;
	height:24px;
	}
	
	#loc01 { left:129px; top:123px; }
	#loc02 { left:219px; top:312px; }
	#loc03 { left: 337px; top: 111px; }
	#loc04 { left: 358px; top: 120px; }
	#loc05 { left: 380px; top: 119px; }
	#loc06 { left: 370px; top: 138px; }
	#loc07 { left:324px; top:207px; }
	#loc08 { left: 344px; top: 212px; }
	#loc09 { left: 337px; top: 235px; }
	#loc10 { left: 358px; top: 198px; }
	#loc11 { left: 360px; top: 229px; }
	#loc12 { left: 381px; top: 234px; }
	#loc13 { left: 380px; top: 212px; }
	#loc14 { left:447px; top:295px; }
	#loc15 { left:467px; top:295px; }
	#loc16 { left: 629px; top: 306px; }
	#loc17 { left: 579px; top: 159px; }
	#loc18 { left: 604px; top: 175px; }
	#loc19 { left: 593px; top: 193px; }
	
	.esc-popup {
	width: 500px;
	max-width: 500px;
	left: calc(50% - 250px);
	top: calc(50% - 100px);
	}

	.esc-popup div:nth-of-type(1) {
	border-right: 100px solid rgba(93, 94, 94, 1);
	border-top: 200px solid rgba(93, 94, 94, .0);
	border-bottom: 200px solid rgba(93, 94, 94, .0);
	}

	.esc-popup div:nth-of-type(2) {
	width:300px;
	height:400px;
	}

	.esc-popup div:nth-of-type(3) {
	border-left: 100px solid rgba(93, 94, 94, 1);
	border-top: 200px solid rgba(93, 94, 94, .0);
	border-bottom: 200px solid rgba(93, 94, 94, .0);
	}
	
}

@media (max-width:767px) {
	
	.esc-reach-titulo {
    margin-bottom: 40px;
	}
	
	.esc-reach-titulo div:nth-of-type(2) {
    text-align: center;
	}
	
	.esc-reach-mapa {
	width:400px;
	height:213px;
	max-width: 400px !important;
	margin: 0px auto;
	}
	
	.esc-reach-mapa span {
	width:10.5px;
	height:12px;
	}
	
	#loc01 { left:67px; top:64px; }
	#loc02 { left:114px; top:162px; }
	#loc03 { left: 175px; top: 57px; }
	#loc04 { left: 186px; top: 62px; }
	#loc05 { left: 198px; top: 62px; }
	#loc06 { left: 192px; top: 72px; }
	#loc07 { left:168px; top:107px; }
	#loc08 { left: 179px; top: 110px; }
	#loc09 { left: 175px; top: 122px; }
	#loc10 { left: 186px; top: 102px; }
	#loc11 { left: 187px; top: 119px; }
	#loc12 { left: 198px; top: 121px; }
	#loc13 { left: 198px; top: 110px; }
	#loc14 { left:232px; top:153px; }
	#loc15 { left:243px; top:153px; }
	#loc16 { left: 327px; top: 159px; }
	#loc17 { left: 301px; top: 82px; }
	#loc18 { left: 314px; top: 91px; }
	#loc19 { left: 309px; top: 100px; }
	
	.esc-popup {
	width: 400px;
	max-width: 400px;
	left: calc(50% - 200px);
	right: auto;
	top: calc(50% - 100px);
	}

	.esc-popup div:nth-of-type(1) {
	border-right: 50px solid rgba(93, 94, 94, 1);
	border-top: 150px solid rgba(93, 94, 94, .0);
	border-bottom: 150px solid rgba(93, 94, 94, .0);
	}

	.esc-popup div:nth-of-type(2) {
	width:300px;
	height:300px;
	}

	.esc-popup div:nth-of-type(3) {
	border-left: 50px solid rgba(93, 94, 94, 1);
	border-top: 150px solid rgba(93, 94, 94, .0);
	border-bottom: 150px solid rgba(93, 94, 94, .0);
	}
	
}

/* BUSINESS PARTNERS */

.esc-business-partners h1 {
text-align:center;
color:#E62028;
font-size:2.05em;
font-weight:700;
text-transform:uppercase;
margin:35px 0px;
}

.esc-business-bloque .esc-business-bloques:nth-of-type(1) {
background:#17abb7;	
background:url(../img/bg/bg-customers.jpg) no-repeat center;
background-size:cover;
}

.esc-business-bloque .esc-business-bloques:nth-of-type(2) {
background:#34c0c7;	
background:url(../img/bg/bg-clients.jpg) no-repeat center;
background-size:cover;
}

.esc-business-partners .esc-business-titulo {
text-align:center;
color:#5D5E5E;
font-weight:700;
text-transform:uppercase;
background:#fff;
margin-left: 95px;
}

.esc-business-titulo {
}

.esc-business-titulo div:nth-child(1) {
float: left;
border-right: 65px solid rgba(255, 255, 255, 1);
border-top: 0px solid rgba(255, 255, 255, .0);
border-bottom: 105px solid rgba(255, 255, 255, .0);
}

.esc-business-titulo div:nth-child(2) {
float: left;
width: calc(80% - 130px);
height: 105px;
padding-top:30px;
background: rgba(255, 255, 255, 1);
color:#5D5E5E;
font-size:1.63em;
font-weight:700;
text-transform:uppercase;
}

.esc-business-titulo div:nth-child(3) {
float: left;
border-left: 65px solid rgba(255, 255, 255, 1);
border-top: 0px solid rgba(255, 255, 255, .0);
border-bottom: 105px solid rgba(255, 255, 255, .0);
}

.esc-business-texto {
background:rgba(255, 255, 255, .8);
background:rgba(255, 255, 255, .9);
padding:45px;
float:left;
width:80%;
margin:50px 10%;
font-size:1em;
color:#4C4C4D;
text-align:center;
}

.esc-business-logos {
text-align:center;
margin-top:20px;
}

.esc-business-logos img {
height:55px;
}

.esc-business-logos a:hover img {
opacity:0.7;
}

@media (max-width: 768px) {
	
	.esc-business-partners .esc-business-titulo {
	margin-left: 0px;
	}
	.esc-business-titulo div:nth-child(2) {
    width: calc(100% - 130px);
	}
	
}

/* ISO */

.esc-iso {
margin-top:90px;
}

.esc-iso .row div img {
text-align:center;
width:100%;
height:auto;
}

@media (max-width: 768px) {

	body {
	overflow-x: hidden;
	}
	
}

@media (max-width: 480px) { 
  
	.timeline-1 .timeline-item {
    height: auto;
	}
	.esc-global-footprints-slider .timeline .esc-timeline-left {
    display: none;
	}
	.esc-global-footprints-slider h1 {
    margin: 50px 0px 0px 25px;
	}
	.timeline-horizontal .timeline-dots li {
    width: 22px;
	}
	.timeline-dots li.slide-active button, .timeline-dots button {
    font-size: 0.9em;
	}	
  
}