@font-face{font-family:BebasNeueBold;src:url(../font/BebasNeueBold.ttf)}
@font-face{font-family:BebasNeueRegular;src:url(../font/BebasNeueRegular.otf)}
@font-face{font-family:SansationBold;src:url(../font/SansationBold.ttf)}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
.clearfix:after{content:"";display:table;clear:both}
a{text-decoration:none}
.case-wrapper{overflow:hidden;font:400 16px Montserrat,sans-serif;color:#000;background:#000;height:100%}
.nevskaya-wrapper{position:relative;min-height:3000px;width:100%}
.offset-65{height:20px;width:100%}
img{max-width:100%;height:auto}
.title{font:30px/.9 BebasNeueBold,sans-serif;color:#fff;position:relative;margin:80px 0}
.title__num{font:140px/.66 BebasNeueBold,sans-serif;letter-spacing:-.07em;color:rgba(255,255,255,.2);position:absolute;bottom:0;left:0;z-index:1}
.title__text{position:relative;z-index:5}
.b-grid{background:url(../images/dotted.svg) 0 0 repeat-y;max-width:1670px;width:100%;height:100%;top:0;right:0;left:0;margin:0 auto;position:absolute}
.hero{height:100vh;background:url(../images/nevskaya.jpg) center center no-repeat;background-size:cover}
.logo__header{max-width:1588px;width:100%;margin:0 auto}
.logo__title{max-width:366px;text-align:left}
.logo__body{background:url(../images/nevskaya-2.png) center center no-repeat;background-size:cover}
.logo-wrapper{max-width:1050px;margin:0 auto}
.logo-item{max-width:516px;width:100%;margin-left:auto;padding:30px 15px 10px;background:rgba(0,0,0,.8);border-top:10px solid #dcc13b}
.logo-item__title{font:20px BebasNeueRegular,sans-serif;color:#fff;margin:0 0 20px 0}
.logo-item__text{font:14px/23px Roboto,sans-serif;color:#fff;margin-bottom:40px}
.mark__header{max-width:1288px;width:100%;margin:0 auto}
.mark__title{max-width:366px;text-align:right;margin-left:auto}
.mark__title .title__num{letter-spacing:-.05em;right:160px}
.mark__img{-webkit-box-flex:0;-webkit-flex:0 100%;-ms-flex:0 100%;flex:0 100%;max-width:100%;height:auto;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.mark-wrapper{max-width:1588px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.mark-item{-webkit-box-flex:0;-webkit-flex:0 100%;-ms-flex:0 100%;flex:0 100%;max-width:100%;padding:20px 15px 20px;background:rgba(41,41,41,.8);border-top:10px solid #dcc13b;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.mark-item__title{font:50px BebasNeueRegular,sans-serif;color:#fff;margin:0 0 20px 0}
.mark-item__text{font:18px/23px Roboto,sans-serif;color:#fff;margin-bottom:40px}
.font__header{width:100%;margin:0 auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.font__logo{position:absolute;max-width:716px;height:auto;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.font-wrapper-logo{max-width:1588px;width:100%;position:absolute;display:block;margin:0 auto;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.font-wrapper{max-width:1588px;width:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.font__type{font:36px/1 BebasNeueBold,sans-serif;color:#fff;margin-bottom:20px}
.font__col3{-webkit-box-flex:0;-webkit-flex:0 15%;-ms-flex:0 15%;flex:0 15%;max-width:15%}
.font__col2{-webkit-box-flex:0;-webkit-flex:0 100%;-ms-flex:0 100%;flex:0 100%;max-width:100%}
.font__title{max-width:366px;text-align:right;margin-left:auto;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.font__title .title__num{letter-spacing:-.05em;right:160px;bottom:-50%}
.font__text{max-width:370px;width:100%;font:16px Roboto,sans-serif;color:#fff;text-align:right;padding:20px;margin-right:20px;border-right:10px solid #dcc13b}
.font__font{max-width:390px;width:100%;font:30px SansationBold,sans-serif;color:#fff;word-break:break-all}
.font__example{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:784px;width:100%}
.font__img{-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%;height:auto}
.font-item{-webkit-box-flex:0;-webkit-flex:0 25%;-ms-flex:0 25%;flex:0 25%;max-width:25%;padding:60px 35px 20px;background:rgba(41,41,41,.8);border-top:10px solid #dcc13b}
.font-item__title{font:50px BebasNeueRegular,sans-serif;color:#fff;margin:0 0 20px 0}
.font-item__text{font:18px/23px Roboto,sans-serif;color:#fff;margin-bottom:40px}
.color__img{max-width:250px;width:100%;height:auto}
.color__header{max-width:1588px;width:100%;margin:0 auto}
.color__title{max-width:366px;text-align:left;margin:13px 0 94px 0}
.color__title .title__num{bottom:-50%;right:auto;left:-180px;letter-spacing:-.03em}
.color-wrapper{max-width:1588px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.color__col1{-webkit-box-flex:0;-webkit-flex:0 100%;-ms-flex:0 100%;flex:0 100%;max-width:100%;padding:95px 0}
.color__col1 .color__img{margin-left:auto;margin-right:15px;display:block}
.color__col2{-webkit-box-flex:0;-webkit-flex:0 100%;-ms-flex:0 100%;flex:0 100%;max-width:100%;background:#fff;padding:95px 0;position:relative;z-index:20}
.color__col2:before{content:'';position:absolute;background:#fff;top:0;left:0;width:1000%;height:100%;z-index:5}
.color__col2 .color__img{margin-left:15px;position:relative;z-index:20}
.color__text{font:18px/23px Roboto,sans-serif;color:#000;max-width:580px;padding:15px;margin-bottom:70px;border-left:10px solid #dcc13b;position:relative;z-index:20}
@media (min-width:580px){
.font__col2{-webkit-box-flex:0;-webkit-flex:0 80%;-ms-flex:0 80%;flex:0 80%;max-width:80%}
}
@media (min-width:768px){
.title{font:50px/.9 BebasNeueBold,sans-serif}
.title__num{font:240px/.66 BebasNeueBold,sans-serif;right:0}
.logo__body{padding:60px 0}
.logo-item{padding:60px 35px 20px}
.logo-item__title{font:50px BebasNeueRegular,sans-serif}
.logo-item__text{font:18px/23px Roboto,sans-serif}
.mark__img{-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.mark-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.mark-item{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;padding:60px 35px 20px;-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%}
.font{padding:60px 0}
}
@media (min-width:960px){
.title{font:90px/.9 BebasNeueBold,sans-serif}
.title__num{font:440px/.66 BebasNeueBold,sans-serif}
.mark{margin-bottom:50px}
.font-wrapper{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
.font__type{margin-bottom:0;max-width:50px}
.font__col1{-webkit-box-flex:0;-webkit-flex:0 20%;-ms-flex:0 20%;flex:0 20%;max-width:20%}
.font__col2{-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%}
.font__title{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.color__col1{-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%}
.color__col1 .color__img{margin-right:150px}
.color__col2{-webkit-box-flex:0;-webkit-flex:0 50%;-ms-flex:0 50%;flex:0 50%;max-width:50%}
.color__col2 .color__img{margin-left:150px}
.color__text{padding:30px 30px 30px 140px}
}
@media (min-width:1190px){
.mark-item{-webkit-box-flex:0;-webkit-flex:0 25%;-ms-flex:0 25%;flex:0 25%;max-width:25%}
.font__type{font:2vw BebasNeueBold,sans-serif}
.font__text{font:18px Roboto,sans-serif}
.font__font{font:3.5vw SansationBold,sans-serif}
}
@media (min-width:1310px){
.offset-65{height:65px}
}