*{
margin:0;
padding:0;
box-sizing:border-box;
}

.canvasLn{
position:relative;
min-width:1200px;
}

canvas{
position:absolute;
width:100vw;
height:50vw;
border:44px solid #fff;
left:50%;
transform:translateX(-50%);
box-sizing:border-box;
z-index:0;
pointer-events:none;
}

.tl3d{
position:absolute;
z-index:10;
padding:44px;
width:100vw;
height:100vh;
left:50%;
top:0;
transform:translateX(-50%);
}

.main{
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:0;
}

.tmBtn,.tmBtnA,.tmBtnAP,.tmBtnP{
font-family:'GothamPro';
font-size:17px;
color:#fff;
display:inline-block;
cursor:pointer;
vertical-align:top;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}


.tmBtn:hover{
color:#A4C9FF;
}

.tmBtnAP{
color:#484A55;
font-size:16px;
}

.tmBtnP{
color:#484A55;
font-size:16px;
}

.tmBrk,.tmBrkP{
display:inline-block;
width:1px;
height:16px;
vertical-align:top;
background:#fff;
margin:2px 15px 0 15px;
}

.tmBrkP{
background:#484A55;
}

.topMenu{
text-align:center;
margin-top:43px;
}


.TelBlk,.TelBlk2{
position:absolute;
right:110px;
text-align:right;
color:#fff;
top:143px;
}

.TelBlk2{
top:243px;
}

.tel,.tel2{
font-family: 'Kizo-Regular';
font-size:35px;
margin-bottom:10px;
}

.telBlkTxt{
position:relative;
font-family: 'GothamPro-Light';
font-size:14px;
}

.telBlkTxt::after{
content:'';
position:absolute;
background:#fff;
width:135px;
height:7px;
bottom:-20px;
right:0;
}



.bcBlk{
position:absolute;
right:110px;
text-align:right;
color:#fff;
bottom:265px;
}

