@charset "UTF-8";
/*
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
@import url("reset.css");
.bodylock{left:0;top:0;overflow:hidden;position:absolute;z-index: 3;}
body {margin-top: 0 !important;left:0;}
.bodylock{left:0;top:0;overflow:hidden;position:absolute;z-index: 3;}
.nc--fixed {display: none !important;}
.anim:hover,
.anim:focus,
.bottom,
.anim:active,
.store .item .cover,
.colections.cat .item .cover,
.colecarousel .item .cover,
*:before,
*:after{
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

#wrapper {display: block;float: left;width: 100%;}
.wrap {margin: 0 auto;width: 100%;padding: 0 20px;position: relative;max-width: 1024px;    overflow: hidden;}
.width100 {max-width: 100%;padding: 0;width: 100%!important}

header {display: block;float: left;width: 100%;background: #000;position: fixed;z-index: 1}
header .menu {display: block;float: left;width: calc(50% - 100px);text-align: right;padding-right: 40px}
header .menu.right {float: right;text-align: left;padding-right: 0;padding-left: 40px}
header .menu .elem {display: inline-block;margin-right: 20px;padding: 41px 0px;}
header .menu .elem:last-child {margin-right: 0;}
header .menu .elem label a {text-decoration: none;color:#999;text-transform: uppercase;font: 400 16px/1em 'PTSansRegular';}
header .menu .elem label a:hover {color:#880;}
header .logo {display: block;float: left;width: 200px;}
header .logo img {display: block;float: left;width: 100%;padding: 10px;}
header .logo a {display: block;float: left;width: 100%;}
#wrapper.top {overflow: hidden;display: none;}
.top .in {padding: 20px 0; display: block;float: left;    width: 100%;}
.top.black {background: #000;}
.top.black label {color: #fff;font: 400 40px/1em 'NeoSans';text-transform: uppercase;margin-bottom: 10px;display: block;}
.top.black p {color: #fff;font: 400 14px/1.2em 'PTSansRegular';display: block;}
.top.white {background: #fff;}
.top.white label {color: #000;font: 400 40px/1em 'NeoSans';text-transform: uppercase;margin-bottom: 10px;display: block;}
.top.white p {color: #000;font: 400 14px/1.2em 'PTSansRegular';display: block;}

.top .small {display: block;float: left;width: calc(50% - 70px);text-align: left;padding-right: 40px}
.top .small.right {float: right;text-align: right;padding-right: 0;padding-left: 40px}
.top .small.big {width: 100%;}
.top .img {display: block;float: left;width: 140px;}
.top .img img {display: block;float: left;width: 100%;}

.top .clients_list {display: block;float: left;width: 100%;}
.top .clients_list span {display: block;margin: 10px;float: left;}
.top .clients_list span img {max-height: 40px;}
header .buter {background: url('../img/buter.svg') no-repeat center;display: none;width: 20px;height: 19px;float:left;margin-right: 30px;margin-top: 10px;cursor: pointer;position: absolute;
    top: 18px;}
section {display: block;float: left;width: 100%;margin-top: 120px;}
section .item .grid-sizer {width: calc(33% - 20px);display: block;float: left;}
section .item .elem {width: calc(33% - 20px);display: block;float: left;margin: 10px;    overflow: hidden;}
section .item .elem.big {width: calc(67% - 20px);}
section .item .elem .outer {display: block;float: left;width: 100%;}
section .item .elem .outer img {display: block;float: left;width: 100%;}

section .item .elem .img {display: block;float left:width:100%;position: relative;cursor: pointer;}
section .item .elem .img img {display: block;float: left;width: 100%;}
section .item .elem .img:before {content: '';background: url('../img/play-button.svg') no-repeat center center;width: 100%;height: 50px;position: absolute;

    display: block;    margin-top: 30%;opacity: 0}
section .item .elem:hover .img:before {content: '';background: url('../img/play-button.svg') no-repeat center center;width: 100%;height: 50px;position: absolute;

    display: block;    margin-top: 30%;opacity: 1}

.main .item {display: block;float: left;width: 100%;margin-bottom: 60px;}
.main .item .h1 {font: 400 70px/1.2em 'NeoSans';color:#fff;text-decoration: none;text-transform: uppercase;}
.main .item .h1:hover {color:#880;}


footer {display: block;float: left;width: 100%;background: #000;padding: 20px 0}
footer .copy {float: left;color: #999;font: 400 14px/2.4em 'PTSansRegular';display: block;}
footer .social {float: right;display: block;}
footer .social .social_link {display: block;float: left;text-align: center;}
footer .social .social_link a {display: block;float: left;width: 30px;height: 30px;margin-left: 20px;}
footer .social .social_link a:first-child {margin-left:0;}
footer .social .social_link span {display: inline-block;width: 29px;height: 29px;}
footer .social .social_link .inst span {background: url('../img/in.svg') no-repeat center;background-size: 22px;}
footer .social .social_link .face span {background: url('../img/fb.svg') no-repeat center ;background-size: 12px;}
footer .social .social_link .yout span {background: url('../img/yt.svg') no-repeat center;background-size: 31px;}
footer .social .social_link .vk span {background: url('../img/vk.svg') no-repeat center;background-size: 12px;}
footer .social .social_link .inst:hover span {background: url('../img/in_hover.svg') no-repeat center;background-size: 22px;}
footer .social .social_link .face:hover span {background: url('../img/fb_hover.svg') no-repeat center ;background-size: 12px;}
footer .social .social_link .yout:hover span {background: url('../img/yt_hover.svg') no-repeat center;background-size: 31px;}
footer .social .social_link .vk:hover span {background: url('../img/vk_hover.svg') no-repeat center;background-size: 12px;}

#overlay{background:url('../img/transparent_40_000.png') 0 0;display:none;height:100%;overflow:auto;position:fixed;width:100%;z-index:2000000}
#overlay table{height:100%;position:absolute;width:100%}
#overlay table td{padding:18px 0}
#overlay .close{background:url('../img/close_black.svg') 0 0 no-repeat;cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px}
#overlay .close:hover {background:url('../img/close_hover.svg') 0 0 no-repeat;}
#overlay .close a {display: block;float;left;width:10px;height:10px;}
#overlay form{background:transparent;display:none;margin:0 auto;padding:25px;position:relative;width:100%;max-width:600px;text-align: center;}
#overlay form iframe {width: 100%;display: block;float: left;}
#overlay form:after{clear:both;content:'';display:table;height:0}
#overlay form p {color: #e4541e;font: 400 16px/1.2em 'robotobold'}
#overlay form .close_button {display: block;float: left;width: 100%;margin-top: 20px;}
#overlay form .close_button span {display: inline-block;background:#e4541e;border-radius: 5px;padding: 10px 30px;font:400 16px/1em 'robotoregular';color:#fff;cursor: pointer;}
#overlay form .close_button span:hover {background: #fa234e}

.bg_close{height:100%;left:0;position:absolute;top:0;width:100%;background:url('../img/transparent_40_000.png');}
.sub_menu{background:#fff;height:100%;position:fixed;top:0;z-index:100006;width: 100%;}
.close_menu_sub{display: block;float:left;padding-right:23px;cursor: pointer;position: relative;z-index: 3;width:100%}
.close_menu_sub span {background: url('../img/close.svg') 0px 0px;display: block;float:right;width: 20px;height: 20px;margin-top: 20px;margin-bottom: 7px;}
.close_menu_sub span:hover {background: url('../img/close_hover.svg') 0px 0px;}
.close_menu_sub:hover{color:#d7b56d}
.menu_box{height:100%;left:0;padding:0px 0px 0px;position:absolute;overflow-y:auto;top:0;width:100%;z-index:2;background: #2d2d2d;width:320px;}
.catalog_sub_menu{left:-250%}
.catalog_sub_menu.show{left:0;background: transparent;}
.sub_menu .main_menu {padding-top: 10px;display: block;float: left;width: 100%;padding-left: 20px;}
.sub_menu .main_menu li {display: block;margin-bottom: 10px;float: left;width: 100%;}
.sub_menu .main_menu li a {color:#fff;text-transform: uppercase;text-decoration: none;}
.sub_menu .main_menu li a:hover {color:#880;}

.close_info{display: none;float:left;cursor: pointer;position: relative;z-index: 40;width:100%}
.close_info span {background: url('../img/close.svg') 0px 0px;display: block;float:right;width: 20px;height: 20px;margin-bottom: 7px;}
body.white .close_info span {background: url('../img/close_black.svg') 0px 0px;display: block;float:right;width: 20px;height: 20px;margin-bottom: 7px;}
body.white .close_info span:hover {background: url('../img/close_hover.svg') 0px 0px;}
.close_info span:hover {background: url('../img/close_hover.svg') 0px 0px;}


.galery .slick {display: block;float: left;width: 100%;margin-bottom: 40px;overflow:hidden;}
.galery .slick img {display: block;    margin: 0 auto;width: auto;height: auto;max-height:500px;max-width: 100%;}
.galery .slick-nav {display: block;float: left;width: 94%;margin-left: 3%;margin-bottom: 40px;position: relative;}
.galery .slick-nav img {display: block;float: left;width: 100%;}

.galery .slick-next {background: url(../img/arrow_white.svg) no-repeat center !important;width: 22px;height: 38px;right:-32px;}
.galery .slick-next:hover {background: url(../img/arrow_color.svg) no-repeat center !important;}
.galery .slick-next:before {font-size: 0;}
.galery .slick-prev {background: url(../img/arrow_white_left.svg) no-repeat center !important;;width: 22px;height: 38px;left:-32px;}
.galery .slick-prev:hover {background: url(../img/arrow_color_left.svg) no-repeat center !important;}
.galery .slick-prev:before {font-size: 0;}
.galery .slick-nav .slick-slide {border: 4px solid #000;}
.galery .slick-nav .slick-slide.slick-current {border: 4px solid #880;}
.galery .slick-slide:focus {outline: 0 !important}
.slick-slide {background: #000;}




/****************************************************/
/*						  1200						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 1200px) {

}
/****************************************************/
/*						  1074						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 1074px) {

}


/****************************************************/
/*						  990						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 990px) {	
.galery .slick img {max-height: 400px;}
}


/****************************************************/
/*						  860						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 860px) {	

}
/****************************************************/
/*						  820						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 820px) {	

}
/****************************************************/
/*						  768						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 768px){
section .item .elem.big {width: 100%;}
section .item .elem {width:calc(50%);margin: 0;margin-top: 20px;}
section .item .elem .slick3 .slick-list {padding-left: 10px;}
section .item .elem .slick2 .slick-list {padding-right: 10px;}
header .menu {display: none;}
header .logo {width: 100%;text-align: center;}
header .logo img {max-width: 140px;display: inline-block;float: none;}
header .buter {display: block;}
.galery .slick img {max-height: 300px;}
.full header {position: relative;}
.full section {display: none;}
.full footer {display: none;}
.full .box {display: none !important;}
.top .img {display: none !important;}
.top .small {width: 100%;text-align: left !important;padding-left: 0 !important;margin-bottom: 30px !important;}
.close_info {display: block;}
body.white {background: #fff}
.main .item .h1 {font-size: 40px;}
section .item.video .elem {padding-right: 10px;}
section .item.video .elem:nth-child(2n) {padding-right: 0;padding-left: 10px;}
}
/****************************************************/
/*						  620						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 620px) {
.galery .slick img {max-height: 350px;}
}

/****************************************************/
/*						  480						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 480px) {
footer .copy {width: 100%;text-align: center;}
footer .social {width: 100%;text-align: center;}
footer .social .social_link {float: none;display: inline-block;}
.galery .slick img {max-height: 200px;}
}
/****************************************************/
/*						  320						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 320px) {

}