@charset "UTF-8";
  
 

body {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #516073;
    font-family: "Golos Text";
    font-weight: 400;
    padding-top: 105px;
    font-size: 17px;
    line-height: 1.5;
    background: #171717;
    /* background: gray; */
}

 
body.inner-page,
body.blog-page {
    padding-top: 160px;
}
 

footer#footer{flex-shrink:0}
.clr{clear:both;float:none;margin:0;padding:0}
img{max-width:100%;object-fit:cover}
#back-top{position:fixed;right:2%;top:inherit;bottom:20px;z-index:10;font-size:33px}
ul,p{margin-bottom:10px}
p:last-child{margin-bottom:0}
a{color:inherit}
a:hover{text-decoration:none}
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background-color:#0287ED }
 
h1, .h1, h2, .h2 {
    font-size: inherit;
    margin: 0;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}
b{font-weight:600;color:#151515}
.ab-none::before,.ab-none::after{display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

span.color-red {
    color: red;
}

.oc-text-red {
    color: red;
}
.oc-text-bordered {
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    padding: 15px 0;
}
.oc-text-gray {
    color: gray;
}
.oc-text-spaced {
    letter-spacing: 1.7px;
}
.oc-text-uppercase {
    text-transform: uppercase;
}

.w-100prec{width:100%}


.slider-row .slick-track{display:flex;margin-left: 0;}
.slider-row .slick-slide > div{height:100%}
.slider-row .slick-list{margin-right:-15px;margin-left:-15px}
.slider-row .slick-slide{margin-right:15px;margin-left:15px;height:inherit}


.slider-row_sm .slick-track{display:flex;margin-left: 0;}
.slider-row_sm .slick-slide > div{height:100%}
.slider-row_sm .slick-list{margin-right:-5px;margin-left:-5px}
.slider-row_sm .slick-slide{margin-right:5px;margin-left:5px;height:inherit}


.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-grow{flex-grow:1}
.between{justify-content:space-between}
.align-center{align-items:center}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}

.flex-row{margin-right:-10px;margin-left:-10px}
.flex-row > div, .flex-row > a{margin-right:10px;margin-left:10px}

.flex-row_sm{margin-right:-5px;margin-left:-5px}
.flex-row_sm > div, .flex-row_sm > a{margin-right:5px;margin-left:5px}

a,button{cursor:pointer}


.slick-dots li {
    border-radius: 50%;
    margin: 0 10px;
    border: 1px solid #676767;
    position: relative;
    width: 13px;
    height: 13px;
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.slick-dots li button::before {
    display: none;
}
.slick-dots li::before {
    position: absolute;
    top:  50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #C6C6C6;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0;
}
.slick-dots li.slick-active {
    border: 1px solid #676767;
    width: 23px;
    height: 23px;
}
.slick-dots li.slick-active::before {
    background: #ffffff;
    opacity: 1;
}

.slick-prev.slick-arrow {
    left: -55px;
}

.slick-next.slick-arrow {
    right: -55px;
}

.slick-arrow {
    width: 40px;
    height: 40px;
    opacity: 1;
    z-index: 1;
}

.slick-arrow::before {
    display: none;
}
.slider ul.slick-dots {
    bottom: 60px;
}
ul.slick-dots {
    left: 0;
    bottom: -30px;
}
a,input,button,select,textarea,.slick-slide{outline:none!important;box-shadow:none}
.bt{display:inline-block;padding:0;background:none;border:none;box-shadow:none;text-shadow:none;margin:0;transition:.5s}


.btn-link, .btn-link:hover, .btn-link:focus {
    color: #0287ED;
    border-bottom: 1px dashed;
}

.btn-blue{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-radius:60px;font-weight:700;text-align:center;color:#FFF;padding:12px 50px;border:1px solid #0287ED}
.btn-blue:hover{background:linear-gradient(90deg,#0287ED 0%,#01E9ED 100%);color:#fff}
   
   
.btn-white{background:#111;border:2px solid #676767;border-radius:60px;font-weight:700;font-size:16px;line-height:1.3;color:#FFF;padding: 4px 20px 6px;}
.btn-white:Hover {
    background: #676767;
    color: #fff;
}


.btn-gray{background:rgba(255,255,255,0.2);border-radius:60px;font-weight:700;font-size:16px;line-height:1.3;color:#FFF;padding:5px 20px}   
.btn-gray:hover {
    background: #fff;
    color: #111;
} 

.btn-gray:hover svg path {
    stroke: #111;
}
 
.pt-100px{padding-top:100px}


.mt-50px {
	margin-top: 50px;
}
 

.mb-0px{margin-bottom:0!important}
.mb-15px{margin-bottom:15px!important}
.mb-20px{margin-bottom:20px!important}
.mb-25px{margin-bottom:25px!important}
.mb-30px{margin-bottom:30px!important}
.mb-40px{margin-bottom:40px!important}
.mb-50px{margin-bottom:50px!important}
.mb-60px{margin-bottom:60px!important}
.mb-65px{margin-bottom:65px!important}
.mb-70px{margin-bottom:70px!important}
.mb-80px{margin-bottom:80px!important}
.mb-90px{margin-bottom:90px!important}
.mb-100px{margin-bottom:100px!important}
.mb-120px{margin-bottom:120px!important}
.mb-130px{margin-bottom:130px!important}
.mb-140px{margin-bottom:140px!important}
.mb-170px{margin-bottom:170px!important}
.mb-200px{margin-bottom:200px!important}
.mb-80px.slick-initialized.slick-slider.slick-dotted:not(.slider) {
    margin-bottom: 110px !important;
}
.hide{display:none!important}
.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#1E3054;stroke-width:5.5px;stroke-linecap:round}
.hamb6 .top{stroke-dasharray:40 172}
.hamb6 .middle{stroke-dasharray:40 111}
.hamb6 .bottom{stroke-dasharray:40 172}

.active .hamb6 .top, 
html.mm-wrapper_opening .hamb6 .top  {
	stroke-dashoffset:-132px
}

.active .hamb6 .middle, 
html.mm-wrapper_opening .hamb6 .middle  {
	stroke-dashoffset:-71px
}

.active .hamb6 .bottom, 
html.mm-wrapper_opening .hamb6 .bottom {
	stroke-dashoffset:-132px
} 


.filter-closebtn .line{stroke:#fff; }

.filter-close {
    display: none;
}
.filter-closebtn {
    display: none;
}


section#layout-content {
    flex-grow: 1;
}  


svg {
    max-width: 100%;
    height: auto;
}

 

/*
==========================================================================
*/

ul.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    flex-wrap: wrap;
}
.pagination > li a.pagin-arrow {
    background: #F6F6F6;
    border: 1px solid #D7D7D7 !important;
    border-radius: 2px;
    font-weight: 700; 
    letter-spacing: 2px;
    color: #333333;
    margin-right: 1px;
    margin-left: 1px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #ea2d37;
    color: #fff;
    border-color: #ea2d37;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ea2d37;
    border-color: #ea2d37;
    background: #F6F6F6;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    font-weight: 700; 
    letter-spacing: 2px;
    color: #333333;
}

.pagination > li > a, .pagination > li > span {
    color: #ea2d37;
    font-weight: 700;
    font-size: 18px;
    line-height: 31px; 
    letter-spacing: 2px;
    color: #333333;
    font-weight: 700;
    font-size: 18px;
    line-height: 31px; 
    letter-spacing: 2px;
    color: #333333;
    border: none;
}

/*
=============================================================================
*/ 




ul.toplist a{font-size:14px;line-height:18px;color:#84909C}
ul.toplist{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
header#header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#191A1B}
header#header.fixed{box-shadow:0 0 43px 1px #ffffff40}
.header-top{padding:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
ul.toplist li{margin-right:20px}
.header-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:5px 0 15px}
.header-lang{position:relative;font-weight:600;font-size:14px;line-height:1.3;color:#FFF;margin-right:15px}
ul.lang-list{position:absolute;list-style:none;margin:0;background:#fff;padding:5px 10px;border-radius:5px;top:100%;left:18px;color:#516073;display:none}

.header-lang:hover ul.lang-list {display: block;}

a.header-phone{font-size:14px;line-height:1.3;letter-spacing:.04em;color:#A8B9CA;margin-right:15px;display:flex;align-items:center}
a.header-phone svg{margin-right:10px}
nav#topnav{flex-grow:1}
.header-address{font-weight:600;font-size:14px;line-height:18px;color:#FFF;display:flex;align-items:center;margin-right:15px}
.header-address svg{margin-right:7px}
.lang-active img{margin-right:10px}
.lang-active{display:flex;align-items:center}
a.social-link{margin-left:5px}
a.header-katalog{display:flex;align-items:center;font-weight:600;font-size:15px;line-height:15px;color:#FFF;background:#ffffff3b;border:1px solid #e6e6e61f;padding-left:10px;padding-right:25px;border-radius:10px 0 0 10px;height:40px;border-right:none}
ul.mainlist{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0}
.header-search{flex-grow:1;position:relative;margin-right:25px}
.logo{margin-right:20px}
a.header-katalog .line{stroke:#fff}
a.header-katalog svg{width:38px;height:38px}
.header-search_input{font-weight:600;line-height:15px;color:#FFF;background:#ffffff3b;border:1px solid #e6e6e61f;border-radius:0 10px 10px 0;padding:11px 25px;height:40px;font-size:13px;color:#696E74;width:100%}
.header-search_btn{position:absolute;top:0;right:0;width:60px;height:40px}
ul.mainlist a{font-size:15px;line-height:1.3;color:#FFF}
ul.mainlist li{margin-right:10px}
a.header-link{margin-left:10px}
.header-cart{position:relative}
span#cart-total{position:absolute;top:-8px;right:-5px;background:#FD01CF;width:15px;height:15px;border-radius:50%;font-weight:600;font-size:9px;line-height:1.1;color:#FFF;display:flex;justify-content:center;align-items:center}
span#cart-price{display:none}

.secondmenuclose.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f742;
    z-index: 10;
}

/* .header-katalog_wrap:Hover nav#secondnav, */
nav#secondnav.active {
    display: block;
}

nav#secondnav{position:fixed;width:100%;z-index:10;background:#191A1B;border-radius:10px;max-width:1215px;left:50%;top:91px;transform:translate(-50%,0);padding:25px 30px;display: none;}
.header-wrap{position:relative}
ul.child-list{display:none;position: absolute;left: 100%;top: 0;list-style: none;padding: 0;min-width: 365px;}
ul.secondlist{display:flex;flex-wrap:wrap;flex-direction:column;list-style:none;padding:0;margin:0;max-width: 330px;position: relative;}
ul.secondlist > li{margin-bottom:15px;padding-right: 50px;}
ul.secondlist > li > a{position:relative;display:flex;align-items:flex-start;background:rgba(255,255,255,0.04);padding:10px 20px;padding-right:40px}
ul.secondlist a{font-weight:500;font-size:18px;line-height:1.3;color:#FFF;position: relative;display: flex;align-items: flex-start;padding: 10px 20px;padding-right: 40px;}
a small{font-weight:400;font-size:80%;color:#9C9C9C;display:block}
ul.secondlist > li > a img{margin-right:15px;margin-top:5px}
ul.secondlist  a svg:last-child{position:absolute;right:20px;top:18px}

ul.secondlist li:hover > a > div,
ul.secondlist li.active > a > div {background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}

/*ul.secondlist li.active ul.child-list {
    display: block;
}
*/
ul.secondlist li:hover > a svg:last-child path,
ul.secondlist li.active > a svg:last-child path {stroke:#0287ED}



img.sicon_hover{position:absolute;opacity:0;transition:1s}
img.sicon{transition:1s}

ul.secondlist > li:hover > a img.sicon,
ul.secondlist > li.active > a img.sicon {opacity:0}
ul.secondlist > li:hover > a img.sicon_hover,
ul.secondlist > li.active > a img.sicon_hover{opacity:1}


ul.secondlist > li:hover ul.child-list{display:block}

ul.dop-list{display:none;position: absolute;left: 100%;top: 0;list-style: none;padding: 0;margin: 0;padding-left: 60px;border-left: 1px solid #2C2C2C;}

ul.dop-list.dop-list_comp a {
    max-width: 350px;
    font-size: 16px;
}
ul.dop-list.dop-list_comp li {padding-right: 0;}

ul.dop-list.dop-list_comp {
    width: 430px;
}

ul.child-list > li > a{border-bottom:1px solid #2C2C2C;padding: 22px 40px 22px 15px;}
ul.child-list > li:hover > a {
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
ul.child-list > li:last-child a{border:none}
ul.child-list > li > a svg:last-child{top:25px}

ul.child-list li:hover ul.dop-list {display:block}


ul.dop-list a{min-width:315px;border-bottom:1px solid #2C2C2C;padding: 20px 0;}
ul.child-list li{padding-right: 50px;}
ul.dop-list a > img{margin-right:15px;border-radius:10px;height:65px;width:80px}
ul.dop-list a > svg:last-child{top:25px}
ul.dop-list li:last-child a {
    border: none;
}

ul.child-list2{display:none;position:absolute;left:100%;top:0;list-style:none;padding:0;min-width:500px;flex-wrap:wrap}
ul.secondlist li:hover ul.child-list2{display:flex}
ul.child-list2 small{display:none}
ul.child-list2 svg{display:none}
ul.child-list2 > li > a{font-weight:700;font-size:16px;line-height:1.3;color:#FFF;padding:0;margin-bottom:15px}
ul.dop-list2{list-style:none;padding:0;margin:0;margin-bottom:40px;display: block !important;}
ul.dop-list2 a{font-size:16px;line-height:1.3;color:#CFCFCF;padding:0;margin-bottom:10px}
ul.child-list2 li{width:100%;max-width:190px;margin-right:40px}



ul.dop-list2 small { color: #585D67; margin-left: 5px; display: inline-block; }

.slider-favorite{position:absolute;top:20px;right:0;}

.slider-favorite .computer-favorite {
    width: 75px;
    height: 75px;
    border: 1px solid #5C5C5C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-favorite svg{width:37px;height:auto}
img.slider-fon{width:100%;height:100%}
.slider-flex{display:flex;flex-wrap:wrap;position:absolute;top:50%;color:#fff;max-width:1245px;left:50%;transform:translate(-50%,-50%);width:100%;justify-content:space-between; align-items: center;z-index: 2;}
.slider-img{width: 45%;position: relative;}
.computer-articul{color:#C6C6C6;margin-bottom:20px}
.slider-rating_wrap{margin-bottom:20px;display:flex;flex-wrap:wrap}
.slider-rating{border:1px solid #424242;border-radius:10px;display:flex;align-items:center;font-size:13px;line-height:1.3;color:#FFF;padding:3px 15px}
.slider-rating_wrap > div{margin-right:20px;margin-bottom:10px}
.slider-rating img{width:12px;margin-right:1px}
.slider-rating span{margin-left:4px}
.slider-discount{background:#FD01CF;border-radius:10px;font-weight:500;font-size:13px;line-height:1.3;color:#FFF;padding:4px 12px}
.slider-bonus{background:#0175FD;border-radius:10px;font-weight:500;font-size:13px;line-height:1.3;color:#FFF;padding:4px 16px}
.slider-text2{font-size:17px;line-height:1.6;color:#9E9E9E;margin-bottom:15px}
.slider-price_wrap{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.slider-price{font-size:28px;line-height:1;color:#FFF;margin-right:10px;margin-bottom:10px}
.slider-old_price{font-size:20px;line-height:1.3;color:#656565;text-decoration:line-through;margin-bottom:10px}
.slider-cartbtn{padding: 11px 18px;display:flex;align-items:center}
.slider-btns{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px}
.slider-btns > .bt {margin-right:15px;margin-bottom:15px}
.slider-cartbtn svg{margin-right:5px}
.slider-btn2{padding:13px 23px}
.help-btn{font-size:13px;line-height:1.3;color:#424242;position:relative;display:flex;align-items:center;flex-wrap:wrap;padding-left:60px;min-height:50px;max-width:210px;text-align:left}
.help-btn > div:nth-child(2){font-size:15px;color:#9E9E9E}
.help-btn svg{position:absolute;left:0;top:0}
.slider-more{font-size:17px;line-height:1.3;color:#9E9E9E;display:flex;align-items:center}
.slider-more svg{margin-right:10px}
.slider-item{position:relative;height:calc(100vh - 105px)}
img.slider-img{width:100%;height:100%}
.slider-content{width: 50%;}
.slider-head{font-weight:500;font-size:56px;line-height:1.3;text-transform:uppercase;color:#FFF;margin-bottom:10px}
.slider-text{font-size:19px;line-height:1.3;color:#C8C8C8;margin-bottom:30px}

.slider-item::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(75.25deg,#101010 18.66%,rgba(16,16,16,0) 72.23%);z-index: 1;}


.partner-item{background:#171717;border:1px solid #262626;border-radius:10px;padding:20px;height:150px;display:flex!important;justify-content:center;align-items:center}
.partner-item img{max-height:90%}
.title{font-size:32px;line-height:40px;color:#FFF;position:relative;padding-bottom:20px;margin-bottom:40px}
.title::before{position:absolute;content:"";bottom:0;left:0;width:50px;height:1px;background:#fff}
.page-title {text-transform: uppercase;}


.buildbox{display:flex;flex-wrap:wrap;background:#1C1C1C;border-radius:10px;padding:70px 10px 0}
.buildbox-imgwrap{width:58%;margin-right:5%;position:relative}
.buildbox-item{width:31%}
img.buildbox-icon{width:90px;position:absolute;top:12%;right:35%}
.buildbox-link{display:flex;flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid #2C2C2C;font-size:14px;line-height:1;color:#9C9C9C}

a.buildbox-link:hover {
    color: #fff;
}

.buildbox-link:first-child{padding-top:0}
.buildbox-link:last-child{padding-bottom:0;border:none}
.buildbox-link_name{font-weight:500;font-size:20px;line-height:1;color:#FFF;margin-bottom:10px}
.buildbox-link_img{margin-right:20px;width:50px}
.buildbox-link_content{flex-grow:1;width:calc(100% - 86px)}
.buildbox-arrow svg path{stroke:#757575}
.buildbox-arrow svg{width:16px}



.why-grid_name{font-size:18px;line-height:1.3;color:#FFF;position:relative;padding-bottom:10px;margin-bottom:20px}
.why-grid_name::before{position:absolute;content:"";bottom:0;left:0;width:50px;height:1px;background:#fff}
.why-grid_item{font-size:14px;line-height:1.6;color:#929292;display: flex;flex-wrap: wrap;justify-content: space-between;}
.why-grid_img img{border-radius:10px}
.why-grid_img{margin-bottom:25px;position:relative}
.why-grid_link{position:absolute;left:50%;bottom:45px;transform:translate(-50%,0);min-width:150px;padding:12px 10px}
.why-grid{display:flex;flex-wrap:wrap;justify-content: space-between;}

.why-grid_item > div{width:48%}
.why-grid_item:nth-child(odd){width:56%}
.why-grid_item:nth-child(even){width:40%}
.why-grid_item:nth-child(odd) .why-grid_first{width:50%}
.why-grid_item:nth-child(odd) .why-grid_second{width:43%}
.why-grid_images_img{margin-bottom:50px}
.why-grid_images_img:last-child{margin-bottom:0}
.why-grid_desc_item{margin-bottom:40px}
.why-grid_desc_item:Last-child{margin-bottom:0}


.client-item{width:calc(25% - 30px);margin-bottom:30px;position:relative}
.client-item:first-child,.client-item:nth-child(2){width:calc(50% - 30px)}
.client-item:first-child .client-img img,.client-item:nth-child(2) .client-img img{height:325px}
.client-content{position:absolute;padding:25px;bottom:0;left:0;width:100%;max-width:350px}
.client-img{position:relative}
.client-name{font-size:19px;line-height:1.1;color:#FFF;margin-bottom:10px}
.client-text{font-size:14px;line-height:1.3;color:#999}
.client-play{margin-bottom:15px}
.client-img img{border-radius:10px;height:240px;width:100%}
.client-img::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(226.88deg,rgba(0,0,0,0) 25.82%,rgba(0,0,0,0.740217) 59.36%,#000 74.71%);border-radius:10px}



.service-item{padding:60px;width:calc(50% - 30px);margin-bottom:50px;position:relative;padding-bottom:85px}
.service-item::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(/storage/app/media/service-bg.png) no-repeat center center;background-size:100% 100%;border-radius:10px}
.service-img{margin-bottom:30px;height:180px}
.service-name{font-size:30px;line-height:34px;color:#FFF;margin-bottom:20px}
.service-text{font-size:19px;line-height:1.6;color:#C8C8C8}
.btn-arrow{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-radius:60px;border:1px solid #0287ED;padding:12px 10px;width:110px;display:flex;justify-content:center;align-items:center}
.service-link{position:absolute;bottom:-20px}
.service-img img{max-height:100%}
.service-item_anons_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:30px;line-height:1.3;color:#FFF}
.service-item.service-item_anons::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:10px;background:rgba(17,17,17,0.8);backdrop-filter:blur(1px);border-radius:10px}




.reviews-rating{display:flex;flex-wrap:wrap;margin-bottom:30px}
.review-sred{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-radius:10px;font-size:24px;line-height:1;color:#E0F3FF;padding:15px;align-items:center;justify-content:center;display:flex}
.review-sred > span:first-child{font-size:60px;line-height:.8;color:#fff;border-right:1px solid #ffffff59;text-transform:uppercase}
.review-sred > span{padding:0 25px}
.review-sred > span:last-child{max-width:180px}
.reviews-rating > div{margin-bottom:20px;margin-right:30px}
.review-gis{font-size:17px;line-height:1.3;color:#A7A7A7;position:relative;padding-left:95px}
img.review-gis_img{position:absolute;left:0;top:0}
.review-gis span{display:block}
.review-gis span:nth-child(2){font-size:50px;line-height:1;color:#FFF}
.review-grade{font-size:17px;line-height:1.3;color:#A7A7A7;position:relative;padding-right:30px}
.review-grade span{display:block}
.review-grade span:first-child{font-size:50px;line-height:1;color:#FFF}
.review-grade::before{position:absolute;content:"";top:50%;right:0;width:1px;transform:translate(0,-50%);height:73%;background:#ffffff4a}
.review-insta{font-size:17px;line-height:1.3;color:#A7A7A7;position:relative;padding-left:95px}
img.review-insta_img{position:absolute;left:0;top:0}
.review-insta span{display:block}
.review-insta span:nth-child(2){font-size:50px;line-height:1;color:#FFF}





.review-item_insta > img{border-radius:10px}
.review-item_insta{position:relative;margin-bottom:10px}
.review-item_insta_img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.review-item_insta_svg{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.review-item_insta_svg img:last-child{margin-left:auto;margin-right:0}
.review-item_insta_svg img{margin-right:10px;margin-bottom:3px}
.review-item_insta_like{font-weight:300;font-size:8px;line-height:10px;color:#FFF;margin-bottom:5px}
.review-item_insta_comm{font-weight:400;font-size:8px;line-height:10px;color:#8A8A8A;margin-bottom:5px}
.review-item_insta_ago{font-size:6px;line-height:1;color:#8A8A8A}
.review-item.review-type-1{background:#1C1C1C;border-radius:10px;padding:20px}
.review-text{font-size:13px;line-height:1.3;color:#FFF}
.review-author{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;position:relative}
.review-author_name{font-size:14px;line-height:1.3;color:#FFF}
.review-author_date{font-size:13px;line-height:1.3;color:#8A8A8A}
.review-ava{width:30px;margin-right:10px}
.review-author_content{width:calc(100% - 40px)}
.review-item_insta_name { font-size: 7px; line-height: 1.2; color: #FFFFFF; margin-bottom: 5px; }


.project-name{font-weight:700;font-size:22px;line-height:1.3;color:#FFF;margin-bottom:10px}
.project-item{position:relative}
.project-content{position:absolute;bottom:0;left:0;padding:30px;padding-bottom:50px}
.project-link{position:absolute;bottom:-25px;left:30px}
.projects-slider .slick-list{padding-bottom:25px}
.project-img img{border-radius:10px;width:100%;height:100%}
.project-img{width:100%;height:100%;position:relative}
.project-text{font-size:14px;line-height:1.5;color:#BEBEBE}
.project-img::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 20.22%,#000 100%);border-radius:10px}
.projects .project-item { width: calc(33.33% - 30px); margin-bottom: 50px; height: inherit; }




.live-item{width:calc(25% - 30px);margin-bottom:30px;position:relative}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.live-item > a > img{border-radius:10px;height:285px;width:100%}
.live-item:nth-child(3){width:calc(50% - 30px)}

.content{color:#fff}
.about-images_item{width:calc(33.33% - 20px);margin-bottom:20px}

img.float-img { float: left; border-radius: 10px; margin-right: 30px; margin-bottom: 30px; max-width: 50%; }


.news-item{position:relative;width:calc(33.33% - 30px);margin-bottom:30px}
.news-content{position:absolute;top:0;left:0;padding:40px;width:100%;padding-right:10px}
.news-name{font-weight:700;font-size:22px;line-height:1.3;text-transform:uppercase;color:#FFF;display:block;margin-bottom:10px}
.news-excerpt{font-size:14px;line-height:1.3;color:#CFCFCF;margin-bottom:20px}
.news-link{font-size:14px;padding:12px 35px}
.news-img img{border-radius:10px;width:100%;height:100%}
.news-img{position:relative}
.news-img::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(30,30,30,0.6);border-radius:10px}
a.news-name:Hover { color: #fff; text-decoration: underline; }
.news-slider .news-item {
    width: 100%;
    margin-bottom: 0;
}


footer#footer{background:#191A1B;font-size:14px;line-height:1.3;color:#BBB}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 0 20px}
.footer-head{font-weight:700;text-transform:uppercase;color:#FFF;position:relative;padding-bottom:10px;margin-bottom:20px}
.footer-head::before{position:absolute;content:"";bottom:0;left:0;width:30px;height:1px;background:#fff}
.footer-menu a{font-size:14px;line-height:1.3;color:#BBB;display:block;margin-bottom:5px}
.footer-item{margin-bottom:30px;margin-right:30px}
.footer-bottom{border-top:1px solid #373737;padding:40px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.footer-abc{font-size:12px;line-height:1.3;color:#BBB}
.fsocial{display:flex;flex-wrap:wrap;align-items:center}
a.fsocial-link{margin-right:40px;margin-bottom: 10px;font-size:14px;line-height:1.3;color:#BBB;position:relative;padding-left:60px;display:flex;flex-direction:column;justify-content:center;min-height:48px}
a.fsocial-link img{position:absolute;left:0;top:0;height:48px}
.fsocial-name{color:#fff;margin-bottom:5px}

.fixed-links{position:fixed;bottom:10px;right:10px;z-index:10;display:flex;flex-direction:column}
a.fixed-link img{width:47px;height:47px}
a.fixed-link{margin:5px 0}



.vacancies-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.vacancies{width:64%}
.vacancies-right{width:31%;border:1px solid #313131;padding:45px 30px}
.small-title{font-size:16px;line-height:1.3;color:#FFF;margin-bottom:20px}
.vacancy-head{border-bottom:1px solid #313131;padding:20px 0;position:relative;cursor:pointer;font-size:22px;line-height:1.3;color:#FFF}
.vacancy-head.active span::after {
    opacity: 0;
}
.vacancy-head span{position:absolute;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);width:27px;height:27px;display:block;border-radius:50%;top:20px;right:0}
.vacancy-head span::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:2px;background:#fff;transition:.5s}
.vacancy-head span::after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:10px;width:2px;background:#fff;transition:.5s}
.vacancy-text{color:#777;padding:30px 0;display:none}
.vacancy-text strong{color:#fff}



.file-wrap{position:relative;width:100%;margin-bottom: 30px;}
.file-label img{margin-right:10px}
.responsiv-uploader-fileupload.style-file-multi .upload-button{position:absolute;top:0;left:0;white-space:normal;height:68px;font-size:10px;z-index:10;line-height:1.3;padding:0;width:100%;opacity:0}
.responsiv-uploader-fileupload.style-file-multi .upload-object .meta .upload-remove-button{background:#fff;padding:10px;right:0;color:red;display:block;top:0;padding:0 10px;line-height:1.2}
.responsiv-uploader-fileupload.style-file-multi .upload-object .meta{margin-right:0}
.responsiv-uploader-fileupload.style-file-multi .upload-object .info h4,.responsiv-uploader-fileupload.style-file-multi .upload-object .info p{padding:5px 0;color:#151515}
.responsiv-uploader-fileupload.style-file-multi .upload-object:nth-child(even),.responsiv-uploader-fileupload.style-file-multi .upload-object{border:none;background:#fff;margin-bottom:3px;position:relative}
.responsiv-uploader-fileupload.style-file-multi.is-populated .upload-files-container{border-radius:0;border:none}
.responsiv-uploader-fileupload.style-file-multi .upload-object .icon-container{left:0;padding:0;height:100%}
label.file-label{font-weight:500;font-size:14px;line-height:24px;text-decoration-line:underline;color: #AAAAAA;padding-left:30px;background:url(/themes/demo/assets/images/screpka.svg) no-repeat 0 1px}


.vakinput { background: #1C1C1C; margin-bottom: 25px; font-weight: 500; font-size: 14px; line-height: 1.3; color: #AAAAAA; border: none; padding: 20px 15px; width: 100%; }


.buyer-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.buyermenu{background:#111;border-radius:10px;width:20%;padding: 20px;}

a.buyermenu-link{font-size:14px;line-height:17px;color:#FFF;display:block;position:relative;padding:10px 0;padding-left:30px}
a.buyermenu-link::before{position:absolute;content:"";top:9px;left:0;width:17px;height:17px;border-radius:50%;border:1px solid #fff}
a.buyermenu-link.active::before{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border:1px solid #0287ED}

.buyers{width:77%}
.buyer-img img{border-radius:30px}
.buyer-img{width:39%}
.title.buyer-title{font-size:26px;padding: 0;margin-bottom: 15px;}
.buyer-item{width:52%}
.buyer-reverse{flex-direction:row-reverse}
.buyer-text{font-size:20px;line-height:1.4;color:#7C7C7C}
.title.buyer-title::before{opacity:0}
.buyer-reverse .buyer-item{width:39%}
.buyer-reverse .buyer-img{width:52%}
.title.buyer-title a { color: #fff; text-decoration: underline; }


.about-img{width:54%}
.about-item{width:40%}
.about-text{color:#7C7C7C;font-size:17px}
.static-item{font-size:17px;line-height:1.3;color:#919191;width:calc(25% - 30px);margin-bottom:30px}
.static-name{font-size:24px;line-height:1.3;color:#FFF;margin-bottom:10px;position:relative}
.static-name span{font-size:35px;line-height:1.3;color:#FFF}
.static-name::before{position:absolute;content:"";top:-15px;left:-25px;width:35px;height:35px;background:url(/storage/app/media/static-bg.svg) no-repeat center center}
.about-img img { border-radius: 10px; }

.fon{position:relative}
img.fon-img{width:100%;border-radius:10px}
.fon-item{position:absolute;bottom:70px;left:50%;transform:translate(-50%,0);text-align:center;font-size:17px;line-height:1.6;color:#FFF}
.title.fon-title::before{left:50%;transform:translate(-50%,0)}
.title.fon-title{margin-bottom:20px}
.about-reverse {
    flex-direction: row-reverse;
}

.feat-item{background:#1C1C1C;border-radius:10px;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:#888;height: 100%;}
.feat-content{padding:35px 25px}
.feat-name{font-size:20px;line-height:1.3;color:#FFF;margin-bottom:10px}
.feat-img img { width: 100%; border-radius: 10px; }


.contact-form{width:60%;padding-right:8%;border-right:1px solid #343434}
.contact{width:31%}
.foninput{padding-bottom:15px;margin-bottom:40px;background:none;border:none;border-bottom:1px solid #343434;width:48%;font-weight:400;font-size:20px;line-height:120%;color:#888}
.contact-head{font-size:14px;line-height:1.3;color:#798998;text-transform:none;margin-top:5px}
.contact-item{font-size:28px;line-height:120%;letter-spacing:.06em;text-transform:uppercase;color:#FFF;margin-bottom:30px}
.contact-maps{display:flex;flex-wrap:wrap}
.contact-map{font-size:22px;line-height:27px;color:#FFF;margin-right:30px}
.contact-map img{width:25px;margin-right:10px}
.contact-map:hover{text-decoration:underline;color:#fff}

.contact-item.contact-item_address {
    text-transform: none;
    font-size: 20px;
}



.contact-details_item{border:1px solid #343434;padding:35px 45px;margin-bottom:50px;font-size:14px;line-height:1.6;color:#FFF;max-width:350px}
.contact-details{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-details_head{color:#798998;margin-bottom:5px}
.contact-details_file{text-decoration-line:underline;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;position:relative;padding-left:35px;display:block}
.contact-details_file img{position:absolute;left:0;top:0}



.filter-title{font-weight:500;font-size:14px;line-height:1.3;color:#FFF;border-bottom:1px solid #292929;position:relative;padding:18px 20px;background:#111;text-align:center;border-radius:10px;cursor:pointer;display: none;}


.filter-box{background:#111;border-radius:10px;padding: 15px 20px;margin-bottom:10px;padding: 15px 0;}
.filter-head{font-weight:500;font-size:14px;line-height:1.3;color:#FFF;border-bottom:1px solid #292929;position:relative;cursor:pointer;padding: 18px 20px;padding-left: 60px;}
.filter-item:last-child .filter-head {
    border: none;
}
.filter-item.filter-item_hide {
    display: none;
}
.filter-body{padding:15px 0;display:none}
.filter-check{font-size:14px;line-height:1.3;color:#FFF;position:relative;margin: 5px 0;padding: 5px 25px;padding-left: 60px;}
.leftbox{width:235px}
.rightbox{width:calc(100% - 245px)}
.filter-check input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;opacity:0}
.filter-check span{position:absolute;top:5px;left: 27px;width:17px;height:17px;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-radius:2px;border:1px solid #E5E5E5;background:none}
.filter-check span::before{position:absolute;content:"";width:11px;height:11px;background:url(/themes/demo/assets/images/check.svg) no-repeat center center;background-size:contain;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
.filter-check input:checked ~ span{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-color:#0287ED}
.filter-check input:checked ~ span::before{opacity:1}
.filter-head::before{position:absolute;content:"";top: 19px;left: 30px;width:10px;height:10px;border:2px solid #8C9497;border-top:none;border-left:none;transform:rotate(45deg);transition: 1s;}
.filter-more{    margin-left: 25px;font-size:14px;line-height:1.3;color:#FFF;position:relative;border-bottom:1px dashed #fff;display:none}
.filter-more::before{position:absolute;content:"";top:5px;right:-15px;width:7px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(-45deg)}
.filter-body.active{display:block}
.filter-more.show{margin-bottom:25px}
.filter-head.active::before{transform:rotate(-135deg);top:22px}
.filter-more span{display:none}
.filter-more span:first-child{display:block}
.filter-check.filter-check_hide { display: none; }
.filter-more.active span:first-child{display:none}
.filter-more.active span:last-child{display:block}



.filter-radio label{font-size:14px;line-height:17px;color:#FFF;margin:0;font-weight:400;position:relative;padding: 20px;padding-left: 80px;display:block}
.filter-radio{position:relative}
.filter-radio span{display:block;width:12px;height:12px;border-radius:50%;background:#4B4B4B;position:absolute;left: 26px;top:21px;z-index:2}
.filter-radio svg{position:absolute;left: 50px;top:19px;z-index:2}
.filter-radio input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;opacity:0}
.filter-radio input:checked ~ span{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%)}
.filter-radio span::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:url(/themes/demo/assets/images/check.svg) no-repeat center center;background-size:contain;opacity:0}
.filter-radio input:checked ~ span::before{opacity:1}
.filter-radio:Hover label{background:#383838;color:#01E9ED}
.filter-radio:Hover svg path{fill:#01E9ED}
.filter-radio input:checked ~ label{color:#828282;background: #383838;}
.filter-radio input:checked ~ svg path{fill:#828282}

.reset-btn{background:#373737;border-radius:10px;font-size:14px;line-height:1.3;color:#FFF;display:flex;align-items:center;width:100%;padding:20px 10px;border:1px solid #373737;padding-left:50px}
.reset-btn svg{margin-right:10px}



.filter-radio.selected  span{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%)}
.filter-radio.selected  span::before{opacity:1} 
.filter-radio.selected label{color: #828282}


.rekl-item{position:relative;min-height:107px;padding:30px 40px;margin-bottom:30px;background:#111;border-radius:10px;display: block;}
.rekl-name{font-weight:500;font-size:30px;line-height:1.3;color:#FFF;z-index:10;position:relative}
img.rekl-img {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 100%;
    width: 100%;
}
.rekl-item::before{position:absolute;content:"";top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#111,transparent);border-radius:10px 0 0 10px}


.product-img img {
    margin: auto;
    max-height: 90%;
}
.products-slider .product-item {
    width: 100%;
}
.product-item{background:#111;border-radius:10px;width:calc(25% - 10px);margin-bottom:10px;padding:25px 10px;position:relative;display:flex!important;flex-direction:column}
.product-img{text-align:center;margin-bottom:15px;position: relative;height: 150px;padding-bottom: 20px;}
.product-discount{font-weight:500;font-size:13px;line-height:1.3;color:#FFF;background:#FD01CF;border-radius:10px;text-transform:uppercase;padding:0 10px;display:inline-block;position: absolute;bottom: 0;left: 0;}
.product-category{margin-bottom:10px;font-size:13px;line-height:1.2;color:#999}
.product-name{color:#FFF;margin-bottom:10px;font-size: 15px;display: block;}
.product-compare_wrap{display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top: auto;}
.product-compare{padding-left:20px}
.product-compare input{position:absolute;width:100%;height:100%;top:0;left:0;margin:0;cursor:pointer;z-index:2;opacity:0}
.product-compare{padding-left: 20px !important;}


.product-compare span, .product-compare.active.off span {
    width: 12px;
    height: 12px;
    border: 1.5px solid #A7A7A7;
    display: block;
    position: absolute;
    left: 4px;
    top: 5px;
    border-radius: 2px;
    background: none;
}


.product-compare span::before,
.product-compare.active.off span::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 6px;
    height: 9px;
    background: url(/themes/demo/assets/images/check-white.svg) no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.product-compare input:checked ~ span,
.product-compare.active span,
.product-compare.on span{
    background: linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);
    border-color: #0287ED;
}

.product-compare input:checked ~ span::before,
.product-compare.active span::before, 
.product-compare.on span::before {
    opacity: 1;
}


.product-compare_wrap > div{margin-bottom:10px;margin-right:10px;border:1px solid #424242;border-radius:5px;padding:5px;font-size:12px;line-height:1;color:#FFF;position:relative}
.product-rating span{margin-left:4px}
.product-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-price{font-size:18px;line-height:1;color:#FFF;margin-bottom:5px}
.product-old_price{font-size:12px;line-height:1.1;color:#656565;text-decoration:line-through}
.product-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-btns{display:flex;flex-wrap:wrap}
.product-btns .bt{width:33px;height:30px;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-left:5px}


.product-btn_cart.in-cart,
.product-btn_cart.on {
    background: #fff url(/themes/demo/assets/images/check-green.svg) no-repeat center center;
    background-size: 13px;
    border-color: #fff;
}

.product-btn_cart.in-cart svg,
.product-btn_cart.on svg {
    display: none;
}


.product-btn_favorite.active,
.product-btn_favorite.on {
    background: #fff;
}

.product-btn_favorite.active svg path,
.product-btn_favorite.on svg path {
    fill: #FD01CF;
    stroke: #FD01CF;
}
.product-btn_favorite.active.off {
    background: linear-gradient(90deg, #01E9ED 0%, #0287ED 100%);
}

.product-btn_favorite.active.off svg path {
    fill: none;
    stroke: #fff;
}


.btn-remove{background:#ff1414 url(/themes/demo/assets/images/remove-white.svg) no-repeat center center;width:33px;height:30px;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-right:5px;background-size:20px}
.product-forms{max-width: 220px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:15px}
.product-forms input[name="quantity"]{background:none;color:#fff;border:1px solid #343434;box-shadow:none;padding:3px 5px;font-size:16px;max-width:100px;text-align:center;border-radius:5px;margin:0 5px}
.prod-plus,.prod-minus{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);width:33px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:3px;color:#fff;font-size:30px;line-height:1}
.prod-minus{padding-bottom:5px}
.product-formsbtn{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.product-total{width:100%;color:#fff;font-size:16px;margin-top:15px}


.order-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;border:1px solid #343434;background:#111;border-radius:10px;padding:20px;}
.order-img{position:relative;width:150px;height: inherit;max-height: 160px;display: flex;justify-content: center;align-items: center;}
.order-discount{background:#FD01CF;border-radius:10px;font-weight:500;font-size:13px;line-height:1.2;letter-spacing:-.5px;color:#FFF;padding:2px 12px;margin-right:10px;position: absolute;top: 0;left: 0;}
.order-content{width:calc(100% - 180px)}
.order-img img {
    border-radius: 10px;
    max-height: 100%;
    width: 100%;
}
.order-name{display:block;font-size:19px;line-height:1.3;color:#FFF;padding-bottom:10px;margin-bottom:10px}

.product-content{flex-grow:1;display: flex;flex-direction: column;}
.product-item_not_text{font-weight:700;font-size:18px;line-height:1.3;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;text-align:center;z-index:10}
.product-item.product-item_not::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#111111c4;border-radius:10px;z-index:5}


.sort-wrap{font-size:14px;line-height:1.3;color:#FFF;margin-bottom: 30px;}
label.sort-label{margin:0}
.sort-select{background:none;border:none}
.sort-select option {
    color: #151515;
}



.backlink-wrap { border-bottom: 1px solid #343434; margin-bottom: 40px; }
a.backlink{font-size:17px;line-height:1.3;color:#9E9E9E;display:inline-flex;margin-bottom:30px;align-items:center}
a.backlink svg{margin-right:20px}
.prodpage-left{background:#191A1B;border-radius:10px;width:74%;padding:45px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.prodpage-right{background:#191A1B;border-radius:10px;width:25%;padding: 30px 25px;}
.prodpage-flex{margin-bottom:10px}
.prodpage-discount{font-weight:500;font-size:13px;line-height:1.3;color:#FFF;background:#FD01CF;border-radius:10px;text-transform:uppercase;padding:0 10px;display:inline-block;position:absolute;top:10px;left:21%;z-index:2}
.prodpage-favorite{position:absolute;top:0;right:0;z-index:1}
.prodpage-favorite .product-btn_favorite {width: 40px;height: 40px;border: 1px solid #5C5C5C;display: flex;justify-content: center;align-items: center;border-radius: 50%;padding: 10px;background: none;}

 
.thumbimage{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:44%}
.slider-nav{width:19%;padding:30px 0}
.slider-for{width:79%}
.slider-nav_item img{width:100%;max-height:95%;border-radius:10px}
.slider-nav_item{height:70px;display:flex!important;justify-content:center;align-items:center;border:1px solid #454545;border-radius:10px}
.slider-for_item{padding-top:50px;display:flex!important;justify-content:center;align-items:center;height:400px}
.slider-nav .slick-arrow{left:50%;transform:translate(-50%,0);top:0;right:unset;z-index:10;opacity:1;width:22px;height:22px}
.slider-nav .slick-arrow .slick-next{bottom:0;top:unset}
.slider-nav .slick-arrow.slick-next{top:unset;bottom:0}
.slider-nav .slick-slide{margin:5px 0}
.prodpage-content{width:48%}
.prodpage-title{color:#FFF;margin-bottom:15px}
.prodpage-compare_wrap{display:flex;flex-wrap:wrap;margin-bottom:10px}
.prodpage-compare{padding-left:20px}
.prodpage-compare input{position:absolute;width:100%;height:100%;top:0;left:0;margin:0;cursor:pointer;z-index:2;opacity:0}
.prodpage-compare{padding-left:20px!important}
.prodpage-compare span{width:12px;height:12px;border:1.5px solid #A7A7A7;display:block;position:absolute;left:4px;top:5px;border-radius:2px}
.prodpage-compare_wrap > div{margin-bottom:10px;margin-right:10px;border:1px solid #424242;border-radius:5px;padding:5px;font-size:12px;line-height:1;color:#FFF;position:relative}
.prodpage-rating span{margin-left:4px}
 


.prodpage-price_wrap{display:flex;flex-wrap:wrap;background:rgba(255,255,255,0.05);border-radius:5px;padding:10px 15px;align-items:center;margin-right:15px;margin-bottom:15px}
.prodpage-btn_wrap{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.prodpage-price{font-size:20px;line-height:1;color:#FFF;margin-right:15px}
.prodpage-old_price{color:#656565;font-size:14px;text-decoration:line-through}
.prodpage-btn{padding:8px 15px;font-size:14px;display:flex;align-items:center;min-width:150px;justify-content:center;margin-bottom:15px}
.prodpage-btn svg{margin-right:10px}

.prodpage-btn.in-cart svg, 
.prodpage-btn.on svg, 
.computer-btn.in-cart svg, 
.computer-btn.on svg, 
.slider-cartbtn.in-cart svg, 
.slider-cartbtn.on svg {
    opacity: 0;
}


.prodpage-btn.in-cart, 
.prodpage-btn.on, 
.computer-btn.in-cart, 
.computer-btn.on, 
.slider-cartbtn.in-cart, 
.slider-cartbtn.on {
    background: #fff url(/themes/demo/assets/images/check-green.svg) no-repeat 20px center;
    background-size: 13px;
    color: #0287ED;
}


.prodpage-attr_head{font-weight:500;font-size:14px;line-height:1.3;color:#FFF;margin-bottom:15px}
.prodpage-attr_item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;font-size:14px;letter-spacing:-.01em;color:#BABABA;line-height:1.5}
.prodpage-attr_item > div{width:49%;margin-bottom:5px}
.prodpage-attr_item > div:last-child{color:#fff}
.prodpage-attrmore{border:1px solid #343434;border-radius:6px;font-size:14px;line-height:1;color:#FFF;padding:8px;width:100%;max-width:350px;position:relative}
.prodpage-attrs{margin-bottom:50px}
.prodpage-attrmore svg{margin-left:10px}


.prodpage-right_item{letter-spacing:-.005em;color:#7C7C7C;font-size:13px;line-height:1.5;margin-bottom:20px}
.prodpage-right_title{color:#fff;font-size:14px;margin-bottom:5px}
.prodpage-right_item:last-child{margin-bottom:0}

.prodpage-right_text p{margin-bottom:0}
.prodpage-attr_item.prodpage-attr_item_hide{display:none}
.prodpage-attrmore span{display:none}
.prodpage-attrmore span:first-child{display:inline-block}
.prodpage-attr_item.prodpage-attr_item_hide.active{display:flex}
.prodpage-attrmore.active span:first-child{display:none}
.prodpage-attrmore.active span:nth-child(2){display:inline-block}

.prodpage-tab_content {
    display: none;
}
.prodpage-tab_content.active {
    display: block;
}
.prodpage-tab{background:#191A1B;border-radius:10px 10px 0 0;padding:20px 60px;padding-top: 40px;}
.prodpage-tab_btn{border:1px solid #343434;border-radius:10px;font-weight:500;font-size:20px;line-height:1;color:#6F6F6F;padding:15px 36px;margin-right:20px}
.prodpage-tab_btn.active,.prodpage-tab_btn:hover{color:#fff}
.prodpage-tab_panel {background: #191A1B;border-radius: 10px;margin-bottom: 10px;padding: 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.prodpage-tab-img{width:44%}
.prodpage-tab_item{width:50%;font-size:17px;line-height:1.5;color:#7C7C7C}
.prodpage-tab_item strong{font-weight:500;font-size:26px;line-height:1.3;color:#FFF}
.prodpage-tab_panel_reverse{flex-direction:row-reverse}
.prodpage-tab_item.prodpage-tab_item_full {width: 100%;}
.prodpage-tab_panel:first-child { border-radius: 0 0 10px 10px; }
.blackbox{ background: #191A1B; padding: 40px 60px; border-radius: 0 0 10px 10px; }
.panel-link svg {
    height: 17px;
}
.panel-link { margin-top: 30px; }



.prodrating-title{font-size:20px;line-height:28px;color:#FFF;margin-bottom:30px}
.prodrating{display:flex;flex-wrap:wrap;align-items:flex-start}
.prodrating-star{font-size:45px;line-height:55px;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:flex;flex-wrap:wrap;align-items:center}
.prodrating-star img{margin-right:10px}
.prodrating-number{background:#fff;border-radius:10px;padding:18px 35px}
.prodrating > div{margin-right:25px;margin-bottom:20px}
.prodrating-grafic{border:1px solid #343434;width:100%;max-width:390px;border-radius:10px;padding:20px 30px}
.prodrating-grafic_rating{font-size:14px;line-height:24px;color:#FFF;margin-right:10px}
.prodrating-grafic_line{flex-grow:1;height:5px;background:#454B51;border-radius:10px;position:relative}
.prodrating-grafic_item{display:flex;flex-wrap:wrap;align-items:center}
.prodrating-grafic_line span{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);border-radius:10px}
.prodrating-text{border:1px solid #343434;border-radius:10px;padding:23px 35px;color:#7C7C7C}
.prodrating-text_head{font-weight:600;font-size:18px;line-height:1.3;color:#FFF;margin-bottom:10px}
.add-revtitle{margin-top:15px;padding:6px 30px}
.prodreview-item{border:1px solid #343434;border-radius:10px}
.prodreview-top{padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:20px;line-height:1.3;color:#676767;border-bottom:1px solid #343434}
.prodreview-name{font-weight:600;color:#FFF}
.prodreview-text{padding:30px;font-size:17px;line-height:1.5;color:#7C7C7C}
.prodreview-text strong{color:#fff;font-size:20px}
.prodpage-tab_wrap { margin-bottom: 50px; }


.btn-more{font-weight:500;font-size:17px;line-height:1.3;color:#fff;text-decoration:none!important;position:relative;padding-bottom:0}
.btn-more::before{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background:#fff}
.btn-more span:nth-child(2){display:none}
.seo-text{position:relative;max-height:200px;overflow:hidden;margin-bottom:20px;color:#fff;font-size:17px}
.seo-text::before{position:absolute;content:"";bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#111,transparent);transition:.5s}
.seo-text.active::before{height:0}
.seo-text.active{max-height:unset}
.btn-more.active span:first-child{display:none}
.btn-more.active span:nth-child(2){display: inline-block;}
.btn-more svg { margin-left: 5px; }
.seo-item{padding:40px 50px;background:#111;border-radius:10px}

.prodpage-articul { font-size: 14px; line-height: 1.3; color: #A0A0A0; margin-top: 20px; }


.config-img img {
    max-height: 90%;
}
.config-item{background:#111;border-radius:10px;padding:20px;width:calc(33.33% - 20px);margin-bottom: 20px;display: flex !important;flex-direction: column;}
.config-img{position:relative;padding-top:30px;text-align:center;margin-bottom:15px;height: 190px;display: flex;justify-content: center;align-items: center;}
.config-label{position:absolute;left:0;top:0;background:rgba(255,255,255,0.2);border:1px solid #FFF;border-radius:10px;font-weight:500;font-size:13px;line-height:1.2;color:#FFF;padding:2px 7px}
.config-content{padding:0 10px;flex-grow: 1;display: flex;flex-direction: column;}
.config-name{font-size:17px;line-height:1.3;color:#FFF;margin-bottom:10px}
.config-price{font-weight:500;font-size:18px;line-height:14px;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #3B3B3B}
.config-attr > div{display:inline-block}
.config-attr{color:#fff;font-size:15px;margin-bottom:20px}
.config-attr > div:last-child{color:#999}
.config-attr > div:first-child{margin-right:10px}
 
.config-btns{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: auto;}
 
.config-btn2 svg{margin-right:5px;margin-bottom: -2px;}
.config-attrs{margin-bottom:25px}
.config-btns .bt{margin-bottom:10px}




.selection-check{background:#11111182;border-radius:10px;padding:30px;text-align:center;border:1px solid #11111182;font-size:14px;line-height:1.3;color:#9C9C9C}
.selection-img{margin-bottom:20px}
.selection-name{font-weight:500;font-size:20px;line-height:1.2;color:#FFF;margin-bottom:15px}
.selection-item{width:calc(33.33% - 20px);margin-bottom:20px;position:relative}
.selection-item input:checked ~ .selection-check{border:1px solid #fff}
.selection-item input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;opacity:0}



.games{background:#1C1C1C;border-radius:10px;padding:50px;padding-bottom: 20px;padding-right: 15px;}
.game-item{margin-right: 30px;position:relative;min-width: 200px;margin-bottom: 30px;}
.game-img img{border-radius:10px}
.game-img{width: 80px;margin-right: 30px;}
.game-check{display:flex;flex-wrap:wrap;align-items:center}
.game-name{font-weight:500;font-size:20px;line-height:1.3;color:#FFF;max-width: 250px;}
.game-item input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;opacity:0}
.game-item input:checked ~ .game-check .game-name{color:#717171}
.game-item input:checked ~ .game-check .game-img{opacity:.5}



.resolution-item{width:calc(33.33% - 20px);position:relative;margin-bottom: 20px;}
.resolution-check{background:#1111117d;border:1px solid #fff;border-radius:10px;text-align:center;padding:30px;font-weight:500;font-size:19px;line-height:1.3;color:#A6A6A6}
.resolution-item input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer;opacity:0}
.resolution-name{font-weight:800;font-size:34px;line-height:1.3;color:#FFF;margin-bottom:10px}
.resolution-item input:checked ~ .resolution-check .resolution-name,.resolution-item input:checked ~ .resolution-check .resolution-text{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.resolution-item input:checked ~ .resolution-check{border:1px solid #0287ED}



.computer-item{width:calc(33.33% - 20px);margin-bottom:20px;background:#111;border-radius:10px;padding:20px}
.computer-discount{background:#FD01CF;border-radius:10px;font-weight:500;font-size:13px;line-height:1.2;letter-spacing:-.5px;color:#FFF;padding:2px 12px;margin-right:10px}
.computer-img{position:relative;height:200px;text-align:center;padding-top:20px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.computer-labels{display:flex;flex-wrap:wrap;align-items:center}
.computer-stock{background:#111;border:2px solid #676767;border-radius:60px;font-weight:700;font-size:13px;line-height:1.3;color:#FFF;padding:1px 10px}
.computer-top{position:absolute;top:0;left:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.computer-topbtns{display:flex;flex-wrap:wrap}

.computer-favorite svg path{stroke:#8D8D8D}

.computer-favorite.active path {
    stroke: #FD01CF;
    fill: #FD01CF;
}
.computer-favorite.on path {
    stroke: #FD01CF;
    fill: #FD01CF;
}

.computer-favorite.active.off path {
    stroke: #8D8D8D;
    fill: none;
}





.computer-compare{border:2px solid #8D8D8D;border-radius:2px;width:22px;height:22px;position:relative;margin-right:10px}

.computer-compare::before{content:"";position:absolute;bottom:5px;left:27%;transform:translate(-50%,0);width:1.5px;height:3px;background:#8D8D8D}
.computer-compare::after{content:"";position:absolute;bottom:5px;left:76%;transform:translate(-50%,0);width:1.5px;height:6px;background:#8D8D8D}


.computer-compare.active::before, 
.computer-compare.active::after,
.computer-compare.on::before, 
.computer-compare.on::after{
    opacity: 0;
}

.computer-compare.active.off span, .computer-compare  span {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 1.5px;
    height: 8px;
    background: #8D8D8D;
    top: unset;
}


.computer-compare.active span, 
.computer-compare.on span {
    width: 14px;
    height: 14px;
    background: url(/themes/demo/assets/images/check-white.svg) no-repeat center center;
    background-size: contain;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    left: 50%;
}


.computer-compare.active.off::before, 
.computer-compare.active.off::after {
    opacity: 1;
}




.computer-img img{max-height:90%}
.computer-name{display: block; font-size:19px;line-height:1.3;color:#FFF;padding-bottom:10px;margin-bottom:10px;border-bottom:1.5px solid #7C7C7C}
.computer-rating{margin-bottom:10px;font-size:12px;line-height:1.3;color:#797979;display:flex;flex-wrap:wrap;align-items:center}
.computer-rating img{height:10px;width:10px;margin-right:1px}
.computer-rating span{margin-left:5px}
.computer-price{font-size:22px;line-height:1;color:#FFF;margin-bottom:5px}
.computer-old_price{font-size:13px;line-height:1.3;color:#656565;text-decoration:line-through}
.computer-price_wrap{margin-bottom:10px}
.computer-btn{margin-bottom:10px;font-size:14px;display:flex;align-items:center;padding:5px 30px}
.computer-cart_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:5px}
.computer-btn svg{margin-right:8px}
.computer-productivity{font-size:13px;line-height:1.3;color:#FFF;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5px}
.computer-productivity > div{display:inline-block}
.computer-productivity > div:nth-child(2){color:#858585}
.computer-productivity > div:first-child{margin-right:5px}
.computer-productivity_line{margin-top:7px;margin-bottom:15px;width:100%;background:#3B3B3B;height:5px;position:relative}
.computer-productivity_line span{position:absolute;top:0;left:0;height:100%;background:#01E9ED}
.computer-btns{display:flex;flex-wrap:wrap;justify-content:space-between}
.computer-btns .bt{font-size:14px;width:48%;text-align:center;margin-bottom:10px}
.computer-btn2{display:flex;align-items:center}
.computer-btn2 svg{margin-right:8px}
.computer-attr{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;line-height:1.3;letter-spacing:-.02em;color:#999;padding:10px 0;border-bottom:1px solid #7C7C7C}
.computer-attr > div:first-child{width:25%;margin-right:5%}
.computer-attr > a:last-child{width:70%;color: #fff;}
.computer-attr:last-child{border:none}


.faq-head{padding:30px 40px;border-bottom: 1px solid #34343400;font-weight:600;font-size:20px;line-height:1.3;color:#FFF;position:relative;cursor:pointer}
.faq-head.active {
    border-bottom: 1px solid #343434;
}
.faq-item{border:1px solid #343434;border-radius:10px;margin-bottom:10px}
.faq-text{padding:30px 40px;font-size:17px;line-height:1.7;color:#7C7C7C;display:none}
.faq-head span{display:block;width:27px;height:27px;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);position:absolute;top:28px;right:20px}
.faq-head span::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:3px;background:#fff;transition:1s}
.faq-head span::after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:13px;width:3px;background:#fff;transition:1s}
.faq-head.active span::after{opacity:0}



.complect-head{padding:30px 40px;border-bottom:1px solid #34343400;font-weight:600;font-size:20px;line-height:1.3;color:#FFF;position:relative;cursor:pointer}
.complect-head.active{border-bottom:1px solid #0287ED}
.complect-item{border:1px solid #0287ED;border-radius:10px;margin-bottom:10px}
.complect-content{padding:5px 0;font-size:17px;line-height:1.7;color:#7C7C7C;display:none}
.complect-head span{display:block;width:27px;height:27px;background:#fff;position:absolute;top:28px;right:20px}
.complect-head span::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:3px;background:#151515;transition:1s}
.complect-head span::after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:13px;width:3px;background:#151515;transition:1s}
.complect-head.active span::after{opacity:0}
.complect-attr{padding:17px 40px;display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:1px solid #343434;font-size:18px;line-height:1.5;color:#777;justify-content:space-between}
.complect-attr > div:last-child{color:#FFF;width:70%}
.complect-attr > div:first-child{width:25%}
.complect-attr:last-child{border:none}


.obzor-link{display:block;width:100%;position:relative;height:470px}
img.obzor-img{width:100%;height:100%;border-radius:10px}
.obzor-link::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(24,24,24,0.4);border-radius:10px}
.play span { font-weight: 500; font-size: 30px; line-height: 1.3; text-transform: uppercase; color: #FFFFFF; width: 100%; display: block; margin-top: 20px; }



.big-title { font-size: 36px; line-height: 1.3; text-transform: uppercase; color: #FFFFFF; margin-bottom: 40px; }



.centerbox{width:calc(100% - 500px)}
.sidebox {
    width: 233px;
    position: sticky;
    top: 120px;
}
.sidebox-item{background:#111;border-radius:10px;margin-bottom:10px;padding:25px}
.sidebox-head{font-weight:600;color:#FFF;margin-bottom:10px}
.sidebox-line_wrap{font-size:18px;line-height:1.5;color:#646464;margin-bottom:10px}
.sidebox-line{width:100%;height:3px;position:relative;background:gray;margin-top:10px}
.sidebox-line span{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%)}
.sidebox-price{font-weight:600;font-size:24px;line-height:1.3;text-transform:uppercase;color:#FFF;border-bottom:1px solid #282828;width:100%;padding-bottom:15px;margin-bottom:15px}
.sidebox-note{font-size:14px;line-height:1.5;color:#494949;margin-bottom: 25px;}
.sidebox-attr{font-size:14px;line-height:1.3;color:#494949;margin-bottom:10px}
.sidebox-attr > div:last-child{color:#fff}
.sidebox-btn{font-size:14px;line-height:1.3;text-decoration-line:underline;color:#FFF;margin-bottom:25px}
.sidebox-links{display:flex;flex-wrap:wrap;justify-content:space-between}
.sidebox-link{width:50%;text-align:center;font-size:13px;line-height:1.3;color:#646464;display:flex;flex-direction:column;align-items:center;padding:0 10px;position:relative;padding-top:30px}
.sidebox-link:first-child{border-right:1px solid #292929}
.sidebox-link svg{position:absolute;top:0;left:50%;transform:translate(-50%,0)}
.sidebox-cartbtn { padding: 4px 10px; display: flex; align-items: center; width: 100%; justify-content: center; font-size: 14px; }
.sidebox-cartbtn svg {
    margin-right: 10px;
}


.sidebox-cartbtn[disabled] {
    opacity: 0.5;
}

.filtertop{display:flex;flex-wrap:wrap}
.filtertop-item{margin-right:10px;position:relative;margin-bottom:5px;z-index: 2;}
.filtertop-head{font-weight:800;color:#FFF;background:#222123;border-radius:10px;padding:19px 23px;margin-bottom:5px;cursor:pointer}
.filtertop-head svg{margin-left:18px;    transition: 0.5s;}
.filtertop-body{background:rgba(34,33,35,0.9);backdrop-filter:blur(3.69223px);border-radius:8px;padding:30px 20px;min-width:240px;position:absolute;top:100%;left:0;display:none}
.filtertop-item:hover .filtertop-body{display:block}

.filtertop-item:hover .filtertop-head svg{transform:rotate(-180deg)}
.filtertop-item:hover .filtertop-head{color:#ffffff9c;background:#2221238a}
.filtertop-head svg{transition:.5s}


.conf-item{width:calc(33.33% - 10px);margin-bottom:10px;position:relative;background:#111;border-radius:10px;padding:30px 10px;display: flex !important;flex-direction: column;}
.conf-img{text-align:center;margin-bottom:30px;height:100px;display:flex;justify-content:center;align-items:center}
.conf-img img{margin:auto;max-height:100%}
.conf-name{flex-grow: 1;display: block;font-size:18px;line-height:1.3;color:#FFF;margin-bottom:15px}
.conf-price{font-size:18px;line-height:1;color:#A4A4A4;margin-bottom:50px;margin-bottom: 30px;}
.conf-plus{padding:0;width:33px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:5px;position:relative;margin-top: auto;}
.conf-plus::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:2px;border-radius:2px;background:#fff}
.conf-plus::after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:13px;width:2px;border-radius:2px;background:#fff}

.conf-plus.active {
    background: #fff url(/themes/demo/assets/images/check-blue.svg) no-repeat center center;
    background-size: 14px 16px;
}

.conf-plus.active::before, .conf-plus.active::after {
    opacity: 0;
}



.conf-content {
    flex-grow: 1;
    flex-direction: column;
    display: flex;
}


.modalSpecification .modal-body{background:#171717;padding:65px 100px}
.modalSpecification .modal-dialog{width:95%;max-width:1165px}
.modal .complect-head span{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%)}
.modal .complect-head span::before,.modal .complect-head span::after{background:#fff}

button.close, button.close:hover {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 2;
    font-weight: normal;
    opacity: 1;
    font-size: 40px;
}

.modal-body {
	background:#171717;
	padding: 50px;
}

.modal-title{font-size:20px;font-weight:700;color:#fff;text-align:center;margin-bottom:50px}
.input{padding-bottom:15px;margin-bottom:40px;background:none;border:none;border-bottom:1px solid #343434;font-weight:400;font-size:20px;line-height:120%;color:#888;width:100%}
.modal-btn{margin-top:50px}
form#ratingForm{display:flex;flex-direction:column;justify-content:center;align-items:center}
.rating-item input:checked ~ .rating-grade{color:#fff}



.prodpage-tab_feat_item{width:calc(16.66% - 20px);margin-bottom:10px;text-align:center}
.prodpage-tab_feat_img{margin-bottom:10px;height:60px}
.prodpage-tab_feat_name{font-size:17px;line-height:1.3;color:#7C7C7C}
.prodpage-tab_feat_img img{max-height:100%}



.g-form__preloader{position: fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:-5;background: #0606067a;}
.g-form__preloader_content{width:100px;height:100px;border:3px dashed #fff;border-radius:50%;border-right:none;animation:loadAnim 1s infinite linear;width:50px;height:50px}
.g-form__preloader.active{display:flex;z-index:10}
@keyframes loadAnim {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}


.no-result {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
}



.login-text{font-size:20px;margin-bottom:30px}
.title.login-title{margin-bottom:20px}
.login-input_wrap{margin-bottom:15px;position:relative;width:100%}
.login-input{font-weight:600;line-height:15px;color:#FFF;background:#ffffff3b;border:1px solid #e6e6e61f;padding:15px;width:100%;border-radius:10px}
.login-box{max-width:700px;text-align:center;margin:auto}
.login-btn{margin-top:30px;margin-bottom:20px}
.login-link2{color:#fff;text-decoration:underline}
.login-link_wrap{color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items: center;}
.login-link_wrap svg{margin-right:10px}
.login-link_wrap span{margin-right:10px}
.title.login-title::before{left:50%;transform:translate(-50%,0)}
.login-input_wrap.login-input_half {
    width: 49%;
}



ul.list-unstyled.account-list li a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}
ul.list-unstyled.account-list li{padding:15px;border:1px solid #0287ED;width:210px;min-height:126px;margin-right:1rem;text-align:center;margin-bottom:20px}
ul.list-unstyled.account-list img{margin-bottom:12px}
ul.list-unstyled.account-list{display:flex;flex-wrap:wrap;margin-bottom:50px}
.account-title{font-size:24px;margin-bottom:30px;position:relative;line-height:1.3;font-weight:600;color:#fff}
ul.list-unstyled.account-list li a:hover{text-decoration:underline}


.alert.alert- {
    background: #c69090;
}

.alert.alert-success a, .alert.alert-success a:hover {
    color: #fff;
    text-decoration: underline;
}

.alert.alert-success{background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:90%;max-width:500px;padding:20px;color:#151515;font-size:18px;background: #00750b;color: #fff;border-color: #00750b;}
.alert.alert-success button.close{position:absolute;top:0;right:8px;opacity:1;z-index:1;font-size:30px;font-weight:400;/* color: #151515; */}

form#ratingForm .alert.alert-success,
div[id$="_forms_flash"] .alert.alert-success {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 100%;
    max-width: unset;
}

div#ratingForm_flash {
    width: 100%;
}

.rating-item{position:relative;font-size:15px;color:#151515}
.rating-item input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer;opacity:0}
.rating-grade{position:relative;display:flex;justify-content:center;align-items:center;font-size:13px;width:40px;height:40px;color:#151515}
.rating-star{background:url(/themes/demo/assets/images/star-white.svg) no-repeat center center;background-size:contain;width:100%;height:100%;position:absolute;content:"";top:0;left:0}
.rating-item input:checked ~ .rating-star{background:url(/themes/demo/assets/images/big-star.svg) no-repeat center center;background-size:contain}



.text {
	color: #fff;
}



.searchform{position:relative;flex-grow:1;max-width:600px;margin-right:35px}
input.searchinput{background: #454545;border: 1px solid #454545;border-radius:10px;font-weight:400;font-size:14px;line-height:16px;color: #fff;padding:12px 30px;width:100%;padding-right:35px}
.search-btn{position:absolute;top:8px;right:15px}

input.searchinput::placeholder {
    color: #fff;
}


.foninput.order-input{width:100%;color:#fff;font-size:16px;padding-bottom:5px}
.input-wrap label{font-size:16px}
.foninput.order-input::placeholder{color:#fff}
.order-empty {
    text-align: center;
}


.btn-clear{background:#ff1414 url(/themes/demo/assets/images/remove-white.svg) no-repeat 7% 50%;padding:8px;display:flex;border-radius:3px;background-size:20px;padding-left:50px;padding-right:25px;color:#fff;width:100%;max-width:300px;text-align:left}
.cart-totals{margin-bottom:30px;color:#fff;max-width: 400px;border: 1px solid #343434;background: #111;border-radius: 10px;padding: 10px 20px;margin-left: auto;}
.cart-total_item{display:flex;flex-wrap:wrap;padding: 15px 0;border-bottom:1px solid #343434}
.cart-total_item > div:first-child{width: 150px;}
.cart-total_item:last-child {
    border: none;
}
div#cart {
    width: 95%;
    margin-left: auto;
}
.accound-order{margin-bottom:50px}
.order-status{font-weight:600;line-height:15px;background:#4e4f50;border-radius:10px;padding:11px 25px;height:40px;font-size:13px;color:#fff}



.legend-container{display:flex;margin-top:10px;flex-wrap: wrap;padding-left: 100px;}
.legend-item{display:flex;align-items:center;margin-bottom:5px;margin-right: 30px;}
.legend-item span{margin-left:10px}
.legend-circle{width:12px;height:12px;border-radius:50%;display:inline-block}

.modalFps .modal-dialog {
    width: 95%;
    max-width: 900px;
}
.modalFps .modal-body {
    min-height: 500px;
}
.forms.active .formsuccess {
    background: green;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px;
}



.conf-check span{background:linear-gradient(90deg,#01E9ED 0%,#0287ED 100%);font-weight:700;text-align:center;color:#FFF;border:1px solid #0287ED;padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:5px;position:relative;margin-top:auto}
.conf-check span::before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:2px;border-radius:2px;background:#fff}
.conf-check span::after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:13px;width:2px;border-radius:2px;background:#fff}
.conf-check input:checked ~ span{background:#fff url(/themes/demo/assets/images/check-blue.svg) no-repeat center center;background-size:14px 16px}
.conf-check input:checked ~ span::before,.conf-check input:checked ~ span::after{opacity:0}
.conf-check{position:relative;width:33px;height:30px}

.conf-check input {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    margin: 0;
    opacity: 0; 
}

.conf-check input:checked {
    z-index: -2;
}