.bcBtn,.FtrbcBtn,.FtrbcBtn2{
background:url(bcIcnBlue.svg);
background-size:24px 24px;
background-repeat:no-repeat;
background-position:right center;
font-family:'GothamPro';
font-size:15px;
color:#fff;
padding-right:44px;
height:24px;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.bcBtn:hover{
color:#A4C9FF;
}

.bcBtn:hover .bcBtnBlueIcn{
opacity:0;
}

.bcBtnBlueIcn{
position:absolute;
width:100%;
height:100%;
background:url(bcIcn.svg);
background-size:24px 24px;
background-repeat:no-repeat;
background-position:right center;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
left:0;
top:-35px;
}

.fosBtn{
background:url(fosIcnB.svg);
background-size:24px 18px;
background-repeat:no-repeat;
background-position:right center;
font-family:'GothamPro';
font-size:15px;
color:#fff;
padding-right:44px;
height:18px;
margin-top:52px;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.fosBtnBlueIcn{
position:absolute;
width:100%;
height:100%;
background:url(fosIcn.svg);
background-size:24px 18px;
background-repeat:no-repeat;
background-position:right center;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
left:0;
top:38px;
}

.fosBtn:hover{
color:#A4C9FF;
}

.fosBtn:hover .fosBtnBlueIcn{
opacity:0;
}

.snBlk{
position:fixed;
left:110px;
bottom:208px;
z-index:100;
}

.vkIcn{
background:url(vkIcnB.svg);
background-size:18px auto;
}

.vkIcnB{
background:url(vkIcn.svg);
background-size:18px auto;
}

.vkIcnWh{
background:url(vkIcnWh.svg);
background-size:18px auto;
}

.instIcn{
background:url(instIcnB.svg);
background-size:16px 16px;
}

.instIcnB{
background:url(instIcn.svg);
background-size:16px 16px;
width:100%;
height:100%;
}

.instIcnWh{
background:url(instIcnWh.svg);
background-size:16px 16px;
width:100%;
height:100%;
}

.fbIcn{
background:url(fbIcnB.svg);
background-size:auto 17px;
}

.fbIcnB{
background:url(fbIcn.svg);
background-size:auto 17px;
}

.fbIcnWh{
background:url(fbIcnWh.svg);
background-size:auto 17px;
}

.instIcn,.instIcnB,.instIcnWh,.fbIcn,.fbIcnB,.fbIcnWh,.vkIcn,.vkIcnB,.vkIcnWh{
background-repeat:no-repeat;
background-position:center center;
width:18px;
height:18px;
//margin:40px 0;
cursor:pointer;
}

.instIcn:hover .instIcnB{
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.fbIcn:hover .fbIcnB{
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.vkIcn:hover .vkIcnB{
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.partnBtn{
background:rgba(38,38,45,0.7);
border:1px solid rgba(255,255,255,0.7);
font-family:'GothamPro-Light';
font-size:17px;
color:#fff;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:95px;
padding:20px 28px;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.partnBtn:hover{
background:rgba(164,201,255,0.7);
}

.sld02{
background:url(main_back_1.jpg);
border:44px solid #fff;
}

.sld03{
background:url(main_back_21.jpg);
border:44px solid #fff;
}

.sld04{
background:url(main_back_3.jpg);
border:44px solid #fff;
}

.sld05{
background:url(main_back_5.jpg);
border:44px solid #fff;
}

.sld06{
background:url(main_back_4.jpg);
border:44px solid #fff;
}

.sld07{
background:url(sld07Bg.jpg);
border:44px solid #fff;
}

.sld01,.sld02,.sld03,.sld04,.sld05,.sld06,.sld07{
position:absolute;
top:0;
width:100%;
height:100%;
overflow:hidden;
}

.sld02,.sld03,.sld04,.sld05,.sld06,.sld07{
top:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}

.sld02Cnt{
position:relative;
width:1200px;
height:100%;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
padding-top:20px;
}

.sld04Cnt{
position:relative;
width:1200px;
height:100%;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
display:table;
}


.sld05Cnt{
position:relative;
width:1200px;
height:100%;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
display:table;
}

.sld06Cnt{
position:relative;
width:1200px;
height:100%;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
display:table;
}

.sld07Cnt{
position:relative;
width:1200px;
height:100%;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
display:table;
}

.sld02Cnt .clQ .card01{
background:url(card01Bg.jpg);
}

.sld02Cnt .clQ .card02{
background:url(card02Bg.jpg);
}

.sld02Cnt .clQ .card03{
background:url(card03Bg.jpg);
}

.sld02Cnt .clQ .card04{
background:url(card04Bg.jpg);
}

.sld02Cnt .clQ .card05{
background:url(card05Bg.jpg);
}

.sld02Cnt .clQ .card06{
background:url(card05Bg.jpg);
}

.sld02Cnt .clQ .card07{
background:url(card05Bg.jpg);
}


.sld02Cnt .clQ .card01,.sld02Cnt .clQ .card02,.sld02Cnt .clQ .card03,.sld02Cnt .clQ .card04,.sld02Cnt .clQ .card05,.sld02Cnt .clQ .card06,.sld02Cnt .clQ .card07{
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
width:150px;
height:408px;
top:57%;
left:50%;
transform:translateX(-50%) translateY(-50%);
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.sld02Cnt .clQ .card01:hover .card01Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card01:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}


.sld02Cnt .clQ .card02:hover .card02Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card02:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}


.sld02Cnt .clQ .card03:hover .card03Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card03:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}


.sld02Cnt .clQ .card04:hover .card04Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card04:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}



.sld02Cnt .clQ .card05:hover .card05Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card05:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}


.sld02Cnt .clQ .card06:hover .card06Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card06:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}

.sld02Cnt .clQ .card07:hover .card07Pic{
transform:translateX(-50%) translateY(-50%) scale(1.5);
left:50%;
top:58%;
}

.sld02Cnt .clQ .card07:hover{
transform:translateX(-50%) translateY(-50%) scale(0.8);
left:50%;
top:57%;
}


.sld02Cnt .clQ .card01::before{
position:absolute;
content:'картон';
font-family:'WaldorfTLPro-Heavy';
font-size:45px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-100px;
bottom:70px;
z-index:0;
}

.sld02Cnt .clQ .card02::before{
position:absolute;
content:'спреи';
font-family:'WaldorfTLPro-Heavy';
font-size:36px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-60px;
top:60px;
}

.sld02Cnt .clQ .card03::before{
position:absolute;
content:'3D';
font-family:'WaldorfTLPro-Heavy';
font-size:65px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-40px;
bottom:25px;
}

.sld02Cnt .clQ .card04::before{
position:absolute;
content:'viayzen';
font-family:'WaldorfTLPro-Heavy';
font-size:44px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-90px;
top:105px;
}


.sld02Cnt .clQ .card05::before{
position:absolute;
content:'салфетки';
font-family:'WaldorfTLPro-Heavy';
font-size:44px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-120px;
bottom:95px;
z-index:0;
}

.sld02Cnt .clQ .card06::before{
position:absolute;
content:'Смеллеры';
font-family:'WaldorfTLPro-Heavy';
font-size:44px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-120px;
bottom:165px;
z-index:0;
}

.sld02Cnt .clQ .card07::before{
position:absolute;
content:'Саше';
font-family:'WaldorfTLPro-Heavy';
font-size:44px;
color:#fff;
transform:rotate(-90deg);
opacity:0.6;
text-transform:uppercase;
right:-70px;
bottom:165px;
z-index:0;
}

.card01Pic{
background:url(card01Pic.png);
width:101px;
height:202px;
}

.card02Pic{
background:url(card02Pic.png);
width:105px;
height:218px;
}

.card03Pic{
background:url(card03Pic.png);
width:115px;
height:227px;
}

.card04Pic{
background:url(card04Pic.png);
width:105px;
height:217px;
}

.card05Pic{
background:url(card05Pic.png);
width:84px;
height:209px;
}

.card06Pic{
background:url(smeller.png);
width:84px;
height:209px;
}

.card07Pic{
background:url(card07Pic.png);
width:84px;
height:209px;
}

.card01Pic,.card02Pic,.card03Pic,.card04Pic,.card05Pic,.card06Pic,.card07Pic{
position:relative;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
left:50%;
top:58%;
transform:translateX(-50%) translateY(-50%);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.cardsTtl{
font-family:'WaldorfTLPro-Heavy';
font-size:47px;
color:#5D5D5D;
text-transform:uppercase;
position:relative;
text-align:center;
margin-bottom:10px;
}

.cardsTtl .sm{
font-family:'GothamPro-Bold';
font-size:17px;
//margin-bottom:10px;
}

.cardTtl{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
color:#5D5D5D;
left:50%;
transform:translateX(-50%);
text-align:center;
width:150px;
z-index:10;
}

.sld03Cnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
height:100%;
display:table;
}

.clHlfL,.clHlfR{
position:relative;
width:50%;
display:table-cell;
height:100%;
}

.tr{
display:table-row;
}

.lcHdr,.rcHdr{
position:relative;
font-family: 'Bitter-Bold';
font-size:51px;
color:#71585B;
text-align:center;
}

.taBlk{
position:relative;
top:50%;
transform:translateY(-50%);
//margin-top:-50px;
}

.rcHdr{
color:#fff;
}

.lcHdr .sm{
font-family: 'GothamPro-Light';
font-size:15px;
text-transform:uppercase;
margin-bottom:17px;
}

.rcHdr .sm{
font-family: 'GothamPro-Light';
font-size:15px;
text-transform:uppercase;
margin-bottom:17px;
}

.ccard01, .ccard02, .ccard03, .ccard04{
position:relative;
width:405px;
height:80px;
left:50%;
transform:translateX(-50%)scale(0.9);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
cursor:pointer;
}

.ccard01{
background:#C1C1C1;
top:0;
left:50%;
}

.ccard01:hover{
z-index:4;
height:300px;
left:50%;
transform:scale(1)translateX(-50%);
}

.ccard01:hover .ccard01Pic{
opacity:1;
}

.ccard02{
background:#AFAFAF;
left:50%;
margin-top:-10px;
}

.ccard02:hover{
z-index:4;
height:300px;
left:50%;
transform:scale(1)translateX(-50%);
}

.ccard02:hover .ccard02Pic{
opacity:1;
}

.ccard03{
background:#9A9A9A;
left:50%;
margin-top:-10px;
}

.ccard03:hover{
z-index:4;
height:300px;
left:50%;
transform:scale(1)translateX(-50%);
}

.ccard03:hover .ccard03Pic{
opacity:1;
}

.ccard04{
background:#868686;
margin-top:-10px;
}

.ccard04:hover{
z-index:4;
height:300px;
left:50%;
transform:scale(1)translateX(-50%);
}

.ccard04:hover .ccard04Pic{
opacity:1;
}

.clQ{
position:relative;
display:inline-block;
width:120px;
height:100%;
vertical-align:top;
}

.cardH{
position:relative;
min-height:420px;
margin-top:70px;
}


.ccard01Pic{
background:url(collCard01.jpg);
}

.ccard02Pic{
background:url(collCard02.jpg);
}

.ccard03Pic{
background:url(collCard03.jpg);
}

.ccard04Pic{
background:url(collCard04.jpg);
}

.ccard01Pic,.ccard02Pic,.ccard03Pic,.ccard04Pic{
opacity:0;
position:absolute;
width:100%;
height:100%;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.sld03Cnt .clHlfR .showMoreBtn,.sld03Cnt .clHlfL .showMoreBtn{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
width:220px;
height:60px;
text-align:center;
padding:22px 0;
left:50%;
transform:translateX(-50%);
cursor:pointer;
margin-top:50px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.sld03Cnt .clHlfR .showMoreBtn{
color:#71585B;
background:#A89A9B;
top:0;
}

.sld03Cnt .clHlfR .showMoreBtn:hover{
color:#868686;
background:#F6F6F6;
}

.sld03Cnt .clHlfL .showMoreBtn{
color:#868686;
background:#fff;
}

.sld03Cnt .clHlfL .showMoreBtn:hover{
color:#71585B;
background:#A89A9B;
}

.brndLn{
position:relative;
font-family:'GothamPro-Bold';
font-size:17px;
margin-left:200px;
color:#fff;
cursor:pointer;
margin-bottom:34px;
}

.brndLn::after{
content:'';
position:absolute;
width:156px;
width:0;
height:1.5px;
background:#fff;
left:0;
bottom:-10px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.brndLn:hover:after{
content:'';
position:absolute;
width:156px;
height:1.5px;
background:#fff;
left:0;
bottom:-10px;
}

.sld04Cnt .clHlfL .sld04Hdr, .sld04HdrNM{
position:relative;
font-family:'GothamPro-Bold';
font-size:17px;
color:#5D5D5D;
text-align:center;
text-transform:uppercase;
margin:50px 0;
}


.devTxtBlk .sld04HdrNM{
color:#fff;
margin-top:0;
}

.devTxtBlk .sld04Hdr{
position:relative;
font-family:'GothamPro-Bold';
font-size:17px;
color:#fff;
text-align:center;
text-transform:uppercase;
margin:50px 0;
}

.devTxtBlk .sld04Hdr .sm{
font-family: 'GothamPro-Light';
font-size:15px;
text-transform:none;
margin-top:5px;
}

.ftrsBlk01{
background:url(ftrsIcn01.svg);
background-size:17px 27px;
}

.ftrsBlk02{
background:url(ftrsIcn02.svg);
background-size:21px 37px;
}

.ftrsBlk03{
background:url(ftrsIcn03.svg);
background-size:41px 18px;
}

.ftrsBlk04{
background:url(ftrsIcn04.svg);
background-size:26px 26px;
}

.ftrsBlk01,.ftrsBlk02,.ftrsBlk03,.ftrsBlk04{
background-repeat:no-repeat;
background-position:top center;
font-family: 'GothamPro-Light';
font-size:15px;
position:relative;
width:284px;
left:50%;
transform:translateX(-50%);
//top:200px;
text-align:center;
padding-top:53px;
margin-bottom:30px;
}

.sld04Cnt .clHlfL:before{
position:absolute;
content:'';
background:url(topSgn.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
left:30px;
width:201px;
height:576px;
top:50px;
}

.sld04Cnt .clHlfR:before{
position:absolute;
content:'';
background:url(lineSgn.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
left:30px;
width:676px;
height:195px;
bottom:50px;
}

.devTxtBlk{
font-family: 'GothamPro-Light';
font-size:15px;
position:relative;
width:354px;
height:670px;
background:rgba(53,61,87,0.9);
color:#fff;
left:50%;
top:50%;
padding:0 10px;
padding-top:50px;
text-align:center;
transform:translateX(-50%)translateY(-50%);
}

.sld05Cnt .clHlfL .sld05Hdr,.sld05Cnt .clHlfR .sld05Hdr{
position:relative;
font-family:'GothamPro-Bold';
font-size:17px;
color:#5D5D5D;
text-align:center;
text-transform:uppercase;
margin-bottom:40px;
}

.sld05Cnt .clHlfR .sld05Hdr{
color:#fff;
}

.partnBlk{
position:relative;
text-align:center;
top:40px;
margin-bottom:40px;
width:450px;
left:50%;
transform:translateX(-50%);
}

.partn01{
background:url(partn01.png);
}

.partn02{
background:url(partn02.png);
}

.partn03{
background:url(partn03.png);
}

.partn01,.partn02,.partn03{
background-size:auto 58px;
background-repeat:no-repeat;
background-position:center center;
width:140px;
height:68px;
display:inline-block;
}

.sld05Cnt .clHlfL .taBlk .showMoreBtn{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
background:#fff;
cursor:pointer;
width:220px;
height:60px;
text-align:center;
padding:22px 0;
top:60px;
left:50%;
transform:translateX(-50%);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
color:#868686;
}

.sld05Cnt .clHlfL .showMoreBtn:hover{
background:#D4CED2;
color:#fff;
}

.frmBlk{
position:relative;
height:416px;
width:396px;
left:50%;
transform:translateX(-50%);
}

.frmBlkHdr{
font-family:'GothamPro-Bold';
font-size:17px;
text-align:center;
color:#5D5D5D;
text-transform:uppercase;
}

.frmBlkTxt{
font-family: 'GothamPro-Light';
font-size:15px;
text-align:center;
margin:20px 0 52px 0;

}

.frmLn{
margin-bottom:20px;
}

.frmInp{
background:none;
border:0;
border-bottom:1px solid #D6D6D6;
padding:5px;
width:100%;
}

.sndBtn{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
width:220px;
height:60px;
text-align:center;
cursor:pointer;
padding:20px 28px;
cursor:pointer;
background:#fff url(mailIcnG.svg);
background-repeat:no-repeat;
background-size:26px 18px;
background-position:185px 10px;
left:50%;
transform:translateX(-50%);
margin-top:58px;
color:#D4CED2;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.sndBtn:hover .sndBtnG{
opacity:0;
}

.sndBtnG{
background:#D4CED2 url(mailIcn.svg);
background-repeat:no-repeat;
background-size:26px 18px;
background-position:185px 10px;
position:absolute;
padding:20px 28px;
width:100%;
height:100%;
left:0;
top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
color:#fff;
}

.sld05Cnt .clHlfL:after{
content:'';
position:absolute;
width:204px;
right:0;
height:3px;
background:#435573;
bottom:100px;
}

.sld05Cnt .clHlfR:after{
content:'';
position:absolute;
width:204px;
left:0;
height:3px;
background:#fff;
bottom:100px;
}


.sld06Cnt .clHlfL:after{
content:'';
position:absolute;
width:204px;
right:0;
height:3px;
background:#D4CED2;
bottom:100px;
}

.sld06Cnt .clHlfR:after{
content:'';
position:absolute;
width:204px;
left:0;
height:3px;
background:#fff;
bottom:100px;
}

.sertBlk{
position:relative;
width:404px;
left:50%;
transform:translateX(-50%);
margin-top:70px;
}

.sert01,.sert02{
width:171px;
height:250px;
background:#fff;
display:inline-block;
}

.sert01{
margin-right:31px;
background:#fff;
}

.sert02{
margin-left:31px;
background:#fff;
}

.instIcnRnd{
background:url(instIcnRnd.svg);
}

.fbIcnRnd{
background:url(fbIcnRnd.svg);
}

.vkIcnRnd{
background:url(vkIcnRnd.svg);
}

.instIcnRnd:hover .snRndBg,.fbIcnRnd:hover .snRndBg,.vkIcnRnd:hover .snRndBg{
opacity:0.3;
}


.instIcnRnd,.fbIcnRnd,.vkIcnRnd{
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
width:70px;
height:70px;
display:inline-block;
margin:20px;
cursor:pointer;
}

.sn{
text-align:center;
margin-top:30px;
}

.bcBtnB{
position:relative;
background:url(bcIcnThinG.svg);
background-size:41px 41px;
background-repeat:no-repeat;
background-position:right center;
font-family:'GothamPro-Medium';
font-size:16px;
color:#fff;
padding:20px 54px 20px 0;
cursor:pointer;
display:inline-block;
left:50%;
top:20px;
transform:translateX(-50%);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.bcBtnB:hover .bcBtnBG{
opacity:0;
}

.bcBtnB:hover{
color:#5D5D5D;
}

.bcBtnBG{
position:absolute;
background:url(bcIcnThin.svg);
background-size:41px 41px;
background-repeat:no-repeat;
background-position:right center;
width:100%;
height:100%;
top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.telOOS,.telOOS1{
position:relative;
font-family: 'Kizo-Regular';
font-size:35px;
left:50%;
top:60px;
transform:translateX(-50%);
color:#fff;
text-align:center;
}

.telOOS{
margin-top:0;
}

.telOOS::after{
content:'';
position:absolute;
height:7px;
width:175px;
background:#fff;
left:50%;
transform:translateX(-50%);
bottom:-7px;
}

.telOOS1::after{
content:'';
position:absolute;
height:7px;
width:175px;
background:#fff;
left:50%;
transform:translateX(-50%);
bottom:20px;
}

.prodLn{
position:relative;
min-width:1200px;
background:linear-gradient(to right, rgba(247,245,239,1), rgba(236,239,251,1));
padding-bottom:50px;
}

.prodCnt,.dataCnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
}

.dataCnt{
position:absolute;
width:100%;
height:75vh;
overflow-Y:auto;
overflow-x:hidden;
top:95px;
}

.un{
text-decoration:inherit;
color:inherit;
}

.prodMenu,.prodMenu3{
text-align:center;
padding:40px 30px 64px 30px;
}

.prodMenu3{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
}

.pTypeBlk{
padding:0 30px;
height:902px;
background:#fff;
display:inline-block;
width:861px;
vertical-align:top;
}

.pLinesBlk{
position:relative;
display:inline-block;
background:#fff;
width:338px;
height:902px;
vertical-align:top;
}

.pLinesBlk::before{
content:'';
position:absolute;
width:1px;
height:377px;
background:#AFAFAF;
top:54%;
transform:translateY(-50%);
}

.prodCard{
font-family: 'GothamPro-Light';
font-size:15px;
width:160px;
height:250px;
display:inline-block;
vertical-align:top;
color:#484A55;
text-align:center;
cursor:pointer;
}

.prodCardB{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
width:180px;
height:300px;
display:inline-block;
vertical-align:top;
color:#484A55;
text-align:center;
margin:0 22px 60px 22px;
}

.ptPic{
width:160px;
height:200px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
cursor:pointer;
}

.prodTtl{
width:150px;
}

.ptHdr,.ptHdrNM{
font-family:'GothamPro';
font-size:15px;
color:#484A55;
text-transform:uppercase;
text-align:center;
margin:30px 0 10px 0;
}

.ptHdrNM{
margin:30px 0 20px 0;
}

.ptHdr .sm{
font-family: 'GothamPro-Light';
font-size:15px;
color:#AFAFAF;
text-transform:none;
margin-top:23px;
}

.tbl{
display:table;
width:100%;
}

.tbln{
position:absolute;
border-top:3px solid #575B6D;
border-bottom:3px solid #575B6D;
height:50px;
width:100%;
bottom:0;
}

.tblnS{
border-top:1px solid #575B6D;
border-bottom:1px solid #575B6D;
height:40px;
width:100%;
margin:2px 0;
}

.frmTtl{
font-family:'WaldorfTLPro-Heavy';
font-size:25px;
color:#575B6D;
text-align:center;
top:10px;
line-height:1.6;
}

.catCnt{
position:relative;
width:1200px;
padding:0 30px;
left:50%;
margin-top:250px;
margin-left:-600px;
background:#fff;
}

.partnCnt,.newsCnt{
position:relative;
width:1200px;
padding:50px 30px 100px 30px;
left:50%;
transform:translateX(-50%);
background:#fff;
}

.newsCnt{
background:none;
}

.fltrLn{
width:1140px;
position:relative;
margin:0 0 10px 0;
background:#fff;
top:10px;
}

.fltrDdBtn{
position:relative;
background:url(ddArr.svg);
background-size:21px 8px;
background-position:right center;
background-repeat:no-repeat;
font-family: 'GothamPro-Light';
font-size:15px;
display:inline-block;
vertical-align:top;
color:#484A55;
margin-right:80px;
padding:20px 0;
cursor:pointer;
}

.fltrDdBtn:hover .fltrDD{
display:block;
}

.rghtMenu{
position:fixed;
right:-174px;
width:130px;
height:166px;
top:50%;
transform:translateY(-50%);
z-index:100;
}

.rmBtn{
position:relative;
font-family: 'GothamPro-Light';
font-size:11px;
color:#fff;
text-transform:uppercase;
margin-bottom:17px;
vertical-align:top;
text-align:right;
padding-right:20px;
cursor:pointer;
}

.rmBtn::after{
content:'';
position:absolute;
width:12px;
height:1px;
background:#fff;
top:50%;
transform:translateY(-50%);
right:0;
}

.rmBtn:hover .rmTxt{
opacity:1;
}

.rmNum{
display:inline-block;
font-family: 'Kizo-Medium';
font-size:16px;
color:#fff;
vertical-align:top;
}

.rmTxt{
display:inline-block;
vertical-align:top;
padding-top:5px;
margin-right:10px;
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

@keyframes rIn{
from {right:-174px;}
to {right:44px;}
}
@-moz-keyframes rIn{
from {right:-174px;}
to {right:44px;}
}
@-webkit-keyframes rIn{
from {right:-174px;}
to {right:44px;}
}

@keyframes rOut{
from {right:44px;}
to {right:-174px;}
}
@-moz-keyframes rOut{
from {right:44px;}
to {right:-174px;}
}
@-webkit-keyframes rOut{
from {right:44px;}
to {right:-174px;}
}

.cardTxt{
position:absolute;
font-family:'GothamPro-Bold';
font-size:17px;
color:#fff;
text-transform:uppercase;
bottom:20px;
left:20px;
}

.snRndBg{
position:absolute;
width:100%;
height:100%;
border-radius:50%;
background:#fff;
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.prodFtrCnt{
position:relative;
top:154px;
height:47px;
}

.stPartBtn{
background:#484A55;
color:#fff;
text-align:center;
width:218px;
padding:13px 0;
cursor:pointer;
font-family:'GothamPro';
font-size:17px;
display:inline-block;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.stPartBtn:hover{
background:#A4C9FF;
}


.FtrbcBtn,.FtrbcBtn2{
position:relative;
display:inline-block;
color:#484A55;
margin-left:84px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
vertical-align:top;
margin-top:10px;
padding-top:4px;
}


.FtrbcBtn:hover .ftrBcBtnBlue, .FtrbcBtn2:hover .ftrBcBtnBlue{
opacity:0;
}

.FtrbcBtn:hover, .FtrbcBtn2:hover{
color:#A4C9FF;
}

.ftrBcBtnBlue{
background:url(bcIcnDrk.svg);
background-size:24px 24px;
background-repeat:no-repeat;
background-position:right center;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.FtrFosBtn,.FtrFosBtn2{
background:url(mailIcnBlue.svg);
background-repeat:no-repeat;
background-size:26px 18px;
background-position:right 5px;
font-family:'GothamPro';
font-size:15px;
position:relative;
display:inline-block;
color:#484A55;
margin:10px 0 0 88px;
padding:4px 50px 5px 0;
vertical-align:top;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
cursor:pointer;
}

.FtrFosBtn:hover .ftrFosBtnBlue, .FtrFosBtn2:hover .ftrFosBtnBlue{
opacity:0;
}

.FtrFosBtn:hover, .FtrFosBtn2:hover{
color:#A4C9FF;
}

.ftrFosBtnBlue{
position:absolute;
background:url(mailIcnDrk.svg);
background-repeat:no-repeat;
background-size:26px 18px;
background-position:right 5px;
width:100%;
height:100%;
left:0;
top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.ftrSnBlk{
position:relative;
display:inline-block;
margin-left:94px;
height:24px;
vertical-align:top;
margin-top:13px;
}

.ftrInstIcn{
background:url(instIcnB.svg);
background-size:16px 16px;
}

.ftrFbIcn{
background:url(fbIcnB.svg);
background-size:8px 17px;
}

.ftrVkIcn{
background:url(vkIcnB.svg);
background-size:18px 11px;
}

.ftrInstIcn,.ftrFbIcn,.ftrVkIcn{
background-repeat:no-repeat;
background-position:center center;
position:relative;
width:18px;
height:17px;
display:inline-block;
margin:2px 40px 0 0;
cursor:pointer;
}

.ftrInstIcn:hover .ftrInstIcnDrk,.ftrFbIcn:hover .ftrFbIcnDrk,.ftrVkIcn:hover .ftrVkIcnDrk{
opacity:0;
}


.ftrInstIcnDrk{
background:url(instIcn.svg);
background-size:16px 16px;
}

.ftrFbIcnDrk{
background:url(fbIcn.svg);
background-size:8px 17px;
}

.ftrVkIcnDrk{
background:url(vkIcn.svg);
background-size:18px 11px;
}

.ftrInstIcnDrk,.ftrFbIcnDrk,.ftrVkIcnDrk{
background-repeat:no-repeat;
background-position:center center;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.ftrTel{
position:relative;
font-family: 'Kizo-Medium';
font-size:30px;
color:#484A55;
display:inline-block;
top:3px;
margin-left:70px;
}

.showMoreBtn{
font-family: 'GothamPro-Light';
font-size: 15px;
position: relative;
background:#484A55;
width: 220px;
height: 60px;
text-align: center;
padding:20px 28px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
color:#fff;
left:50%;
transform:translateX(-50%);
cursor:pointer;
margin-bottom:100px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.showMoreBtn:hover{
background:#A4C9FF;
}

h1,h2,h2.partnHdr{
font-family:'GothamPro';
font-size:15px;
color:#484A55;
text-align:center;
text-transform:uppercase;
//margin-bottom:100px;
margin-bottom:50px;
}

h1{
font-size:21px;
margin-bottom:20px;
}

h2.partnHdr{
margin:50px 0;
}

.fltrDD{
position:absolute;
background:#fff;
display:none;
margin-top:10px;
max-height:200px;
overflow-y:auto;
overflow-x:hidden;
border:10px solid #fff;
top:45px;
}

.ddmOpt{
font-family: 'GothamPro-Light';
font-size:15px;
vertical-align:top;
color:#484A55;
padding:7px 0;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
width:320px;
}

.ddmOpt:hover{
color:#A4C9FF;
}

.fltrBtnTxt{
padding-right:40px;
}

.prodBlkBtm{
width:100%;
position:absolute;
bottom:47px;
}

.lnLine{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
color:#484A55;
margin-left:30px;
left:25%;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
height:32px;
vertical-align:top;
padding-top:7px;
margin-bottom:47px;
}

.lnLine:hover{
color:#A4C9FF;
}

.lnLine:hover:before{
background:#A4C9FF;
}

.lnLine:hover .lnLineNum{
color:#A4C9FF;
}

.lnLine::before{
content:'';
position:absolute;
width:20px;
height:1px;
background:#484A55;
left:-30px;
top:50%;
transform:translateY(-50%);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
vertical-align:top;
}

.lnLineNum{
position:absolute;
left:-60px;
font-family:'Kizo-Bold';
font-size:39px;
color:#484A55;
top:50%;
transform:translateY(-55%);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
vertical-align:top;
}

.lnLineTtl{
display:inline-block;
}

.ftrLn2{
position:relative;
min-width:1200px;
margin:50px 0;
left:50%;
transform:translateX(-50%);
}

.ftrLn3{
position:absolute;
min-width:1200px;
margin:50px 0;
bottom:0;
left:50%;
transform:translateX(-50%);
}

.prodFtrCnt2{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
}

.prodData{
padding-bottom:10px;
}

.fs27{
font-size:27px;
margin-left:110px;
}

.ftrLogo,.hdrLogo{
position:absolute;
font-family: 'WaldorfTLPro-Heavy';
font-size: 25px;
color: #575B6D;
text-align: center;
line-height: 1.1;
top:3px;
}

.wLn{
border-top:2px solid #575B6D;
border-bottom:2px solid #575B6D;
width:113px;
display:inline-block;
margin-left:120px;
}

.slLn{
border-top:1px solid #575B6D;
border-bottom:1px solid #575B6D;
margin:1px 0;
width:113px;
height:32px;
}

.atl{
font-size:30px;
}

.FtrFosBtn2{
margin-left:96px;
margin-top:20px;
}

.FtrbcBtn2{
margin-left:96px;
margin-top:20px;
}

.text_reg{
font-family:'GothamPro-Light';
font-size:15px;
}

p,li{
margin:25px 0;
}

li{
margin-left:20px;
}

.txtBlk{
position:relative;
background:rgba(255,255,255,0.9);
padding:128px 80px 75px 115px;
margin:50px 0;
margin-bottom:50px;
width:1170px;
left:50%;
transform:translateX(-50%);
}

.atlSgn{
text-align:right;
font-family:'GothamPro';
font-size:15px;
color:#5D5D5D;
margin-top:50px;
}

.txtH{
position:relative;
font-family:'GothamPro-Bold';
font-size:17px;
color:#5D5D5D;
font-weight:normal;
text-align:left;
left:-37px;
margin-bottom:60px;
}

.wdLn{
width:100%;
position:absolute;
top:0;
left:0;
border-top:2px solid #575B6D;
border-bottom:2px solid #575B6D;
}

.slmLn{
border-top:1px solid #575B6D;
border-bottom:1px solid #575B6D;
margin:2px 0;
height:37px;
text-align:center;
}

.hdrLogo{
position:relative;
text-align:center;
line-height:1.3;
top:-2px;
}

.bgPic{
position:absolute;
width:1820px;
height:75vh;
z-index:0;
left:50%;
top:95px;
transform:translateX(-50%);
}

.mt65{
margin-top:115px;
}

.liBlk{
position:relative;
width:264px;
height:52px;
display:inline-block;
vertical-align:top;
margin-right:35px;
}

.liBlk::before{
content:'';
position:absolute;
width:7px;
height:7px;
background:#575B6D;
transform:rotate(45deg);
top:12px;
left:-20px;
}

.contSld{
position:absolute;
background:url(main_back_4.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
height:80vh;
width:100%;
left:50%;
transform:translateX(-50%);
border:44px solid #fff;
margin-top:-44px;
}

.rel{
position:relative;
min-width:1200px;
}

.contCnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
padding:0 30px;
height:70vh;
}

.contTbl{
display:table;
width:100%;
height:100%;
}

.contHlf{
position:relative;
display:table-cell;
}

.contTel{
position:relative;
text-align:center;
}

.contNums{
font-family: 'Kizo-Medium';
font-size:35px;
display:inline-block;
color:#5D5D5D;
vertical-align:top;
top:50%;
transform:translateY(-50%);
}

.contTxt{
position:relative;
font-family: 'GothamPro-Light';
font-size:14px;
display:inline-block;
color:#5D5D5D;
top:50%;
transform:translateY(-50%);
margin-left:25px;
width:219px;
vertical-align:top;
}

.contMail{
position:relative;
font-family:'GothamPro-Medium';
font-size:16px;
width:261px;
display:inline-block;
color:#5D5D5D;
margin-top:25px;
cursor:pointer;
}

.contMail:hover .contBtnTxt{
color:#A4C9FF;
}

.contBc{
position:relative;
font-family:'GothamPro-Medium';
font-size:16px;
width:225px;
display:inline-block;
color:#5D5D5D;
margin-left:65px;
margin-top:25px;
cursor:pointer;
}

.contBc:hover .contBtnTxt{
color:#A4C9FF;
}

.w585{
width:570px;
}

.conMailIcn{
background:url(contMailIcn.svg);
background-size:20px 14px;
background-repeat:no-repeat;
background-position:center center;
width:55px;
height:55px;
border:1px solid #5D5D5D;
border-radius:50%;
vertical-align:top;
display:inline-block;
}

.conBcIcn{
background:url(contBcIcn.svg);
background-size:20px 20px;
background-repeat:no-repeat;
background-position:center center;
width:55px;
height:55px;
border:1px solid #5D5D5D;
border-radius:50%;
vertical-align:top;
display:inline-block;
}

.contBtnTxt{
position:absolute;
display:inline-block;
vertical-align:top;
top:50%;
transform:translateY(-50%);
margin-left:15px;
white-space:nowrap;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.map{
width:545px;
height:253px;
margin-top:35px;
}

.adrTxt{
font-family: 'GothamPro-Light';
font-size:15px;
color:#5D5D5D;
margin-top:58px;
text-align:center;
}

.mb70{
margin-bottom:70px;
}

.contHHCnt{
position:absolute;
top:50%;
transform:translateY(-50%);
height:560px;
}

.fosComm{
font-family: 'GothamPro-Light';
font-size:15px;
color:#5D5D5D;
text-align:center;
margin-bottom:60px;
}

.contFrmLn{
position:relative;
margin-bottom:28px;
left:50%;
transform:translateX(-50%);
width:396px;
}

.contInp{
border:0;
border-bottom:1px solid #fff;
background:none;
padding:5px;
font-family: 'GothamPro-Light';
font-size:15px;
width:100%;
}

.contSndBtn{
font-family: 'GothamPro-Light';
font-size:15px;
position:relative;
left:50%;
transform:translateX(-50%);
width:218px;
height:59px;
background:#fff url(contSMailIcn.svg);
background-size:20px 14px;
background-repeat:no-repeat;
background-position:187px 10px;
text-align:center;
color:#5D5D5D;
padding-top:20px;
cursor:pointer;
margin-top:37px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.contSndBtn:hover{
background:#A89A9B url(contSMailIcnW.svg);
background-size:20px 14px;
background-repeat:no-repeat;
background-position:187px 10px;
color:#fff;
}

.contSnBlk{
position:relative;
width:335px;
left:50%;
transform:translateX(-50%);
text-align:center;
margin-top:45px;
}


.contInstIcn{
background:url(instIcnW.svg);
background-size:16px 16px;
}

.contFbIcn{
background:url(fbIcnW.svg);
background-size:8px 17px;
}

.contVkIcn{
background:url(vkIcnW.svg);
background-size:18px 11px;
}


.contInstIcn,.contFbIcn,.contVkIcn{
background-repeat:no-repeat;
background-position:center center;
width:70px;
height:70px;
display:inline-block;
border:1px solid #fff;
border-radius:50%;
margin:10px;
cursor:pointer;
}

.prodCard:hover .ptPic{
transform:scale(1.1);
}

.catMenuBtn{
font-family: 'GothamPro-Light';
font-size:15px;
width:152px;
position:absolute;
right:0;
top:20px;
color:#484A55;
background:url(toTopBtn.svg);
background-position:right top;
background-repeat:no-repeat;
background-size:23px 17px;
cursor:pointer;
}

.vaHlf{
position:absolute;
height:670px;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}

.subH{
font-family:'GothamPro-Medium';
font-size:15px;
margin-top:-20px;
margin-bottom:17px;
}

.nb{
list-style-type:none;
margin:0;
margin-bottom:17px;
}

.sld07VA{
position:absolute;
height:684px;
width:100%;
top:50%;
transform:translateY(-50%);
padding:0 30px;
}

.sld07Hdr{
font-family:'WaldorfTLPro-Heavy';
font-size:47px;
color:#5D5D5D;
text-align:center;
text-transform:uppercase;
}

.sld07Hdr .sm{
font-family:'GothamPro-Bold';
font-size:17px;
}

.videoHlf{
position:relative;
display:table-cell;
width:570px;
vertical-align:top;
}

.vidBlk,.YtBlk{
position:relative;
width:415px;
height:233px;
left:50%;
transform:translateX(-50%);
margin-top:65px;
}

.vidBlk{
background:#000;
overflow:hidden;
}

.playBtn{
position:absolute;
background:url(playBtn.svg);
background-repeat:no-repeat;
background-size:17px 30px;
background-position:center center;
width:100px;
height:100px;
border:1px solid #fff;
border-radius:50%;
cursor:pointer;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
}

.vidBlk:hover .v1{
opacity:1;
transform:scale(1.1);
}

.ytLogo{
width:235px;
background:url(ytLogo.svg);
background-repeat:no-repeat;
background-size:73px 29px;
background-position:center bottom;
position:absolute;
font-family:'GothamPro';
font-size:15px;
text-transform:uppercase;
color:#1D1D1B;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
padding-bottom:50px;
}

.v1{
width:100%;
height:100%;
position:absolute;
opacity:0.5;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
transform:scale(1);
}

.videoWndH,.videoWndHF{
position:absolute;
background:#fff;
width:100%;
height:100%;
left:0;
top:0;
z-index:120;
opacity:0;
transform:scale(0.9);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
pointer-events:none;
}

.videoWndHF{
position:fixed;
}

.videoWndV,.videoWndVF{
position:absolute;
background:#fff;
width:100%;
height:100%;
left:0;
top:0;
z-index:130;
opacity:1;
transform:scale(1);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
padding:44px;
}

.videoWndVF{
position:fixed;
}

.clsBtn{
position:absolute;
cursor:pointer;
right:5px;
top:5px;
width:45px;
height:45px;
border-radius:50%;
border:1px solid #868686;
background:rgba(255,255,255,0.5);
}

.clsBtn::before{
position:absolute;
content:'';
width:16px;
height:1px;
background:#868686;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.clsBtn::after{
position:absolute;
content:'';
width:16px;
height:1px;
background:#868686;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}

#wnd{
position:fixed;
width:1200px;
height:722px;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) scale(0.9);
z-index:130;
background:#fff;
pointer-events:none;
opacity:0;
}


.nwnd{
position:fixed;
width:1200px;
height:915px;
left:50%;
top:50%;
z-index:130;
background:#fff;
pointer-events:none;
opacity:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
transform:translateX(-50%) translateY(-50%) scale(0.9);
font-family: 'GothamPro-Light';
font-size:14px;
padding:44px;
}

.nwndV{
font-family: 'GothamPro-Light';
font-size:14px;
position:fixed;
width:1200px;
height:915px;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) scale(1);
z-index:130;
background:rgba(255,255,255,0.9);
opacity:1;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
padding:44px;
overflow:auto;
}

.inner{
font-family: 'GothamPro-Light';
font-size:15px;
text-align:center;
margin:auto;
padding:20px;
}

.fldDescr{
display:flex;
vertical-align:top;
width:100%;
height:100%;
}

.wndHdr{
font-family:'GothamPro-Bold';
font-size:17px;
color:#5D5D5D;
text-transform:uppercase;
margin-bottom:90px;
}

.wndHdr .sm{
font-family: 'GothamPro-Light';
font-size:15px;
margin-top:24px;
text-transform:none;
}

.fosHlf{
display:inline-block;
width:396px;
margin:30px;
vertical-align:top;
}

.arInp,.arTa{
font-family: 'GothamPro-Light';
font-size:15px;
width:100%;
border:0;
border-bottom:1px solid #D6D6D6;
padding:5px;
margin-bottom:28px;
}

.arTa{
height:85px;
}

.chbLn{
text-align:center;
}

.chb{
width:16px;
height:16px;
border:1px solid #D6D6D6;
display:inline-block;
vertical-align:top;
cursor:pointer;
}

.chbIn{
width:14px;
height:14px;
background:url(chbIn.svg);
background-size:7px 5px;
background-repeat:no-repeat;
background-position:center center;
}

.chbTxt{
font-family: 'GothamPro-Light';
font-size:13px;
color:#666B70;
margin-left:20px;
display:inline-block;
vertical-align:top;
}

.cntrBtn{
position:relative;
font-family: 'GothamPro-Light';
font-size:15px;
width:218px;
height:59px;
text-align:center;
background:#D4CED2 url(fosIcn.svg);
background-size:26px 18px;
background-repeat:no-repeat;
background-position:180px 10px;
color:#fff;
left:50%;
transform:translateX(-50%);
padding-top:20px;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.cntrBtn:hover{
background:#959093 url(fosIcn.svg);
background-size:26px 18px;
background-repeat:no-repeat;
background-position:180px 10px;
}

.wndTxt{
margin-bottom:90px;
}

#shad{
position:fixed;
width:100%;
height:100%;
z-index:120;
display:none;
}

.hComm{
text-align:center;
font-family: 'GothamPro-Light';
font-size:15px;
color:#5D5D5D;
margin-top:-30px;
margin-bottom:30px;
}

.partnBlk2,.partnBlk3{
position:relative;
display:inline-block;
vertical-align:top;
margin:5px 21px 50px 21px;
}

.partnBlk3{
margin:5px 15px 50px 15px;
}

.partnLn2{
margin-top:100px;
}

.partnSgn{
position:relative;
width:100%;
height:100%;
font-family: 'GothamPro-Light';
font-size:13px;
color:#5D5D5D;
text-align:center;
white-space:nowrap;
margin-top:-5px;
}

.postComm{
position:relative;
text-align:center;
font-family: 'GothamPro-Light';
font-size:15px;
color:#5D5D5D;
margin-top:80px;
width:580px;
left:50%;
transform:translateX(-50%);
}

.newsHdr{
font-family:'WaldorfTLPro-Heavy';
font-size:36px;
text-align:center;
color:#5D5D5D;
}

.newsHdr .sm{
font-family:'GothamPro';
font-size:17px;
text-transform:uppercase;
margin-bottom:10px;
}

.newsBlk{
position:relative;
width:340px;
height:575px;
display:inline-block;
text-align:center;
vertical-align:top;
margin-bottom:40px;
}

.newsPic{
width:340px;
height:340px;
}

.newCnt{
padding:5px;
}

.newsDate{
font-family:'GothamPro-Bold';
font-size:15px;
color:#5D5D5D;
display:inline-block;
margin-top:7px;
}

.newsTtl{
font-family:'GothamPro';
font-size:16px;
color:#5D5D5D;
margin-top:7px;
}

.newsShd{
font-family: 'GothamPro-Light';
font-size:14px;
text-align:center;
margin-top:10px;
}

.newBtn{
position:absolute;
font-family: 'GothamPro-Light';
font-size:14px;
width:218px;
height:59px;
padding-top:20px;
color:#868686;
left:50%;
transform:translateX(-50%);
background:#F6F6F6;
bottom:0;
cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.newBtn:hover{
background:#A89A9B;
color:#71585B;
}

.newsFlex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
flex-direction:row;
}

.partnFlex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.partnImH{
width:100%;
height:100%;
display:inline-block;
}

.partnIm{
position:relative;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
}

.dinb{
display:inline-block;
}

.val{
position:relative;
top:50%;
transform:translateY(-50%);
}

.mtmfh{
top:-45px;
}

.picBig{
width:100%;
height:60%;
}

.newsTxt{
text-align:center;
margin:20px 0;
}

.newsHdr2{
font-family:'GothamPro';
font-size:17px;
margin-bottom:62px;
margin-top:18px;
}

.newsHdr .dt{
font-family:'GothamPro-Bold';
font-size:17px;
display:inline-block;
}

.picFlex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
flex-direction:row;
}

.pickBlk{
position:relative;
display:block;
left:50%;
transform:translateX(-50%);
}

.picSgn{
margin-top:20px;
margin-bottom:20px;
width:250px;
text-align:center;
}

.telOOS1 .comm{
font-family:'GothamPro-Light';
font-size:14px;
margin-bottom:10px;
margin-top:10px;
}

.sectDescr{
font-family:'GothamPro-Light';
font-size:15px;
color:#484A55;
margin:0 40px 40px 100px;
padding-bottom:40px;
}

.picWnd{
border:24px solid #fff;
position:fixed;
left:50%;
top:50%;
z-index:100;
background:#fff;
padding:20px;
}

.metka{
position:absolute;
width:100%;
text-align:center;
font-size:12px;
margin-top:20px;
}

.flex{
position:relative;
display:flex;
height:320px;
width:100%;
justify-content:space-between;
margin-bottom:20px;
}

.allCards{
//height:408px;
height:100%;
}



















*{
box-sizing:border-box;
margin:0;
}

.container{
position:relative;
height:100%;
border:44px solid #fff;
overflow:hidden;
}

.bg01{
position:absolute;
width:100%;
height:100%;
background:#008;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
animation: bga 20s linear infinite;
}


@-webkit-keyframes bga{
0%{background:#008;}
33%{background:#800;}
66%{background:#000;}
100%{background:#008;}
}

@-moz-keyframes bga{
0%{background:#008;}
33%{background:#800;}
66%{background:#000;}
100%{background:#008;}
}

@keyframes bga{
0%{background:#008;}
33%{background:#800;}
66%{background:#000;}
100%{background:#008;}
}



.shine{
position:absolute;
width:100%;
height:100%;
mix-blend-mode:screen;
background:url(shine.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
animation:shineRL linear 15s forwards;
z-index:1;
}


.shiner{
position:absolute;
width:100%;
height:100%;
mix-blend-mode:screen;
background:url(shine.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
animation:shineLR linear 15s forwards;
z-index:1;
}

.cardFlex{
-webkit-perspective:500px;
perspective:500px;
position:relative;
display:flex;
justify-content:space-between;
z-index:2;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
width:1200px;
}

.card{
position:relative;
width:350px;
height:550px;
animation:cardIn linear 5s forwards;
transform:scale(0) rotateY(-15deg);
transform-style:preserve-3d;
}

.cardPic,.cardMirr{
content:'';
position:absolute;
width:250px;
height:550px;
left:50%;
transform:translateX(-50%);
}

.cardMirr{
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
transform:translateX(-50%) translateY(105%) scaleY(-1);
}

@keyframes shineRL{
0%{left:75%;transform:translateX(-50%) scale(0);}
2%{left:70%;transform:translateX(-50%) scale(2);}
100%{left:25%;transform:translateX(-50%) scale(0);}
}
@-moz-keyframes shineRL{
0%{left:75%;transform:translateX(-50%) scale(0);}
2%{left:70%;transform:translateX(-50%) scale(2);}
100%{left:25%;transform:translateX(-50%) scale(0);}
}
@-webkit-keyframes shineRL{
0%{left:75%;transform:translateX(-50%) scale(0);}
2%{left:70%;transform:translateX(-50%) scale(2);}
100%{left:25%;transform:translateX(-50%) scale(0);}
}


@keyframes shineLR{
0%{left:20%;transform:translateX(-50%) scale(0);}
2%{left:25%;transform:translateX(-50%) scale(2);}
100%{left:75%;transform:translateX(-50%) scale(0);}
}
@-moz-keyframes shineLR{
0%{left:20%;transform:translateX(-50%) scale(0);}
2%{left:25%;transform:translateX(-50%) scale(2);}
100%{left:75%;transform:translateX(-50%) scale(0);}
}
@-webkit-keyframes shineLR{
0%{left:20%;transform:translateX(-50%) scale(0);}
2%{left:25%;transform:translateX(-50%) scale(2);}
100%{left:75%;transform:translateX(-50%) scale(0);}
}


@keyframes cardIn{
0%{transform:scale(0) rotateY(-5deg);opacity:0;}
8%{transform:scale(0.6) rotateY(-2deg);opacity:1;}
92%{transform:scale(0.8) rotateY(2deg);opacity:1;}
100%{transform:scale(1) rotateY(5deg);opacity:0;}
}
@-moz-keyframes cardIn{
0%{transform:scale(0) rotateY(-5deg);opacity:0;}
8%{transform:scale(0.6) rotateY(-2deg);opacity:1;}
92%{transform:scale(0.8) rotateY(2deg);opacity:1;}
100%{transform:scale(1) rotateY(5deg);opacity:0;}
}
@-webkit-keyframes cardIn{
0%{transform:scale(0) rotateY(-5deg);opacity:0;}
8%{transform:scale(0.6) rotateY(-2deg);opacity:1;}
92%{transform:scale(0.8) rotateY(2deg);opacity:1;}
100%{transform:scale(1) rotateY(5deg);opacity:0;}
}


.particle{
position:absolute;
border-radius:50%;
}

@-webkit-keyframes particle-animation-1{
100%{-webkit-transform:translate3d(75vw, 29vh, 2px);transform:translate3d(75vw, 29vh, 2px);}
}

@keyframes particle-animation-1{
100%{-webkit-transform:translate3d(75vw, 29vh, 2px);transform:translate3d(75vw, 29vh, 2px);}
}

.particle:nth-child(1){
-webkit-animation:particle-animation-1 60s infinite;
animation:particle-animation-1 60s infinite;
opacity:0.45;
height:3px;
width:3px;
-webkit-animation-delay:-0.2s;
animation-delay:-0.2s;
-webkit-transform:translate3d(79vw, 24vh, 19px);
transform:translate3d(79vw, 24vh, 19px);
background:#fff;
}

@-webkit-keyframes particle-animation-2{
100%{-webkit-transform:translate3d(46vw, 70vh, 76px);transform:translate3d(46vw, 70vh, 76px);}
}

@keyframes particle-animation-2{
100%{-webkit-transform:translate3d(46vw, 70vh, 76px);transform:translate3d(46vw, 70vh, 76px);}
}

.particle:nth-child(2){
-webkit-animation:particle-animation-2 60s infinite;animation:particle-animation-2 60s infinite;
opacity:0.99;
height:2px;
width:2px;
-webkit-animation-delay:-0.4s;
animation-delay:-0.4s;
-webkit-transform:translate3d(74vw, 88vh, 54px);
transform:translate3d(74vw, 88vh, 54px);
background:#fff;
}

@-webkit-keyframes particle-animation-3{
100%{-webkit-transform:translate3d(84vw, 45vh, 60px);transform:translate3d(84vw, 45vh, 60px);}
}

@keyframes particle-animation-3{
100%{-webkit-transform:translate3d(84vw, 45vh, 60px);transform:translate3d(84vw, 45vh, 60px);}
}

.particle:nth-child(3){
-webkit-animation:particle-animation-3 60s infinite;
animation:particle-animation-3 60s infinite;
opacity:0.39;
height:2px;
width:2px;
-webkit-animation-delay:-0.6s;
animation-delay:-0.6s;
-webkit-transform:translate3d(39vw, 77vh, 52px);
transform:translate3d(39vw, 77vh, 52px);
background:#fff;
}

@-webkit-keyframes particle-animation-4{
100%{-webkit-transform:translate3d(61vw, 32vh, 91px);transform:translate3d(61vw, 32vh, 91px);}
}

@keyframes particle-animation-4{
100%{-webkit-transform:translate3d(61vw, 32vh, 91px);transform:translate3d(61vw, 32vh, 91px);}
}

.particle:nth-child(4){
-webkit-animation:particle-animation-4 60s infinite;
animation:particle-animation-4 60s infinite;
opacity:0.03;
height:4px;
width:4px;
-webkit-animation-delay:-0.8s;
animation-delay:-0.8s;
-webkit-transform:translate3d(8vw, 42vh, 75px);
transform:translate3d(8vw, 42vh, 75px);
background:#fff;
}

@-webkit-keyframes particle-animation-5{
100%{-webkit-transform:translate3d(69vw, 7vh, 57px);transform:translate3d(69vw, 7vh, 57px);}
}

@keyframes particle-animation-5{
100%{-webkit-transform:translate3d(69vw, 7vh, 57px);transform:translate3d(69vw, 7vh, 57px);}
}

.particle:nth-child(5){
-webkit-animation:particle-animation-5 60s infinite;
animation:particle-animation-5 60s infinite;
opacity:0.78;
height:3px;
width:3px;
-webkit-animation-delay:-1s;
animation-delay:-1s;
-webkit-transform:translate3d(73vw, 44vh, 17px);
transform:translate3d(73vw, 44vh, 17px);
background:#fff;
}

@-webkit-keyframes particle-animation-6{
100%{-webkit-transform:translate3d(7vw, 18vh, 11px);transform:translate3d(7vw, 18vh, 11px);}
}

@keyframes particle-animation-6{
100%{-webkit-transform:translate3d(7vw, 18vh, 11px);transform:translate3d(7vw, 18vh, 11px);}
}

.particle:nth-child(6){
-webkit-animation:particle-animation-6 60s infinite;
animation:particle-animation-6 60s infinite;
opacity:0.45;
height:3px;
width:3px;
-webkit-animation-delay:-1.2s;
animation-delay:-1.2s;
-webkit-transform:translate3d(30vw, 61vh, 97px);
transform:translate3d(30vw, 61vh, 97px);
background:#fff;
}

@-webkit-keyframes particle-animation-7{
100%{-webkit-transform:translate3d(7vw, 87vh, 97px);transform:translate3d(7vw, 87vh, 97px);}
}

@keyframes particle-animation-7{
100%{-webkit-transform:translate3d(7vw, 87vh, 97px);transform:translate3d(7vw, 87vh, 97px);}
}

.particle:nth-child(7){
-webkit-animation:particle-animation-7 60s infinite;
animation:particle-animation-7 60s infinite;
opacity:0.02;
height:2px;
width:2px;
-webkit-animation-delay:-1.4s;
animation-delay:-1.4s;
-webkit-transform:translate3d(19vw, 2vh, 95px);
transform:translate3d(19vw, 2vh, 95px);
background:#fff;
}

@-webkit-keyframes particle-animation-8{
100%{-webkit-transform:translate3d(35vw, 78vh, 24px);transform:translate3d(35vw, 78vh, 24px);}
}

@keyframes particle-animation-8{
100%{-webkit-transform:translate3d(35vw, 78vh, 24px);transform:translate3d(35vw, 78vh, 24px);}
}

.particle:nth-child(8){
-webkit-animation:particle-animation-8 60s infinite;
animation:particle-animation-8 60s infinite;
opacity:0.38;
height:4px;
width:4px;
-webkit-animation-delay:-1.6s;
animation-delay:-1.6s;
-webkit-transform:translate3d(53vw, 19vh, 86px);
transform:translate3d(53vw, 19vh, 86px);
background:#fff;
}

@-webkit-keyframes particle-animation-9{
100%{-webkit-transform:translate3d(83vw, 35vh, 37px);transform:translate3d(83vw, 35vh, 37px);}
}

@keyframes particle-animation-9{
100%{-webkit-transform:translate3d(83vw, 35vh, 37px);transform:translate3d(83vw, 35vh, 37px);}
}

.particle:nth-child(9){
-webkit-animation:particle-animation-9 60s infinite;
animation:particle-animation-9 60s infinite;
opacity:0.02;
height:5px;
width:5px;
-webkit-animation-delay:-1.8s;
animation-delay:-1.8s;
-webkit-transform:translate3d(17vw, 7vh, 72px);
transform:translate3d(17vw, 7vh, 72px);
background:#fff;
}

@-webkit-keyframes particle-animation-10{
100%{-webkit-transform:translate3d(82vw, 43vh, 31px);transform:translate3d(82vw, 43vh, 31px);}
}

@keyframes particle-animation-10{
100%{-webkit-transform:translate3d(82vw, 43vh, 31px);transform:translate3d(82vw, 43vh, 31px);}
}

.particle:nth-child(10){
-webkit-animation:particle-animation-10 60s infinite;
animation:particle-animation-10 60s infinite;
opacity:0.44;
height:5px;
width:5px;
-webkit-animation-delay:-2s;
animation-delay:-2s;
-webkit-transform:translate3d(31vw, 85vh, 78px);
transform:translate3d(31vw, 85vh, 78px);
background:#fff;
}

@-webkit-keyframes particle-animation-11{
100%{-webkit-transform:translate3d(89vw, 19vh, 17px);transform:translate3d(89vw, 19vh, 17px);}
}

@keyframes particle-animation-11{
100%{-webkit-transform:translate3d(89vw, 19vh, 17px);transform:translate3d(89vw, 19vh, 17px);}
}

.particle:nth-child(11){
-webkit-animation:particle-animation-11 60s infinite;
animation:particle-animation-11 60s infinite;
opacity:0.84;
height:4px;
width:4px;
-webkit-animation-delay:-2.2s;
animation-delay:-2.2s;
-webkit-transform:translate3d(15vw, 33vh, 81px);
transform:translate3d(15vw, 33vh, 81px);
background:#fff;
}

@-webkit-keyframes particle-animation-12{
100%{-webkit-transform:translate3d(71vw, 82vh, 89px);transform:translate3d(71vw, 82vh, 89px);}
}

@keyframes particle-animation-12{
100%{-webkit-transform:translate3d(71vw, 82vh, 89px);transform:translate3d(71vw, 82vh, 89px);}
}

.particle:nth-child(12){
-webkit-animation:particle-animation-12 60s infinite;
animation:particle-animation-12 60s infinite;
opacity:0.42;
height:3px;
width:3px;
-webkit-animation-delay:-2.4s;
animation-delay:-2.4s;
-webkit-transform:translate3d(8vw, 53vh, 6px);
transform:translate3d(8vw, 53vh, 6px);
background:#fff;
}

@-webkit-keyframes particle-animation-13{
100%{-webkit-transform:translate3d(20vw, 20vh, 21px);transform:translate3d(20vw, 20vh, 21px);}
}

@keyframes particle-animation-13{
100%{-webkit-transform:translate3d(20vw, 20vh, 21px);transform:translate3d(20vw, 20vh, 21px);}
}

.particle:nth-child(13){
-webkit-animation:particle-animation-13 60s infinite;
animation:particle-animation-13 60s infinite;
opacity:0.63;
height:5px;
width:5px;
-webkit-animation-delay:-2.6s;
animation-delay:-2.6s;
-webkit-transform:translate3d(34vw, 10vh, 17px);
transform:translate3d(34vw, 10vh, 17px);
background:#fff;
}

@-webkit-keyframes particle-animation-14{
100%{-webkit-transform:translate3d(65vw, 43vh, 42px);transform:translate3d(65vw, 43vh, 42px);}
}

@keyframes particle-animation-14{
100%{-webkit-transform:translate3d(65vw, 43vh, 42px);transform:translate3d(65vw, 43vh, 42px);}
}

.particle:nth-child(14){
-webkit-animation:particle-animation-14 60s infinite;
animation:particle-animation-14 60s infinite;
opacity:0.72;
height:5px;
width:5px;
-webkit-animation-delay:-2.8s;
animation-delay:-2.8s;
-webkit-transform:translate3d(41vw, 26vh, 71px);
transform:translate3d(41vw, 26vh, 71px);
background:#fff;
}

@-webkit-keyframes particle-animation-15{
100%{-webkit-transform:translate3d(75vw, 15vh, 53px);transform:translate3d(75vw, 15vh, 53px);}
}

@keyframes particle-animation-15{
100%{-webkit-transform:translate3d(75vw, 15vh, 53px);transform:translate3d(75vw, 15vh, 53px);}
}

.particle:nth-child(15){
-webkit-animation:particle-animation-15 60s infinite;
animation:particle-animation-15 60s infinite;
opacity:0.63;
height:4px;
width:4px;
-webkit-animation-delay:-3s;
animation-delay:-3s;
-webkit-transform:translate3d(29vw, 86vh, 19px);
transform:translate3d(29vw, 86vh, 19px);
background:#fff;
}

@-webkit-keyframes particle-animation-16{
100%{-webkit-transform:translate3d(62vw, 25vh, 63px);transform:translate3d(62vw, 25vh, 63px);}
}

@keyframes particle-animation-16{
100%{-webkit-transform:translate3d(62vw, 25vh, 63px);transform:translate3d(62vw, 25vh, 63px);}
}

.particle:nth-child(16){
-webkit-animation:particle-animation-16 60s infinite;
animation:particle-animation-16 60s infinite;
opacity:0.9;
height:4px;
width:4px;
-webkit-animation-delay:-3.2s;
animation-delay:-3.2s;
-webkit-transform:translate3d(39vw, 10vh, 1px);
transform:translate3d(39vw, 10vh, 1px);
background:#fff;
}

@-webkit-keyframes particle-animation-17{
100%{-webkit-transform:translate3d(77vw, 11vh, 26px);transform:translate3d(77vw, 11vh, 26px);}
}

@keyframes particle-animation-17{
100%{-webkit-transform:translate3d(77vw, 11vh, 26px);transform:translate3d(77vw, 11vh, 26px);}
}

.particle:nth-child(17){
-webkit-animation:particle-animation-17 60s infinite;
animation:particle-animation-17 60s infinite;
opacity:0.24;
height:3px;
width:3px;
-webkit-animation-delay:-3.4s;
animation-delay:-3.4s;
-webkit-transform:translate3d(79vw, 46vh, 4px);
transform:translate3d(79vw, 46vh, 4px);
background:#fff;
}

@-webkit-keyframes particle-animation-18{
100%{-webkit-transform:translate3d(17vw, 8vh, 98px);transform:translate3d(17vw, 8vh, 98px);}
}

@keyframes particle-animation-18{
100%{-webkit-transform:translate3d(17vw, 8vh, 98px);transform:translate3d(17vw, 8vh, 98px);}
}

.particle:nth-child(18){
-webkit-animation:particle-animation-18 60s infinite;
animation:particle-animation-18 60s infinite;
opacity:0.47;
height:3px;
width:3px;
-webkit-animation-delay:-3.6s;
animation-delay:-3.6s;
-webkit-transform:translate3d(72vw, 87vh, 80px);
transform:translate3d(72vw, 87vh, 80px);
background:#fff;
}

@-webkit-keyframes particle-animation-19{
100%{-webkit-transform:translate3d(13vw, 52vh, 56px);transform:translate3d(13vw, 52vh, 56px);}
}

@keyframes particle-animation-19{
100%{-webkit-transform:translate3d(13vw, 52vh, 56px);transform:translate3d(13vw, 52vh, 56px);}
}

.particle:nth-child(19){
-webkit-animation:particle-animation-19 60s infinite;
animation:particle-animation-19 60s infinite;
opacity:0.94;
height:4px;
width:4px;
-webkit-animation-delay:-3.8s;
animation-delay:-3.8s;
-webkit-transform:translate3d(19vw, 33vh, 14px);
transform:translate3d(19vw, 33vh, 14px);
background:#fff;
}

@-webkit-keyframes particle-animation-20{
100%{-webkit-transform:translate3d(30vw, 12vh, 15px);transform:translate3d(30vw, 12vh, 15px);}
}

@keyframes particle-animation-20{
100%{-webkit-transform:translate3d(30vw, 12vh, 15px);transform:translate3d(30vw, 12vh, 15px);}
}

.particle:nth-child(20){
-webkit-animation:particle-animation-20 60s infinite;
animation:particle-animation-20 60s infinite;
opacity:0.37;
height:3px;
width:3px;
-webkit-animation-delay:-4s;
animation-delay:-4s;
-webkit-transform:translate3d(10vw, 70vh, 63px);
transform:translate3d(10vw, 70vh, 63px);
background:#fff;
}

@-webkit-keyframes particle-animation-21{
100%{-webkit-transform:translate3d(32vw, 79vh, 44px);transform:translate3d(32vw, 79vh, 44px);}
}

@keyframes particle-animation-21{
100%{-webkit-transform:translate3d(32vw, 79vh, 44px);transform:translate3d(32vw, 79vh, 44px);}
}

.particle:nth-child(21){
-webkit-animation:particle-animation-21 60s infinite;
animation:particle-animation-21 60s infinite;
opacity:0.25;
height:4px;
width:4px;
-webkit-animation-delay:-4.2s;
animation-delay:-4.2s;
-webkit-transform:translate3d(64vw, 18vh, 97px);
transform:translate3d(64vw, 18vh, 97px);
background:#fff;
}

@-webkit-keyframes particle-animation-22{
100%{-webkit-transform:translate3d(37vw, 74vh, 100px);transform:translate3d(37vw, 74vh, 100px);}
}

@keyframes particle-animation-22{
100%{-webkit-transform:translate3d(37vw, 74vh, 100px);transform:translate3d(37vw, 74vh, 100px);}
}

.particle:nth-child(22){
-webkit-animation:particle-animation-22 60s infinite;
animation:particle-animation-22 60s infinite;
opacity:0.12;
height:5px;
width:5px;
-webkit-animation-delay:-4.4s;
animation-delay:-4.4s;
-webkit-transform:translate3d(53vw, 39vh, 45px);
transform:translate3d(53vw, 39vh, 45px);
background:#fff;
}

@-webkit-keyframes particle-animation-23{
100%{-webkit-transform:translate3d(12vw, 82vh, 98px);transform:translate3d(12vw, 82vh, 98px);}
}

@keyframes particle-animation-23{
100%{-webkit-transform:translate3d(12vw, 82vh, 98px);transform:translate3d(12vw, 82vh, 98px);}
}

.particle:nth-child(23){
-webkit-animation:particle-animation-23 60s infinite;
animation:particle-animation-23 60s infinite;
opacity:0.36;
height:3px;
width:3px;
-webkit-animation-delay:-4.6s;
animation-delay:-4.6s;
-webkit-transform:translate3d(80vw, 49vh, 98px);
transform:translate3d(80vw, 49vh, 98px);
background:#fff;
}

@-webkit-keyframes particle-animation-24{
100%{-webkit-transform:translate3d(79vw, 5vh, 96px);transform:translate3d(79vw, 5vh, 96px);}
}

@keyframes particle-animation-24{
100%{-webkit-transform:translate3d(79vw, 5vh, 96px);transform:translate3d(79vw, 5vh, 96px);}
}

.particle:nth-child(24){
-webkit-animation:particle-animation-24 60s infinite;
animation:particle-animation-24 60s infinite;
opacity:0.21;
height:5px;
width:5px;
-webkit-animation-delay:-4.8s;
animation-delay:-4.8s;
-webkit-transform:translate3d(64vw, 33vh, 55px);
transform:translate3d(64vw, 33vh, 55px);
background:#fff;
}

@-webkit-keyframes particle-animation-25{
100%{-webkit-transform:translate3d(17vw, 80vh, 43px);transform:translate3d(17vw, 80vh, 43px);}
}

@keyframes particle-animation-25{
100%{-webkit-transform:translate3d(17vw, 80vh, 43px);transform:translate3d(17vw, 80vh, 43px);}
}

.particle:nth-child(25){
-webkit-animation:particle-animation-25 60s infinite;
animation:particle-animation-25 60s infinite;
opacity:0.16;
height:5px;
width:5px;
-webkit-animation-delay:-5s;
animation-delay:-5s;
-webkit-transform:translate3d(50vw, 44vh, 63px);
transform:translate3d(50vw, 44vh, 63px);
background:#fff;
}

@-webkit-keyframes particle-animation-26{
100%{-webkit-transform:translate3d(73vw, 9vh, 90px);transform:translate3d(73vw, 9vh, 90px);}
}

@keyframes particle-animation-26{
100%{-webkit-transform:translate3d(73vw, 9vh, 90px);transform:translate3d(73vw, 9vh, 90px);}
}

.particle:nth-child(26){
-webkit-animation:particle-animation-26 60s infinite;
animation:particle-animation-26 60s infinite;
opacity:0.69;
height:3px;
width:3px;
-webkit-animation-delay:-5.2s;
animation-delay:-5.2s;
-webkit-transform:translate3d(18vw, 8vh, 30px);
transform:translate3d(18vw, 8vh, 30px);
background:#fff;
}

@-webkit-keyframes particle-animation-27{
100%{-webkit-transform:translate3d(52vw, 58vh, 4px);transform:translate3d(52vw, 58vh, 4px);}
}

@keyframes particle-animation-27{
100%{-webkit-transform:translate3d(52vw, 58vh, 4px);transform:translate3d(52vw, 58vh, 4px);}
}

.particle:nth-child(27){
-webkit-animation:particle-animation-27 60s infinite;
animation:particle-animation-27 60s infinite;
opacity:0.59;
height:5px;
width:5px;
-webkit-animation-delay:-5.4s;
animation-delay:-5.4s;
-webkit-transform:translate3d(65vw, 71vh, 53px);
transform:translate3d(65vw, 71vh, 53px);
background:#fff;
}

@-webkit-keyframes particle-animation-28{
100%{-webkit-transform:translate3d(30vw, 54vh, 39px);transform:translate3d(30vw, 54vh, 39px);}
}

@keyframes particle-animation-28{
100%{-webkit-transform:translate3d(30vw, 54vh, 39px);transform:translate3d(30vw, 54vh, 39px);}
}

.particle:nth-child(28){
-webkit-animation:particle-animation-28 60s infinite;
animation:particle-animation-28 60s infinite;
opacity:0.56;
height:3px;
width:3px;
-webkit-animation-delay:-5.6s;
animation-delay:-5.6s;
-webkit-transform:translate3d(59vw, 13vh, 49px);
transform:translate3d(59vw, 13vh, 49px);
background:#fff;
}

@-webkit-keyframes particle-animation-29{
100%{-webkit-transform:translate3d(13vw, 18vh, 68px);transform:translate3d(13vw, 18vh, 68px);}
}

@keyframes particle-animation-29{
100%{-webkit-transform:translate3d(13vw, 18vh, 68px);transform:translate3d(13vw, 18vh, 68px);}
}

.particle:nth-child(29){
-webkit-animation:particle-animation-29 60s infinite;
animation:particle-animation-29 60s infinite;
opacity:0.14;
height:5px;
width:5px;
-webkit-animation-delay:-5.8s;
animation-delay:-5.8s;
-webkit-transform:translate3d(28vw, 51vh, 8px);
transform:translate3d(28vw, 51vh, 8px);
background:#fff;
}

@-webkit-keyframes particle-animation-30{
100%{-webkit-transform:translate3d(4vw, 13vh, 9px);transform:translate3d(4vw, 13vh, 9px);}
}

@keyframes particle-animation-30{
100%{-webkit-transform:translate3d(4vw, 13vh, 9px);transform:translate3d(4vw, 13vh, 9px);}
}

.particle:nth-child(30){
-webkit-animation:particle-animation-30 60s infinite;
animation:particle-animation-30 60s infinite;
opacity:0.07;
height:4px;
width:4px;
-webkit-animation-delay:-6s;
animation-delay:-6s;
-webkit-transform:translate3d(73vw, 49vh, 89px);
transform:translate3d(73vw, 49vh, 89px);
background:#fff;
}

.pc{
position:absolute;
width:100%;
height:100%;
top:0;
background: linear-gradient(180deg,rgba(0,0,0,0),rgba(122,0,0,1),rgba(122,0,122,1),rgba(0,0,0,0),rgba(122,0,0,1));
background-size: 100% 400%;
-webkit-animation: Gradient 5s linear infinite;
-moz-animation: Gradient 5s linear infinite;
animation: Gradient 20s linear infinite;
background-position: 0% 0%;
}

@-webkit-keyframes Gradient{
0%{background-position: 0% 0%;}
100%{background-position: 0% 100%;}
}

@-moz-keyframes Gradient{
0%{background-position: 0% 0%;}
100%{background-position: 0% 100%;}
}

@keyframes Gradient{
0%{background-position: 0% 0%;}
100%{background-position: 0% 100%;}
}



.swirl{
position:absolute;
top:0;
background:url(swirl.svg);
background-size:cover;
background-repeat:no-repeat;
width:454px;
height:1080px;
left:-150px;
opacity:0.2;
}

.swirl2{
position:absolute;
bottom:0;
background:url(swirl.svg);
background-size:cover;
background-repeat:no-repeat;
width:454px;
height:1080px;
right:-150px;
transform:scale(-1);
opacity:0.2;
}

.container::after{
position:absolute;
content:'aroma topline';
font-family:'WaldorfTLPro-Heavy';
font-size:85px;
color:#fff;
text-transform:uppercase;
text-align:center;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
opacity:0.5;
}

.logoCnt{
position:relative;
width:1200px;
left:50%;
transform:translateX(-50%);
height:200px;
z-index:10;
top:0;
}

.logoCnt::after{
position:absolute;
content:'';
//background:url(atlLogo.png);
background:url(newLogo.svg);
background-size:90px 90px;
background-repeat:no-repeat;
background-position:center center;
width:90px;
height:90px;
z-index:10;
left:30px;
top:30px;
}

.fsVideo{
position:relative;
width:100%;
height:641px;
margin-bottom:20px;
}

.tac{
text-align:center;
margin:20px 0 60px 0;
}

.spflex{
display:flex;
justify-content:space-between;
padding:20px 0;
flex-wrap:wrap;
}

.sectPic{
width:300px;
height:300px;
cursor:pointer;
margin-bottom:20px;
}

.sf{
position:relative;
font-family:'GothamPro-Light';
font-size:15px;
color:#484A55;
border:1px solid #a2a2a2;
border-radius:15px;
padding:7px 30px 7px 7px;
margin-right:10px;
display:inline-block;
white-space:nowrap;
}

#ftrLst{
margin-bottom:30px;
}

.dSf{
position:absolute;
right:5px;
width:20px;
height:20px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
}

.dSf::before,.dSf::after{
position:absolute;
content:'';
height:1px;
width:75%;
background:#a2a2a2;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.dSf::after{
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}

.shopMap{
font-family:'GothamPro';
position:relative;
height:500px;
}

.shLst{
position:relative;
width:300px;
height:100%;
display:inline-block;
vertical-align:top;
}

.shLn{
margin:25px 0;
padding:10px;
}

.adLn{
margin-bottom:10px;
}

#map{
display:inline-block;
height:100%;
vertical-align:top;
width:675px;
}

.roznBtn{
font-family:'GothamPro';
font-size:20px;
position:absolute;
color:#fff;
left:50%;
top:17%;
transform:translateX(-50%);
text-transform:uppercase;
cursor:pointer;
z-index:20;
text-align:center;
}

.roznBtn .sm{
font-size:13px;
margin-top:10px;
}

.prod{
position:relative;
width:150px;
height:100%;
padding-top:20px;
}

.prod:hover .prodBg01,.prod:hover .prodBg02,.prod:hover .prodBg03,.prod:hover .prodBg04,.prod:hover .prodBg05,.prod:hover .prodBg06,.prod:hover .prodBg07,.prod:hover .prodBg08{
transform:translateX(-50%) translateY(-50%) scale(0.9);
}

.prod:hover .prodPic01,.prod:hover .prodPic02,.prod:hover .prodPic03,.prod:hover .prodPic04,.prod:hover .prodPic05,.prod:hover .prodPic06,.prod:hover .prodPic07,.prod:hover .prodPic08{
transform:translateX(-50%) translateY(-50%) scale(1);
}


.prodBg01{
background:url(card01Bg.jpg);
}

.prodBg02{
background:url(card02Bg.jpg);
}

.prodBg03{
background:url(card03Bg.jpg);
}

.prodBg04{
background:url(card04Bg.jpg);
}

.prodBg05{
background:url(card05Bg.jpg);
}

.prodBg06{
background:url(card06Bg.jpg);
}

.prodBg07{
background:url(card07Bg.jpg);
}

.prodBg08{
background:url(card08Bg.jpg);
}

.prodBg01,.prodBg02,.prodBg03,.prodBg04,.prodBg05,.prodBg06,.prodBg07,.prodBg08{
position:absolute;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:100%;
height:308px;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) scale(1);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

.prodSign01{
background:url(karton.svg);
width:32px;
height:184px;
}

.prodSign02{
background:url(sprey.svg);
width:32px;
height:156px;
}

.prodSign03{
background:url(3d.svg);
width:32px;
height:60px;
}

.prodSign04{
background:url(viayzen.svg);
width:32px;
height:196px;
}

.prodSign05{
background:url(salfetki.svg);
width:32px;
height:252px;
}

.prodSign06{
background:url(smellery.svg);
width:32px;
height:268px;
}

.prodSign07{
background:url(sashe.svg);
width:32px;
height:132px;
}

.prodSign08{
background:url(difusor.svg);
width:24px;
height:279px;
}

.prodSign01,.prodSign02,.prodSign03,.prodSign04,.prodSign05,.prodSign06,.prodSign07,.prodSign08{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
position:absolute;
color:#fff;
opacity:0.6;
right:-10px;
bottom:10px;
}

.prodPic01{
background:url(card01Pic.png);
}

.prodPic02{
background:url(card02Pic.png);
}

.prodPic03{
background:url(card03Pic.png);
}

.prodPic04{
background:url(card04Pic.png);
}

.prodPic05{
background:url(card05Pic.png);
}

.prodPic06{
background:url(card06Pic.png);
}

.prodPic07{
background:url(card07Pic.png);
}

.prodPic08{
background:url(card08Pic.png);
}

.prodPic01,.prodPic02,.prodPic03,.prodPic04,.prodPic05,.prodPic06,.prodPic07,.prodPic08{
position:absolute;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:101px;
height:202px;
z-index:1;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%) scale(0.9);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}