/*resets*/
body{margin:0;}
ul{margin:0;padding:0;list-style:none;}
/*general*/
body{font-family:'Montserrat', sans-serif;color:#231f20;line-height:1.4;}
h2{text-align:center;font-size:32px;margin:25px 0;}
p{margin-top:0;font-size:22px;}
a{color:#231f20;text-decoration:none;}
.container{padding:2.9% 0;}
@media only screen and (max-width:705px){.container{padding:20px 0;}}
.container{width:1400px;max-width:96%;margin:0 auto;}
.container:after{content:"";display:block;clear:both;}
.quarter{width:25%;float:left;box-sizing:border-box;position:relative;}
@media only screen and (max-width:1100px){.quarter{width:50%;}}
@media only screen and (max-width:450px){.quarter{width:100%;}}
.arrow{position:absolute;width:35px;height:35px;border:18px solid #ebeced;box-sizing:border-box;border-left:18px solid #2c2c2c;right:-36px;top:50%;margin-top:-18px;}
@media only screen and (max-width:1100px){.arrow{display:none;}}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    border: none;
    background: none;
    resize: none;
    cursor: pointer;
}

button:focus{outline:none;}
video{display:block;}
/*header*/
body{margin-top:80px;}
header{position:fixed;top:0;width:100%;background:#fff;z-index:5;}
header .container{width:1325px;padding:28px 0;}
.logo{float:left;}
#menu{float:right;}
#menu li{display:inline-block;padding-right:25px;text-transform:uppercase;}
#menu li a{padding-bottom:7px;font-size:medium;}
#menu li a:hover{border-bottom:3px solid #ccc;}
#mobile-menu{display:none;float:right;width:45px;height:32px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#mobile-menu span{display:block;position:absolute;height:5px;width:100%;background:#ccc;border-radius:5px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#mobile-menu span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#mobile-menu span:nth-child(2){top:14px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#mobile-menu span:nth-child(3){top:28px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.open #mobile-menu span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:9px;}
.open #mobile-menu span:nth-child(2){width:0%;opacity:0;}
.open #mobile-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:30px;left:8px;}
/*header mobile*/
@media only screen and (max-width:1000px){#menu li{padding-right:20px;}}
@media only screen and (max-width:975px){#menu li{padding-right:15px;}}
@media only screen and (max-width:950px){#menu li{padding-right:10px;}}
@media only screen and (max-width:925px){#menu li{padding-right:5px;}}
@media only screen and (max-width:920px){#menu li:last-child{padding-right:0;}}
@media only screen and (max-width:915px){
	.open header{width:100%;}
	#mobile-menu{display:block;}
	#menu{display:none;}
	.open #menu{display:block;float:none;clear:both;padding-top:28px;}
	.open #menu li{display:block;padding:10px 0;text-align:center;}
	.open main{display:none;}
	.open #contact-us{display:none;}
}
/*banner*/
/*.banner .wrapper{background:url("/img/unishop_intro.png") no-repeat center top #ffffff;}*/
.banner{background:#000;}
.banner .container{padding:0;max-width:100%;}
.banner-img{padding-bottom:42.79%;}
/*trusted-partner*/
.trusted-partner{background:url("/v2/img/bg.png") repeat-x center top transparent;}
#trusted-partner p{max-width:1050px;text-align:center;margin:0 auto;}
/*product range*/
.product-range .container{padding:0;max-width:100%;}
.product-range .quarter.name{background:#2c2c2c;padding:104px 55px 104px 30px;}
@media only screen and (max-width:640px){
	.product-range .quarter.name{padding:104px 15px 104px 15px;}
}
.product-range .quarter.beauty{background:#ebeced;}
.product-range .quarter.food{background:#dadcdd;}
.product-range .quarter.household{background:#c9cbcd;}
.product-range .quarter{padding:73px 0 0 0;min-height:384px;}
.product-range .quarter h2{color:#fff;padding:19px 15px 20px 12px;border-bottom:3px solid #8d8d8d;border-top:3px solid #8d8d8d;text-align:left;font-weight:normal;line-height:1.25;max-width:200px;}
.product-range .quarter .icon{display:block;width:50px;height:100px;background:url("/v2/img/product-range-sprite.png") no-repeat left top transparent;margin:0 auto;}
.product-range .quarter.food .icon{background-position:center;}
.product-range .quarter.household .icon{background-position:right;}
.product-range .quarter .title{font-weight:bold;padding:33px 5px 9px;}
.product-range .quarter .percentage{font-weight:bold;font-size:32px;}
/*partners logos*/
.partners .partner{width:12.5%;float:left;}

.partners .partner div{display:block;width:160px;height:40px;margin:0 auto;background:url("/v2/img/partners-sprite.png") no-repeat left top transparent;}
.partners .partner div.jonson{background-position:left -40px;}
.partners .partner div.mars{background-position:left -80px;}
.partners .partner div.pepsico{background-position:left -120px;}
.partners .partner div.kraft{background-position:left -160px;}
.partners .partner div.estee{background-position:left -200px;}
.partners .partner div.shiseido{background-position:left -240px;}
.partners .partner div.nestle{background-position:left -280px;}

@media only screen and (max-width:1360px){
	.partners .partner{width:25%;}
	.partners .partner:nth-child(-n+4) div{margin-bottom:20px;}
}
@media only screen and (max-width:695px){
	.partners .partner{width:50%;}
	.partners .partner:nth-child(-n+6) div{margin-bottom:20px;}
}
@media only screen and (max-width:353px){
	.partners .partner{width:100%;}
	.partners .partner:nth-child(-n+7) div{margin-bottom:20px;}
}
/*marcets*/
.markets{background:url("/v2/img/bg.png") repeat-x center top transparent;}
.markets p{max-width:1050px;text-align:center;margin:0 auto;}
/*world*/

.world-wide{background:#2c2c2c;}
.world-wide .container{padding:0;background:url("/v2/img/world.png") no-repeat center top #ffffff;max-width:100%;background-size:contain;position:relative;}
.world-wide .container .filler{padding-bottom:42.35%;}
.world-wide .container .cover{position:absolute;max-width:211px;padding:20px 11px;margin:0;color:#fff;bottom:45px;left:33px;border-top:3px solid #ccc;border-bottom:3px solid #ccc;font-size:33px;line-height:1.17;text-transform:uppercase;letter-spacing:-1px;}
@media only screen and (max-width:1100px){.world-wide .container .cover{display:none;}}
/*team*/
.team-and-opportunities{background:url("/v2/img/bg.png") repeat-x center top transparent;}
.team-and-opportunities p{max-width:980px;text-align:center;margin:0 auto;}

.team .container{padding:0;max-width:100%;}
.team .quarter .filler{padding-bottom:99.14%;}
.team .quarter img{display:block;margin:0 auto;width:100%;}

.join-our-team .container{padding:0;max-width:100%;}
.join-our-team .left{width:62.65%;float:left;background:#2c2c2c;color:#fff;padding:70px 68px;box-sizing:border-box;position:relative;}
.join-our-team .left .arrow{border-color:#bcbec0;border-left-color:#2c2c2c;display:block;}
.join-our-team .left .text{border-bottom:3px solid #ccc;border-top:3px solid #ccc;padding:25px 15px;}
.join-our-team .left .text p{font-size:28px;margin-bottom:14px;}
.join-our-team .left .text p:last-child{margin-bottom:0;}
.join-our-team .right{width:37.35%;float:left;background:#bcbec0;color:#fff;box-sizing:border-box;padding:59px 20px;min-height:366px;}
.join-our-team .right h2{text-transform:uppercase;margin-top:0;}

.join-our-team .right .icon {
    width: 76px;
    height: 58px;
    display: block;
    margin: 53px auto 0 auto;
    background: url("/v2/img/mail.png") no-repeat center top transparent;
}

.join-our-team .right a{color:#fff;display:block;text-align:center;margin:45px 0 0;font-size:34px;}
.join-our-team .right a:hover{text-decoration:underline;}
@media only screen and (max-width:1199px){.join-our-team .right{min-height:405px;}}
@media only screen and (max-width:1123px){.join-our-team .right{min-height:444px;}}
@media only screen and (max-width:1006px){
	.join-our-team .left{width:100%;padding:35px 20px;}
	.join-our-team .left .arrow{display:none;}
	.join-our-team .left .text{padding:25px 0;}
	.join-our-team .right{width:100%;min-height:0;padding:29px 20px;}
	.join-our-team .right .icon{margin-top:0;}
	.join-our-team .right a{margin-top:20px;}
}
@media only screen and (max-width:370px){.join-our-team .right a{font-size:28px;}}
/*we-grow*/
.we-grow{background:url("/v2/img/bg.png") repeat-x center top transparent;}
.we-grow p{max-width:1050px;text-align:center;margin:0 auto;}
/*we-invest*/
.we-invest .container{padding:0;max-width:100%;}
.we-invest .everyting-is-possible{background:#2c2c2c;color:#fff;padding:60px 46px;min-height:378px;}
.we-invest .everyting-is-possible h3{padding:20px 0;margin:0;border-bottom:3px solid #8d8d8d;border-top:3px solid #8d8d8d;font-size:27px;font-weight:normal;letter-spacing:-1px;line-height:1.3;text-align:center;}
.we-invest .invest-in-team{background:#ebeced;padding:64px 30px;text-align:center;min-height:378px;}
.we-invest .invest-in-team h4{font-size:23px;max-width:192px;margin:0 auto;padding-bottom:33px;}
.we-invest .invest-in-team p{border-top:3px solid #939494;padding-top:30px;max-width:268px;margin:0 auto;}
.we-invest .invest-in-innovations{background:#dadcdd;padding:64px 30px;text-align:center;min-height:378px;}
.we-invest .invest-in-innovations h4{font-size:23px;max-width:192px;margin:0 auto;padding-bottom:33px;}
.we-invest .invest-in-innovations p{border-top:3px solid #939494;padding-top:30px;max-width:268px;margin:0 auto;}
.we-invest .invest-in-relationships{background:#c9cbcd;padding:44px 30px;text-align:center;min-height:378px;}
.we-invest .invest-in-relationships h4{font-size:23px;max-width:240px;margin:0 auto;padding-bottom:24px;}
.we-invest .invest-in-relationships p{border-top:3px solid #939494;padding-top:30px;max-width:268px;margin:0 auto;}

@media only screen and (max-width:1306px){
	.we-invest .everyting-is-possible{min-height:411px;}
	.we-invest .invest-in-team{min-height:411px;}
	.we-invest .invest-in-innovations{min-height:411px;}
	.we-invest .invest-in-relationships{min-height:411px;}
}
@media only screen and (max-width:1187px){
	.we-invest .everyting-is-possible{min-height:438px;}
	.we-invest .invest-in-team{min-height:438px;}
	.we-invest .invest-in-innovations{min-height:438px;}
	.we-invest .invest-in-relationships{min-height:438px;}
}
@media only screen and (max-width:1176px){
	.we-invest .everyting-is-possible{min-height:446px;}
	.we-invest .invest-in-team{min-height:446px;}
	.we-invest .invest-in-innovations{min-height:446px;}
	.we-invest .invest-in-relationships{min-height:446px;}
}
@media only screen and (max-width:1100px){
	.we-invest .everyting-is-possible{min-height:378px;}
	.we-invest .invest-in-team{min-height:378px;}
	.we-invest .invest-in-innovations{min-height:378px;}
	.we-invest .invest-in-relationships{min-height:378px;}
}
@media only screen and (max-width:661px){
	.we-invest .everyting-is-possible{min-height:411px;}
	.we-invest .invest-in-team{min-height:411px;}
}
@media only screen and (max-width:637px){
	.we-invest .invest-in-innovations{min-height:408px;}
	.we-invest .invest-in-relationships{min-height:408px;}
}
@media only screen and (max-width:602px){
	.we-invest .invest-in-innovations{min-height:438px;}
	.we-invest .invest-in-relationships{min-height:438px;}
}
@media only screen and (max-width:596px){
	.we-invest .everyting-is-possible{min-height:408px;padding:60px 15px;}
	.we-invest .invest-in-team{min-height:408px;padding-left:15px;padding-right:15px;}
	.we-invest .invest-in-innovations{padding-left:15px;padding-right:15px;}
	.we-invest .invest-in-relationships{padding-left:15px;padding-right:15px;}
}
@media only screen and (max-width:537px){
	.we-invest .everyting-is-possible{min-height:411px;}
	.we-invest .invest-in-team{min-height:411px;}
}
@media only screen and (max-width:483px){
	.we-invest .invest-in-innovations{min-height:468px;}
	.we-invest .invest-in-relationships{min-height:468px;}
}
@media only screen and (max-width:472px){
	.we-invest .everyting-is-possible{min-height:446px;}
	.we-invest .invest-in-team{min-height:446px;}
}
@media only screen and (max-width:450px){
	.we-invest .everyting-is-possible{min-height:0;}
	.we-invest .invest-in-team{min-height:0;}
	.we-invest .invest-in-innovations{min-height:0;}
	.we-invest .invest-in-relationships{min-height:0;}
}
/*contact-us*/
#contact-us .wrapper{background:url("/v2/img/bg.png") repeat-x center top transparent;}
#contact-us h2{margin-bottom:50px;}
#contact-us .third{float:left;border-right:3px solid #9e9e9e;padding:58px 0;box-sizing:border-box;}
#contact-us .third:last-child{border-right:none;}
#contact-us .third.place{width:26%;}
#contact-us .third.phone{width:35%;}
#contact-us .third.mail{width:39%;}
#contact-us .third .block{text-align:center;font-weight:bold;line-height:36px;font-size:30px;}
#contact-us .third .block span{margin-bottom:0;font-size:30px;padding-left:90px;position:relative;}
#contact-us .third .block span:after{content:"";display:block;width:80px;height:90px;position:absolute;left:0;top:50%;margin-top:-45px;background:url("/v2/img/contact-us-sprite.png") no-repeat left top transparent;}
#contact-us .third .block a{padding-left:90px;position:relative;}
#contact-us .third .block a:hover{text-decoration:underline;}
#contact-us .third .block a:after{content:"";display:block;width:80px;height:90px;position:absolute;left:0;top:50%;margin-top:-45px;background:url("/v2/img/contact-us-sprite.png") no-repeat right top transparent;}
#contact-us .third.mail .block a:after{background-position:center top;}
@media only screen and (max-width:1100px){
	#contact-us .third{padding:35px 0;}
	#contact-us .third.place{width:50%;}
	#contact-us .third.phone{width:50%;border-right:none;}
	#contact-us .third.mail{width:100%;}
}
@media only screen and (max-width:715px){
	#contact-us .third.place{width:100%;border-right:none;}
	#contact-us .third.phone{width:100%;}
}
@media only screen and (max-width:400px){
	#contact-us .third .block span{font-size:20px;}
	#contact-us .third .block a{font-size:20px;}
}