@import url(jquery.fancybox3.min.css);
@import url(swiper-bundle.min.css);


@font-face {
  font-family: "fontawesome";
  src: url("../fonts/fontawesome/fontello.eot");
  src: url("../fonts/fontawesome/fontello.eot#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fontello.woff2") format("woff2"), url("../fonts/fontawesome/fontello.ttf") format("truetype"), url("../fonts/fontawesome/fontello.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.catalog-section .pagination{
    display: flex;
    justify-content: flex-end;
}
body{
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

body.jgrowlHide .jGrowl{
    display: none;
}
.content ol{
    list-style: decimal;
    padding-left: 20px;
    margin-bottom: 20px;
}
.content ul{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}
p{
    margin-bottom: 20px;
}
.hid-text{
    display: none;
}
h2, .title-h2{
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}
h3, .title-h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.invert h2, .invert .title-h2{
    color: #fff;
}
.icon,
.fontawesome {
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pb0{
 padding-bottom: 0 !important;   
}
.pt0{
    padding-top: 0 !important;
}
.fontawesome {
  font-family: "fontawesome";
}
.marquiz-pops{
    display: none!important;
}
.btn .icon,
.btn .fontawesome {
  font-size: 20px;
}

.btn_accent .icon,
.btn_accent .fontawesome {
  margin-right: 8px;
}

.contacts__item .icon,
.contacts__item .fontawesome {
  margin-right: 8px;
  font-size: 18px;
}
.button, .btn{
    background: #3DAD4F;
    width: auto;
    height: 40px;
    padding: 8px 40px 8px 40px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    text-align: left;
    display: flex;
    align-items: center;
    border: 1px solid #3DAD4F;
    text-align: center;
    transition: all 200ms ease-out;
    cursor: pointer;
    justify-content: center;
}
.btn.btn-min{
    padding: 0;
    height: 44px;
    width: 44px;
    border-radius:100%;
}
.button:hover, .btn:hover{
    color:#3DAD4F;
    background: transparent;
    border:1px solid #3DAD4F;
}
.button.invert, .btn.invert{
    color:#272727;
    background: transparent;
    border:1px solid #3DAD4F;
}
.invert .button.invert, .invert .btn.invert{
    color:#fff;
    background: transparent;
    border:1px solid #fff;
}
.button.button-gray{
    color:#fff;
    background: transparent;
    border:1px solid #fff;
}
.button.invert:hover, .btn.invert:hover, .button.button-gray:hover{
    color:#fff;
    background: #3DAD4F;
    border:1px solid #3DAD4F;
}
.button.invert:hover, .btn.invert:hover, .button.button-gray:hover{
    color:#fff;
    background: #3DAD4F;
    border:1px solid #3DAD4F;
}
.buttons-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap:10px;
}
.grecaptcha-badge{
    display: none;
}
a{
	transition: all 200ms ease-out;
    color: #3DAD4F;
}
a:hover{
    color: #272727;
}
.invert a:hover{
    color: #fff;
}
a:focus{
    border: none;
    outline:none;
}
.base-template{
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
}
.main{
    flex-grow: 1;
}
.footer-section{
    flex-shrink: 0;
    padding: 40px 0;
}
.invert{
    color: #fff;
    background-color: #272727;
}
.text{
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.swiper-container{
    position: relative;
    overflow: hidden;
}
section{
    padding: 60px 0;
}
.section-header{
    display: flex;
    gap: 20px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.section-header h2{
    margin-bottom: 0;
}
.img-wrapper{
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.invert .form-control{
    border-color:#fff;
    color: #fff;
}
.invert .form-control::-moz-placeholder {
    color: #ffffff99;
    opacity: 0.7;
    opacity: 1;
}
.invert .form-control:-ms-input-placeholder {
    color: #ffffff99;
    opacity: 0.7;
}
.invert .form-control::-webkit-input-placeholder {
    color: #ffffff99;
    opacity: 0.7;
}
.invert textarea.form-control{
    border: 1px solid #ffffff99;
}
.form-control:focus{
    background: transparent !important;
}
.plus{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 47%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
	transition: all 200ms ease-out;
}

.plus svg{
    width: 50px;
    height: 50px;
    fill: #fff;
	transition: all 200ms ease-out;
}
.item{
    position: relative;
}
.zoom-item:hover .plus{
    opacity: 1;
	transition: all 200ms ease-out;
}
.zoom-item:hover  .plus svg{
    transform: scale(1.3);
	transition: all 200ms ease-out;
}
.small-visible{
    display: none !important;
}

@media (max-width: 991px) {
    .big-visible{
        display: none !important;
    }
    .small-visible{
        display: flex !important;
    }
}
@media (max-width: 767px) {
    section{
        padding: 30px 0;
    }
    h2, .title-h2{
        font-size: 28px;
    }
    h3, .title-h3{
        font-size: 15px;
    }
    body.fm{
        padding-top: 0 !important;
    }
}
@media (max-width: 600px) {
    h2, .title-h2{
        font-size: 20px;
    }
}
/*header-wrapper*/

.header-wrapper{
    border-bottom: 1px solid #ffffff14;
}
.header-top{
    background: #272727;
    color: #fff;
    padding: 20px 0;
}
.header-bottom.fixed{
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 100;  
}
.header-bottom.fixed + .navbar-push{
    height: 70px;
}
.header-bottom{
    background: #272727;
    height: 70px;
}
.header-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
}
.logo{
    width: 60px;
    height: 60px;
    display: block;
}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.logo-wrapper{
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
.logo-text{
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}
.logo-title{
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
}
.logo-subtitle{
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
}
.phone{
    display: block;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #fff;
}
.phone:hover{
    color: #3DAD4F !important;
}
.header-wrapper .contacts{
    display: flex;
    grid-gap: 30px;
    align-items: center;
}
.header-wrapper .contacts-inner{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.button-icon{
    display: none;
}
.mobile-logo-text{
    display: none;
}
.swiper-scrollbar-drag{
    background: #3DAD4F;
}
.phone-small{
    display: none !important;
}
.navbar-nav-buttons{
    display: flex;
    gap:10px;
}
.сatalog-button{
    display:none;
}
@media (max-width: 1100px) {
    .phone{
        font-size: 17px;
    }

}
@media (max-width: 991px) {
    .header-wrapper .contacts-inner{
        grid-gap: 5px;
    }
    .header-wrapper .contacts{
        grid-gap: 20px;
    }
    .text {
        font-size: 15px;
    }
    .button{
        font-size: 13px;
    }
    .logo-subtitle{
        font-size: 12px;
    }
    .logo-wrapper{
        grid-gap: 10px;
    }
    .logo-title{
        font-size: 14px;
    }
    .logo{
        width: 50px;
        height: 50px;
    }
    .header-push{
        height: 93px;
    }
    .header-inner{
        grid-gap: 10px;
    }

}
@media (max-width: 767px) {
    .header-wrapper .contacts{
        grid-gap: 10px;
    }
	

    .header-wrapper .button-icon svg{
        width: 30px;
        height: 30px;
    }
    .header-wrapper .button path{
        transition: all 200ms ease-out;
    }
    .header-wrapper .button:hover path{
        fill: #fff !important;
        transition: all 200ms ease-out;
    }
    .header-top .button{
        padding: 0;
        height: auto;
        border: none;
        background: transparent;
    }
}
@media (max-width: 670px) {
    .сatalog-button{
        display:flex;
    }
    .phone-big{
        display: none !important;
    }
    .header-top .shedule{
        display: none;
    }
    .phone-small{
        display: block !important;
    }
    .button span{
        display: none;
    }
    .header-bottom.fixed + .navbar-push{
        height: 70px;
    }
    .header-bottom{
        height: 70px;
    }
    .contacts-header-bottom-mobile.none{
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .header-bottom .button:not(.сatalog-button) {
        padding: 0;
        height: auto;
        border: none;
        background: transparent;
    }
    .header-top .button.none {
        padding-right: 10px;
        padding-left: 10px;
        height: 40px;
        font-size: 12px;
        border: 1px solid #3DAD4F;
        background: #3DAD4F;
        display: flex;
    }
    .header-top .phone{
       text-align: right;
    }

     .button-icon{
        display: flex;
        width: 60px;
        height: 39px;
        border-radius: 22px;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
    }
    .button-icon:hover{
        background: #fff;
    }
    .button-icon svg{
        transition: all 200ms ease-out;
    }
    .button-icon:hover svg{
        fill: #272727 !important;
    }
    .header-wrapper .button-icon:hover path{
        fill: #272727 !important;
    }
    .header-wrapper .button-icon svg{
        width: 18px;
        height: 18px;
        fill: #fff;
    }
    .header-inner{
        justify-content: flex-end;
    }
    .logo-wrapper{
        margin-right: auto;
        padding-right: 0px;
    }

}
@media (max-width: 460px) {
    .logo-subtitle{
        font-size: 7px;
    }
    .logo-title {
        font-size: 12px;
    }
    .header-wrapper .contacts .text {
        font-size: 12px;
    }

    .header-push{
        height: 60px;
    }
    .logo{
        height: 40px;
        width: 40px;
        flex-shrink: 0;
    }
}
@media (max-width: 375px) {
    .mobile-logo-text{
        font-size: 14px;
    }
    .phone{
        font-size: 14px;
    }
    .button-icon{
        width: 40px;
    }
}
/*header-wrapper./*/

/*navbar*/
.top-menu ul{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-left: 0;
    margin: 0;
    font-weight: 500;
}
.top-menu ul > li > ul{
	list-style: none;
    padding: 5px 0;
    display: block;
    flex-wrap: nowrap;
    justify-content: flex-end;
	flex-direction: column;
}

.top-menu .down{
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top-menu .down > ul > .down > .dropdown-button{
    display: none;
}
.top-menu{
    height: 100%;
    display: flex;
    align-items: center;
}
.top-menu ul > li{
    display: inline-block;
    margin-left: 35px;
    position: relative;
}
.top-menu ul > li > a{
    color: #fff;
}
.top-menu ul > li:hover > a{
    color:#3DAD4F;
    text-decoration: none;
}
.top-menu ul > li:first-of-type{
    margin-left: 0;
}
.top-menu ul > li > ul > li{
	margin-left: 0px;
	margin-bottom: 4px;
}

.top-menuul > li:first-of-type{
    margin-left: 0;
}
.top-menu ul > li > ul{
    position: absolute;
    top: 51px;
    left: 0;
    width: 270px;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-out;
    display: flex;
    flex-direction: column;
    z-index: 300;
    box-shadow: 0px 12px 20px #00000017;
    padding-bottom: 20px;
    padding-top: 10px;
}
.top-menu ul > li > ul:before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
	height: 14px;
    top: -14px;
    left: 0;
}


.top-menu ul > li > ul > li > a{
    display: block;
    padding: 5px 33px 5px 20px;
    color: #0000009e;
}
.top-menu ul > li > ul > li{
    transition: all 200ms ease-out;
}
.top-menu ul > li > ul > li:hover > a{
    color:#3DAD4F;
    transition: all 200ms ease-out;
}
.top-menu ul > li > ul > li > ul{
    box-shadow: 6px 1px 20px #00000017;
    left: 270px;
    top: 9px;
}

.top-menu ul ul ul li:hover a{
    color:#3DAD4F;
}
.top-menu ul > li:hover > ul{
    visibility: visible;
    opacity: 1;
    background: #ffffff;
}

.top-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 0px;
    right: -20px;
    height: 18px;
    width: 18px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.top-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 4px;
    left: 5px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.top-menu  .new-dropdown-button{
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 12px;
    height: 12px;
    width: 12px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.top-menu .new-dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #0000009e;
    border-right: 1px solid #0000009e;
    transform: rotate(315deg);
    transition: all 300ms ease-out;
}
.top-menu .down:hover .dropdown-button:before{
	transform: rotate(225deg);
    top: 10px;
    border-color: #3DAD4F;
}

.top-menu .new_down:hover .new-dropdown-button:before{
    border-color: #3DAD4F;
}
.navbar-nav{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 15px 0;
    align-items: center;
    border-top: 1px solid #ffffff14;
}
.navbar-nav-right{
    display: flex;
    gap: 30px;
    align-items: center;
}
@media (max-width: 1200px){
    .top-menu ul > li{
        margin-left: 28px;
    }
    header .button{
        padding: 8px 20px;
    }
}
@media (max-width: 1145px) {

}
@media (max-width: 991px) {
    .navbar-nav-right{
        display: none;
    }
}
@media (max-width: 990px) {

}
/*navbar./*/

/*search*/

.icon-search {
    width: 24px;
    fill: #fff;
    cursor: pointer;
}
.close-search svg {width: 20px;}
.top-search-form {
    max-width: 1184px;
    width: 100%;
    margin: 0px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-body {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 2000;
    top: 0;
    display: none;
}

.top-search-form fieldset {   
    width: 95%;
    border: none;
    display: flex;
    gap: 20px;
    padding: 30px 0;
    margin: 0;
}
.user-name {opacity: 0; display: none;}
.close-search {width: 20px; cursor: pointer;}
.top-search-form #search {
    border-radius: 5px;
    border: 1px solid #0000001c;
    padding: 1rem 10px;
    font-size: 20px;
    width: 80%;
    color:#fff;
}
.top-search-form fieldset .btn {width: 15%;height: auto;}
.search-body.show{display: block;}
.footer-blog, .footer-blog:hover {
    font-size: 10px !important;
    color: transparent !important;
}

@media screen and (max-width: 1150px) {
    .icon-search {display: none;}
    .header-top .icon-search{
        display: block;
    }
    header .button{
        padding: 8px 10px;
        font-size: 12px;
    }
}
@media (max-width: 991px) {
    .search-body {z-index: 9999;}
    .top-search-form{
        margin: 40px auto 0;
    }
    .top-search-form fieldset .btn {
        width: auto;
        background: transparent;
        border-color: #fff;
        padding: 11px 15px;
        border-radius:0;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.29px;
        text-align: center;
        border-radius: 00px 10px 10px 00px;
        background: #3DAD4F;
        border-color: #3DAD4F;
    }
    .top-search-form #search {
        padding: 11px 15px;
        font-size: 20px;
        width: 100%;
        border: 1px solid #00000021;
        border-radius:0;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.29px;
        text-align: left;
        border-radius: 10px 0px 0px 10px;
        background: transparent;
        border: 1px solid #FFFFFF
    }
    .close-search {
        width: 35px;
    }
    .top-search-form fieldset {
        width: 100%;
        padding: 0 15px;
        gap:0;
    }
    .header-top .icon-search{
        display: none;
    }
}
/*search./*/
#to-top {
  position: fixed;
  display: none;
  z-index: 10;
  right: 20px;
  bottom: 30px;
}
#to-top:before{
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    transition: all 200ms ease-out;
    top: 18px;
    left: 16px;
    content: '';
    transform: rotate(315deg);
}
#to-top:hover:before{
    border-color:#3DAD4F;
}
.social.whatsapp{
    border: 1px solid #ffffff17;
    border-radius: 50%;
    width: 44px;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 1000;
    background: #3dad4f;
}
.social.whatsapp svg{
    fill: #ffffff;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    transition: all 200ms ease-out;
}
/************************ mob-menu begin ************/
.menu-button{
    position: absolute;
    position: fixed;
    left: 20px;
    height: 30px;
    width: 30px;
    top: 35px;
    cursor: pointer;
    z-index: 2200;
    background: #272727;
    display: none;
}
.navbar-top .menu-button{
    display: none;
}
.icon-menu-burger {
    height: 2px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform 0.2s ease 0s;
}
.icon-menu-burger__line {
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.2s linear 0.2s;
}
.icon-menu-burger:before, 
.icon-menu-burger:after {
    background: #fff;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.menu-button.active .icon-menu-burger__line,
.menu-button.active .icon-menu-burger:before, 
.menu-button.active .icon-menu-burger:after {
    background: #fff  !important;
}
.menu-button.active .icon-menu-burger{
    transform: rotate(45deg);
    transition: transform 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger__line{
    transform: rotate(90deg);
}
.icon-menu-burger:before {
    top: -9px;
    transition: top 0.2s linear 0.4s;
}
.icon-menu-burger:after {
    bottom: -9px;
    transition: bottom 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger:before {
    transition: top 0.2s linear;
    top: 0;
}
.menu-button.active .icon-menu-burger:after {
    transition: bottom 0.2s linear;
    bottom: 0;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -470px;
    background-color: #272727;
    height: 100%;
    width: 370px;
    max-width: 100%;
    z-index: 2200;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    display:none;
}
.btn-close{
    width: 30px;
    height: 30px;
    top: 50%;
    z-index: 2300;
    position: relative;
    transform: rotate(45deg);
    cursor: pointer;
    top: 15px;
    left: 12px;
}
.btn-close:after{
    content: '';
    width: 100%;
    top: 50%;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(90deg);
}
.btn-close:before{
    content: '';
    width: 100%;
    top: 50%;
    height: 2px;
    background: #fff;
    position: absolute;
}
.down{
	position: relative;
}
.mobile-menu .dropdown-button + ul {
	position: static;
	width: 100%;
	display: none;
}
.svg-icon{

}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    height: 28px;
    width: 38px;
    z-index: 10;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 16px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.mobile-menu ul ul .dropdown-button:before{
    width: 6px;
    height: 6px;
    content: "+";
    border: none;
    color: #fff;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    top: 7px !important;
    left: 17px;
    font-size: 16px;

}
.mobile-menu ul > li > ul > li a{
	color:#fff;
    display: block;
}
.mobile-menu ul > li > ul > li{
	color: #fff;
    margin-bottom: 1px;
}
.mobile-menu ul > li > ul > li a{
   padding: 10px 35px 10px;
   padding-left: 35px;
   position: relative;
}
.mobile-menu ul > li > ul > li a:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ffffff47;
    top: 18px;
    left: 16px;
}
.mobile-menu ul > li > ul > li > ul > li a{
    padding: 5px 0px 5px 50px;
}
.dropdown-button{
    cursor:pointer;
}
.top-menu-wrapper-middle-min .active > .dropdown-button:before {
    border-color: #000;
}
.mobile-menu .active:before {
	transform: rotate(225deg);
	top: 14px;
}
.mobile-menu .logo-wrap{
	display: flex;
    align-items: center;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 10px;
}
.mobile-menu .logo-img-wrap{
	display: block;
	cursor: pointer;
}
.mobile-menu .logo-wrap img{
	border:1px solid #ccc;
	border-radius: 5px;
	margin-right: 17px;
}
.mobile-menu .name-company{
	font-size: 17px;
    color: #fff;
}
.mobile-menu .name-company span{
	font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.mobile-contacts{
	color:#fff;
	margin-left: 20px;
	margin-right: 10px;
	font-size: 17px;
}
.mobile-contacts .contacts-wrap{
    width: calc(100% - 24px);
}
.mobile-menu svg{
	width: 25px;
    height: 25px;	
    fill: #fff;
}
.mobile-menu svg path{
    fill: #fff !important;
}
.mobile-menu  .header-phone svg{
    width: 22px;
    height: 29px;
}
.mobile-menu span a{
	color: #fff;
    font-weight: bold;
}
.mobile-menu ul ul ul a{
    position: relative;
}
.mobile-menu ul ul ul a:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.8);
}
 

.mobile-menu-catalog .submenu{
    background: #272727 !important;
}
.mobile-menu ul ul ul{
    padding-left: 20px;
}
.mobile-menu .navbar-menu{
    padding-top: 20px;
}
.mobile-menu .navbar-menu{
    height: auto;
}
.navbar-contacts > div{
    margin-bottom: 20px;
}
.mobile-menu .navbar-contacts > div{
    width: 100%;
}
.social{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    margin-top: 20px;
}
.socials{
    display: flex;
    justify-content: flex-start;
    grid-gap: 15px;
    padding: 0 15px;
}
.socials .item{
    border: 1px solid #ffffff17;
    border-radius: 50%;
    width: 25px;
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: center;
}
.socials .item:hover{
    filter: brightness(1.2);
}
.socials .item.youtube{
    background: #FF0100;
}
.socials .item.vk{
    background: #4169E1;
}
.socials .item.inst{
    background: linear-gradient(45deg, #FEE411 11.93%, #FEDB16 15.62%, #FEC125 21.73%, #FE983D 29.55%, #FE5F5E 38.65%, #FE2181 47.46%, #9000dc 82.98%);
    background-size: 120% 110%;
    background-position-x: -3px;
    background-position-y: -1px;
}
.socials .item.whatsapp{
    background: #25D366;
}
.socials .item.viber{
    background: #735FF2;
}
.socials .item.tg{
    background: #039BE5;
}

.socials svg{
    fill: #ffffff;
    width: 15px;
    height: 15px;
    position: relative;
    text-align: center;
	transition: all 200ms ease-out;
}
.socials .item:hover svg{
    fill: #fff;
    text-align: center;
	transition: all 200ms ease-out;
}
.social .title{
    color: #ffffffa1;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: -100;
    opacity: 0;
    display: none;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
@media (max-width: 991px){
    .navbar-top .menu-button{
        display: block;
    }
   .mobile-menu.open {
        left: 0;
    }
    .mobile-menu.open + .overlay{
        z-index: 2110;
        opacity: 1;
        display: block;
    }
    .navbar-head-vis-push{
        height: 101px;
    }
    .mobile-menu {
        overflow-y: scroll;
    }
    .mobile-menu > div > nav > ul > li > a{
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 10px 15px 10px;
        letter-spacing: 1px;
        margin-bottom: 1px;
        padding-right: 40px;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.29px;
        text-align: left;

    }
    .mobile-menu > div > nav > ul > li > a:hover{
        background: #FFFFFF1A;
    }
    .mobile-menu .submenu__link{
        color:#fff!important;
    }
    .mobile-menu .submenu__link:hover{
       background: #FFFFFF1A;
    }
    .mobile-menu > div > nav > ul > li a{
        
    }
    .mobile-menu{
        display: block;
    }
    .mobile-contacts .navbar-contacts{
        border:none;
    }
    .mobile-contacts .order{
        margin-top: 0;
    }
    .mobile-contacts .order{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .mobile-contacts .btn_secondary{
        margin-bottom: 0;
    }
    .navbar-head-vis{
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid #353535;
        position: fixed;
        width: calc(100% - 30px);
        background: #272727;
        z-index: 2100;
    }
    .navbar-head-vis .navbar-item:last-child{
        display: block;
    }
    .navbar-item .btn:hover svg{
        fill:#000;
        transition: all 300ms ease-out;
    }
     .navbar-top .menu-button{
        display: none;
    }
    .navbar-nav .menu-button{
        display: block;
        justify-self: flex-start;
    }
    .menu-button{
        position: relative;
        left: 0;
        z-index: 300;
        top: 0;
    }
    .navbar-nav .btn_secondary{
        display: none;
    }
    .menu-button{
        display: block;
    }
}

@media (max-width: 374px){
    .menu-button{
        right: 20px;
        height: 20px;
        width: 20px;
        top: 0px;
    }
    .navbar-middle{
        width: 103px;
    }
    .navbar-slogan{
        width: auto;
    }
    
}
/************************ mob-menu end ************/
/*main-screen*/
.main-screen{
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 30px 0;
    color: #fff;
}
.main-screen:before{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #272727CC;
}
h1, .title-h1{
    font-size: 45px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}
.main-screen .inner{
    z-index: 1;
    position: relative;
}
.main-screen .subtitle{
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}
.main-screen .subtitle:nth-child(3){
    margin-bottom: 90px;
}
.main-screen .subtitle span{
    text-transform: uppercase;
    color: #3DAD4F;
}
.features-list{
    columns: 2;
}
.features-list li{
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}
.features-list li:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url(../images/check.png);
    display: block;
    width: 16px;
    height: 11px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    h1, .title-h1{
        font-size: 35px;
        margin-bottom: 20px;
    }
    .main-screen .subtitle{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .features-list li{
        margin-bottom: 10px;
    }
    .features-list .text{
        font-size: 18px;
    }
}
@media (max-width: 767px) {
	
}
@media (max-width: 630px) {
    .features-list{
        columns: 1;
    }
    .main-screen h1{
        font-size: 26px;
    }
    .hid-mob{
        display: none;
    }
}
@media (max-width: 444px) {
	
}
/*main-screen./*/
/*catalog-section*/
.catalog-inner{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 30px;
}
.catalog-wrapper.swiper-initialized .catalog-inner{
    display: flex;
    grid-gap: 0;
}
.catalog-wrapper .item:not(:first-child){
    display: none;
}
.catalog-wrapper.swiper-initialized .item{
    display: block;
}
.catalog-section .swiper-scrollbar{
    display: none;
}
.catalog-section .item{
    width: 100%;
    overflow: hidden;
}
.paginationProducts  .item:nth-child(n+13){
    display: none;
}
.catalog-item-slider{
    position: relative;
}
.arrow{
    display: flex;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px;
    background: #ffffff99;
    z-index: 10;
}
.arrow svg{
    width: 22px;
    height: 22px;
}
.arrow.none{
    display: none !important;
}
.swiper-button-next svg{
    position: relative;
    right: 2px;
}
.swiper-button-prev svg{
    position: relative;
    right: 2px;
}
.arrow:after{
    display: none;
}
.swiper-button-next{
    transform: rotate(180deg);
}
.catalog .img-wrapper{
    width: 100%;
    aspect-ratio: 3/4;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
}
.catalog-section.invert .catalog .img-wrapper{
   border: 1px solid #333333;
}
.catalog-section .title{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: 20px;
    color: #272727;
}
.catalog-section.invert .title{
    color: #fff;
}
.catalog-section .title:hover{
    color: #3dad4f;
}
.price{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    color: #3dad4f;
}
.chars{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.chars li{
    margin-bottom: 10px;
}
.chars li:last-child{
    margin-bottom: 0;
}
.chars li span{
    font-weight: 500;
}
.button-wrapper{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.item-in:not(:first-child),
.video-item:not(:first-child),
.product-images-wrapper .item:not(:first-child){
    display: none;
}

.simple-slider-wrapper .swiper-container.swiper-initialized .item-in,
.catalog-item-slider.swiper-initialized .item-in,
.tech-slider-wrapper.swiper-initialized .item-in,
.backlight-slider-wrapper.swiper-initialized .item-in,
.video-tech-slider-wrapper.swiper-initialized .item-in,
.product-images-wrapper.swiper-initialized .item{
    display: block;
}
.categories-section:not(.catalog) .catalog-inner{
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0 20px;
}

.catalog-filters{
    display: flex;
    gap:30px;
}
.catalog-filters .aside {
    width: 270px;
}
.catalog-filters .catalog{
    width: calc(100% - 270px - 30px);
}
.catalog-filters .catalog-inner{
    grid-template-columns: repeat(3, 1fr);
}

.catalog-filters ul.aside-accordeon{
    padding-left: 0;
    list-style: none;
    background: #2D2D2D;
}
.catalog-filters .aside-accordeon> li > ul {
    list-style: none;
    display: none;
}
.catalog-filters .aside-accordeon> li:first-child > ul{
    display: block;
}
.catalog-filters .aside-accordeon .form-group{
    margin: 0 !important;
}
.catalog-filters .aside-accordeon> li:nth-child(2) > ul{
    display: block;
}
.catalog-filters .aside-accordeon > li{
    overflow: hidden;
    list-style: none;
}
.catalog-filters .aside-accordeon > li > span.title {
    display: block;
    padding: 11px 15px;
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 18.29px;
    text-align: left;
    margin-bottom: 0;
}
.catalog-filters .aside-accordeon > li.active > span.title{
    border-bottom-color: #f1f1f1;
}
.catalog-filters .aside-accordeon > li > .title .switch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}
.catalog-filters .aside-accordeon > li > .title .switch:after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 13px;
    right: 16px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transition: all 200ms ease-out;
}
.catalog-filters .aside-accordeon > li.active > .title .switch:after{
    transform: rotate(135deg);
    top: 22px;
}
.catalog-filters .aside-accordeon fieldset{
    border: none;
    margin: 0;
    padding: 0;
}
.catalog-filters .filter-customcheck{
    position: relative;
    padding: 11px 15px;
    display: flex;
    align-items: center;
}

.catalog-filters .filter-customcheck input[type=checkbox]{
    position: fixed;  
    top: -100000px;
}
.catalog-filters .filter-customcheck input[type=checkbox] + label{
    position: relative;
    padding-left: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 18.29px;
    text-align: left;
    margin-bottom: 0;
}
.catalog-filters .filter-customcheck input[type=checkbox] + label:before{
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0px;
    border: solid 2px #D8D8D8;
}
.catalog-filters .filter-customcheck input[type=checkbox]:checked + label:before{
    background: url(../images/filter-check.svg) 3px 4px no-repeat #EFEFEF;
    border: 1px solid #DDE8BA;
}
.catalog-filters .filter-customcheck input[value="0"] + label{
    display: none;
}
.catalog-filters .filter-customcheck.visible_0{
    display: none;
}
.catalog-filters .aside-filters-title {
    padding: 11px 15px;
    background: #2D2D2D;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 600;
    line-height: 18.29px;
    text-align: center;
    margin-bottom: 20px;
    color: #3DAD4F;
}


.catalog-filters .mse2_number_inputs{
    margin: 0 -14px;
}

.catalog-filters .aside .mse2_number_slider > span:first-of-type{
    margin-left: -1px !important;
}
.catalog-filters .aside .ui-slider .ui-slider-handle{
    width: 1.5em;
    height: 1.5em;
    top: -0.4em;
}
.catalog-filters .mse2_number_inputs .form-control{
    padding: 5px;
    border-radius: 5px;
}
.catalog-filters .mse2_number_inputs .form-group .input-sm{
    width: 100%;
    margin-bottom: 12px;
    height: 38px;
}

.catalog-filters .reset-filters-btn{
    border: none;
    padding: 0;
    background: #3dad4f;
    color: #fff;
    width: 100%;
    padding: 8px;
    margin-top: 20px;
    transition: all 200ms ease-out;
    border-radius: 10px;
}
.catalog-filters .reset-filters-btn:hover{
    background: #3dad4f !important;
    filter: brightness(1.3);
}
.catalog-filters .reset-filters-btn:hover{
    background: #FC4F4F;
}
.catalog-filters .reset-filters-btn img{
    margin-top: -3px;
}
.catalog-filters .reset-filters-btn.hidden{
    display: none;
}
.aside-filter-close{
    display: none;
}
.filter-button-mobile{
    display: none;
}

.catalog-filters .aside-accordeon li input {
  position: absolute;
  opacity: 0;
  сursor: pointer;
}

.catalog-filters .aside-accordeon li  label.checkbox-filter  {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 15px;
  user-select: none;
  padding: 11px 15px;
  padding-left: 45px;
}

.catalog-filters .aside-accordeon li  .cicle {
    position: absolute;
    top: 12px;
    left: 14px;
    height: 19px;
    width: 19px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #d8d8d8;
}


.catalog-filters .aside-accordeon li  label.checkbox-filter  input:checked ~ .cicle {
  border-color: #d8d8d8;
}


.catalog-filters .aside-accordeon li  .cicle:after {
  content: "";
  position: absolute;
  display: none;
}

.catalog-filters .aside-accordeon li  label.checkbox-filter  input:checked ~ .cicle:after {
  display: block;
}

.catalog-filters .aside-accordeon li  label.checkbox-filter .cicle:after {
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d8d8d8;
}
.overlay-filters{
    display: none;
}
@media (max-width: 991px) {
    .catalog-inner{
        grid-gap: 20px;
    }
    .catalog-section .title{
        font-size: 11px;
    }
    .price{
        font-size: 15px;
    }
    .categories-section:not(.catalog) .catalog-inner{
        grid-template-columns: repeat(5, 1fr);
    }
    .catalog-filters .catalog-inner{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
	.catalog-inner{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px;
    }
    .categories-section .catalog-inner{
        grid-template-columns: repeat(4,1fr);
    }
    .catalog-filters .catalog-inner{
        grid-template-columns: repeat(3, 1fr);
    }
    .catalog-filters{
        flex-direction: column;
    }
    .catalog-filters .aside{
        max-width: 270px;
        width: 100%;
        right: -270px;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 1001;
        background: #2d2d2d;
        padding-top: 50px;
        padding-bottom: 30px;
        overflow-y: auto;
         transition: all 200ms ease-out;
    }
    .catalog-filters .aside-filters-title{
        background: #373737;
    }
    .catalog-filters .filters-form{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .catalog-filters .aside.active{
        right: 0;
    }
    .catalog-filters .overlay-filters{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        z-index: 1000;
        opacity: 0.6;
        display: none;
        transition: all 200ms ease-out;
    }
    .catalog-filters .catalog{
        width: 100%;
    }
    .catalog-filters .aside-filter-close{
        background-image: url(../images/close-svgrepo-com.svg);
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        background-size: contain;
        top: 15px;
        right: 16px;
    }
    .aside-filters-block{
        height: 100%;
    }
    .aside-filters-block-inner{
        height: calc(100% - 125px);
        overflow: auto;
        position: absolute;
        top: 60px;
        width: 270px;
    }
    
    .header-title-filter{
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: center;
        margin-bottom: 30px;
    }
    .header-title-filter .title-h2{
        margin-bottom: 0;
    }
    .filter-button-mobile{
        display: flex;
        align-items: center;
        gap:5px;
        border: 1px solid #fff;
        border-radius: 30px;
        padding: 10px;
        transition: all 200ms ease-out;
        cursor: pointer;
        display: none;
    }
    .catalog-template .filter-button-mobile{
        display: flex;
    }
    .filter-button-mobile:hover{
        color: #272727;
        background: #fff;
    }
    .filter-button-mobile:hover svg path{
        stroke:#272727;
    }
    .filter-button-mobile svg{
        width: 20px;
        height: 20px;
    }
    .filter-button-mobile svg path{
        transition: all 200ms ease-out;
    }
    .fm-panel{
        display: none !important;
    }
    .catalog-filters .reset-filters-btn{
        margin-right: 20px;
        margin-left: 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width: 600px) {
    .catalog-section .swiper-scrollbar, .swiper-scrollbar{
        display: block;
    }
    .catalog-inner{
        grid-template-columns: repeat(2,1fr);
    }
    .catalog.swiper-initialized .catalog-inner{
        display: flex;
        grid-gap: 0;
    }
    .catalog-section .swiper-scrollbar{
        bottom: 60px !important;
    }
    .filter-button-mobile{
        padding: 2px 10px;
    }
    .filter-button-mobile svg {
        width: 17px;
        height: 17px;
    }
}
@media (max-width: 500px) {
    .arrow.two-none-xs{
       display:flex !important;
    }
    .arrow.one-none-xs{
        display:none !important;
    }
}
@media (max-width: 400px) {
    /* .filter-button-mobile span{
        display: none;
    }
    .filter-button-mobile{
        width: 60px;
        height: 39px;
        justify-content: center;
    } */
    .filter-button-mobile span{
        font-size: 11px;
    }
    .filter-button-mobile{
        width: 90px;
        height: 29px;
    }
}
@media (max-width: 375px) {
	.catalog-section .button{
        width: 100%;
        justify-content: center;
    }
}
/*catalog-section./*/
/*video-section*/
.video{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:0 30px;
}
.video-tech-slider{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px;
}
.video-tech-slider-wrapper.swiper-initialized .video-tech-slider {
    display: flex !important;
    grid-gap: 0;
}
.tech-slider{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px;
}
.tech-slider-wrapper.swiper-initialized .tech-slider {
    display: flex !important;
    grid-gap: 0;
}

.tech-img{
    margin-bottom: 0px;
}
.tech-section .tech-img{
    gap:0 30px;
}
.tech-section .tech-img .item-text{
    padding-bottom: 30px;
}
.tech-section .tech-video .item-text{
    padding-bottom: 30px;
}
.tech-section .tech-img .item-images{

}
.tech-section .tech-img .item-images .video-img-wrapper{

}
.item-body-text{
    border-radius: 10px;
    background: linear-gradient(96deg, #3434340f 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.tech-section.invert .item-body-text{
    background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
}
.tech-section .item:nth-child(1){
    order:1;
}
.tech-section .item:nth-child(2){
    order:2;
}
.tech-section .item:nth-child(3){
    order:1;
}
.tech-section .item:nth-child(4){
    order:2;
}

.tech-section .item:nth-child(5){
    order:3;
}
.tech-section .item:nth-child(6){
    order:4;
}
.tech-section .item:nth-child(7){
    order:3;
}
.tech-section .item:nth-child(8){
    order:4;
}
.tech-section .item:nth-child(9){
    order:5;
}
.tech-section .item:nth-child(10){
    order:6;
}
.tech-section .item:nth-child(11){
    order:5;
}
.tech-section .item:nth-child(12){
    order:6;
}
.btn-show-more{
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    line-height: 18.29px;
    text-align: left;
    color: #3DAD4F;
    border:none;
    background: transparent;
    padding: 0;
    margin-top: 15px;
}
.video .title{
    letter-spacing: 0.18px;
}
.video .text{
    margin-top: 20px;
}
.video iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 2/1.12;
}
.video-img{
    position: relative;
    aspect-ratio: 2/1.12;
    width: 100%;
    background: #ccc;
    border-radius: 5px;
    overflow: hidden;
}
.video-img-wrapper{
    position: relative;
    width: 100%;
}
.tech-video  .video-img-wrapper{
    aspect-ratio: auto;
}
.video-title{
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.18px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.tech-section .video-img{
     aspect-ratio: 3/4;
}
.tech-section .img-wrapper{
    aspect-ratio: 3/4;
}
.tech-section .text{
    margin-bottom: 30px;
}
.tech-section .item-body-text .text{
    margin-bottom: 0;
}
.tech-section .img-text{
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 15px;
}
.video-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-section .item{
    width: 100%;
    overflow: hidden;
}
.video-section .video-holder{
    position: absolute;
    top: 0;
    right: calc(50% - 70px);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.video-section .video-holder-icon{
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 100%;
}
.video-section .video-holder-icon a{
    display: block;
    height: 100%;
    position: relative;
    border-radius: 100%;
    background: rgba(255,255,255, 0.25);
    z-index: 5;
}
.video-section .video-holder-icon a:hover{
    background: rgba(255,2,2,1);
}
.video-section .video-holder-icon .play-icon{
    display: inline-block;
    border-left: 36px solid #fff;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -12px;
    transition: all 200ms ease-out;
}
.video-section .video-holder-icon .animation-element{
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 100%;
    animation: video-section-type1-animaion 2s linear infinite;
    box-shadow: 0 0 0 5px #fff;
    transition: all 0.3s ease;
    z-index: -1;
}
.video-tech-slider-wrapper .swiper-scrollbar.none-xs{
    display: none;
}
@keyframes video-section-type1-animaion {
  0% {
    transform: scale(1);
    opacity: 0.0; }
  25% {
    transform: scale(1);
    opacity: .75; }
  100% {
    transform: scale(1.5);
    opacity: 0; } 
}
.swiper-button-next-video-tech,
.swiper-button-prev-video-tech{
    top: calc(50% - 17px);
}
@media (max-width: 991px) {
	.video-tech-slider-wrapper .swiper-scrollbar.none-xs{
        display: block;
    }
	.video{
        grid-template-columns: 1fr;
        gap:30px 0;
    }

    .tech-section .item{
        order:0 !important;
    }
}

@media (max-width: 767px) {

}
@media (max-width: 600px) {
    .video-section .video-holder-icon{
        width: 80px;
        height: 80px;
    }    
    .swiper-button-next-video-tech,
    .swiper-button-prev-video-tech{
        top: calc(50% - 30px);
    }
    .video-section .video-holder-icon .play-icon{
        border-left: 26px solid #fff;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        margin-top: -13px;
        margin-left: -8px;
    }
    .video-section .video-holder{
        right: calc(50% - 40px);
    }
    .video-tech-slider-wrapper .swiper-scrollbar{
        display: block;
    }
    .video-tech-slider-wrapper .arrow{
        display: none !important;
    }
    .video-title{
        font-size: 15px;
    }
    .video-tech-slider{
        margin-bottom: 20px;
    }
    .none-xs{
        display: none;
    }
}
@media (max-width: 500px) {
    .video-tech-slider{
        grid-template-columns:1fr;
    }
    .tech-slider{
        grid-template-columns:1fr;
    }
}

/*video-section./*/
/*materials-section*/
.materials-section .materials{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 26px;
}
.materials-section .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio:3/4;
    margin-bottom: 15px;
}
.materials-section .text{
    margin-bottom: 30px;
}
.materials span{
    font-size: 14px;
}
@media (max-width: 1259px) {
    
}
@media (max-width: 991px) {
  
}
@media (max-width: 767px) {
	.materials-section .materials{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 15px;
    }
    .materials-section .materials .title{
        font-size: 13px;
    }
    .materials-section .materials .item .img-wrapper{
        aspect-ratio: 1/1;
    }
}
@media (max-width: 444px) {
	
}
/*materials-section./*/
/*fencing-section*/
.fencing-section .text{
    margin-bottom: 30px;
}
.fencing-section .title{
    font-size: 18px;
}
.fencing .item{
    width: 100%;
    margin-bottom: 15px;
}
.fencing .more{
    font-size: 15px;
    margin-bottom: 0;
    border-bottom:1px solid #3DAD4F;
}
.fencing .img-wrapper{
    width: 100%;
    aspect-ratio: 3/4;
    margin-bottom: 15px;
}
.fencing .item-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px; 
}
.fencing{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
@media (max-width: 991px) {
    .fencing{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 600px) {
    .fencing{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 375px) {
    .fencing{
        grid-template-columns: 270px;
    }
}
.fencing-wrapper.swiper-initialized .fencing{
    display: flex;
    grid-gap: 0;
}
.fencing-wrapper .item:not(:first-child){
    display: none;
}
.fencing-wrapper.swiper-initialized .item{
    display: block;
}
.fencing-wrapper{
    padding-bottom: 20px;
}
.fencing-section{
    padding-bottom: 40px;
}
.fencing-wrapper .img-wrapper{
    border: 1px solid #e7e7e7;
}
.fancybox_modal{
    display: none;
    border-radius: 5px;
    overflow: hidden;
    width: 565px;
}
.more-modal{
    width: 600px;
    max-width:100%;
}
@media (max-width: 991px) {
    .simple-slider-wrapper{
        padding-bottom: 40px;
    }
}
@media (max-width: 375px) {
	.simple-slider-wrapper .item{
        width: 270px !important;
    }
}
/*fencing-section./*/

/*action-section*/
.action-section{
    display: flex;
}
.action-left{
    width: 585px;
    padding-right: 15px;
    margin-left:auto;
    margin-right: 0;
}
.action-right{
    width: 50%;
    padding-left: 15px;
}
.action-left-inner{

}
.action-section .text{
    margin-bottom: 30px;
}
.action-section h2{
    color: #3DAD4F;
    font-weight: 600;
}
.action-section .img-wrapper{
    width: 100%;
    height: 100%;
    aspect-ratio: 2/1;
    border-radius: 5px 0 0 5px;
}

@media (max-width: 1200px) {
    .action-left{
        width: 50%;
        margin-left: 15px;
    }
    .action-right{
        width: 50%;
    }
}
@media (max-width: 767px) {
	.action-right{
        display: none;
    }
    .action-left{
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }
}
/*action-section./*/

/*services-section*/
.services-section{
    padding-bottom: 1px;
}
.services-section .text{
    margin-bottom: 30px;
}
.services-section .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    margin-bottom: 15px;
}
.services-wrapper{
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.services-wrapper:nth-child(2){
    margin-bottom: 0;
}
.services{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
@media (max-width: 991px) {
    .services{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 600px) {
    .services{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 375px) {
    .services{
        grid-template-columns: 270px;
    }
}
.services-wrapper.swiper-initialized .services{
    display: flex;
    grid-gap: 0;
}
.services-wrapper .item:not(:first-child){
    display: none;
}
.services-wrapper.swiper-initialized .item{
    display: block;
}
/*services-section./*/
/*backlight-section*/
.backlight-section .text{
    margin-bottom: 30px;
}
.backlight .item{
    width: 100%;
    overflow: hidden;
}
.backlight-section .subtitle{
    font-weight: 600;
    color: #3DAD4F;
}
.backlight-section .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    margin-bottom: 15px;
}
.backlight{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 26px;
}
.backlight-section .img-wrapper{
    border: 1px solid #e7e7e7;
}
@media (max-width: 767px) {
    .backlight{
        grid-gap: 20px;
    }
}

@media (max-width: 600px) {
    .backlight-wrapper.swiper-initialized .backlight{
        display: flex;
        grid-gap: 0;
    }
    .backlight-wrapper .item{
        width: 270px !important;
    }
    .backlight-section .img-wrapper{
        aspect-ratio: 1/1;
    }
    .backlight{
        padding-bottom: 40px;
    }
    .backlight-wrapper  .item:not(:first-child){
        display: none;
    }
    .backlight-wrapper.swiper-initialized .item{
        display: block;
    }
}
/*backlight-section./*/
/*when-order-section*/
.text-bloks-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 20px;
    margin-bottom: 20px;
}
.text-bloks-wrapper .item{
    border-radius: 10px;
    background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.when-order-new .item-body-text{
     background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
     height: 100%;
}
.when-order-section .item.all-width{
    grid-column:1/3;
}
.when-order-section .item{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.when-order .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    margin-bottom: 15px;
}
.when-order{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    margin-bottom: 30px;
}
.text-bloks-wrapper .title{
    margin-bottom: 15px;
}
.text-bloks-wrapper .mini-text{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 991px) {
    .text-bloks-wrapper{
        grid-gap: 20px;
    }
    .when-order{
        grid-gap: 20px;
    }
    .when-order-section .item {
        order: 0 !important;
    }
    .when-order-section .item.all-width{
        grid-column:1/2;
    }
    .when-order-section .video{
        gap: 15px;
    }
    .when-order-section .tech-slider-wrapper{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .when-order-section .item:first-child .tech-slider-wrapper{
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
	.text-bloks-wrapper{
        grid-template-columns: 1fr;
    }
    
    .when-order{
        grid-template-columns: repeat(2, 1fr);
    }
    .text-bloks-wrapper .mini-text{
        font-size: 15px;
    }
    .when-order .title{
        font-size: 15px;
        font-weight: 400;
    }
}
@media (max-width: 550px) {
    .when-order .img-wrapper{
        margin-bottom: 5px;
    }
}
/*when-order-section./*/


/*form-section*/
.form-section{
    display: flex;
}
.form-left{
    width: 585px;
    padding-right: 15px;
    margin-left:auto;
    margin-right: 0;
}
.form-right{
    width: 50%;
    padding-left: 15px;
}
.form-section .text{
    margin-bottom: 30px;
    padding-right: 100px;
}
.text.attantion{
    font-size: 12px;
    margin-bottom: 20px;
    padding-right: 0px;
}
.fancybox_modal .text.attantion{
    width: 370px;
}
.form-section .img-wrapper{
    width: 100%;
    height: 100%;
    aspect-ratio: 2/1;
    border-radius: 5px 0px 0 5px;
}
.form-section.invert .img-wrapper{
     border-radius: 0px;
}
.form-section.form-section-review .img-wrapper{
    border-radius: 5px 0px 0 5px;
}
.form{
    padding-right: 90px;
}
.form-control{
    border: none;
    border-bottom: 1px solid #272727;
    border-radius: 0;
    background: transparent;
    padding-left: 0;
    color: #272727;
    margin-bottom: 30px;
    height: auto;
    padding-bottom: 10px;
}
textarea.form-control{
    border-radius: 5px;
    border: 1px solid #27272799;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.form-group:last-of-type{
    margin-top: 20px;
}
label{
    margin-bottom: 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
}

.content img{
    border-radius: 5px;
    overflow: hidden;
}
/*form-section-two*/
.form-section.invert{
    padding: 0;
}
.form-section.invert .form-left{
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 1200px) {
    .form-left{
        width: 50%;
        margin-left: 15px;
    }
    .form-right{
        width: 50%;
        margin-right: 15px;
    }
    .form{
        padding-right: 50px;
    }
}
@media (max-width: 991px) {
    .form{
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
	.form-right{
        display: none;
    }
    .form-left{
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }
    .form-control{
        margin-bottom: 20px;
    }
    .form-section.invert .form-left{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width: 375px) {
	.form .button{
        width: 100%;
    }
}
/*form-section./*/
/*steps-section*/
.steps-section .item{
    display: none;
    grid-gap: 0 30px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
}
.steps-section .item.visible{
    display: grid;
    animation: shows 1s;
}

@keyframes shows {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.steps-section span{
    display: none;
}
.steps-section ol{
    list-style: auto;
    padding-left: 20px;
    grid-row: 2/3;
}
.steps-section .tabs{
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
    position: relative;
}
.steps-section .tabs .num{
    color: #3DAD4F;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.steps-section .tabs .title{
    font-size: 13px;
    font-weight: 400;
}
.steps-section .tab{
    position: relative;
    flex: 1;
}
.steps-section .tab .circle{
    background: #E2E2E2;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -40px;
    left: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: all ease-out 300ms;
}
.steps-section .tab.active .circle{
    background: #3DAD4F;
    transition: all ease-out 300ms;
}
.steps-section .tabs:before{
    content: '';
    background: #27272799;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 40px;
    left: 0;
}
.steps-section .title{
    margin-bottom: 20px;
    grid-row: 1/2;
}
.steps-section li{
    margin-bottom: 20px;
}
.steps-section li:last-child{
    margin-bottom: 0;
}
.steps-section .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    grid-row: 1/3;
}
.steps-section .item-icon{
    display: none;
}
@media (max-width: 991px) {
    .steps-section .item.visible{
        animation: none;
    }
	.steps-section .tabs{
        display: none;
    }
    .steps-section .item{
        display: grid;
        border-bottom:1px solid #3DAD4F;
        margin-bottom: 10px;
    }
    .steps-section .title{
        grid-column: 1/3;
        display: flex;
        grid-gap: 15px;
        align-items: center;
        margin-bottom: 10px;
        position: relative;
    }
    .steps-section span{
        display: block;
        color: #3DAD4F;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .steps-section .img-wrapper{
        grid-row: 2/3;
        display: none;
        margin-bottom: 20px;
        animation: shows_item_body_back 500ms;
        opacity: 0;
    }
    .steps-section .text{
        display: none;
        margin-bottom: 20px;
    }
    .steps-section ol{
        display: none;
        margin-bottom: 20px;
        animation: shows_item_body_back 500ms;
        opacity: 0;
    }
    .steps-section .item.active .img-wrapper{
        animation: shows_item_body 1s;
        opacity: 1;
    }
    .steps-section .item.active ol{
        animation: shows_item_body 1s;
        opacity: 1;
    }
    @keyframes shows_item_body_back {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes shows_item_body {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
        
    .steps-section .item-icon{
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
        margin-left: auto;
    }
    .steps-section .item-icon:before{
        position: absolute;
        content:'';
        background:#3DAD4F;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        top: calc(50% - 1px);
        transition: all 400ms ease-out;
        transform: rotate(180deg);
    }
    .steps-section .item-icon:after{
        position: absolute;
        display: block;
        content:'';
        background:#3DAD4F;
        width: 2px;
        height: 100%;
        border-radius: 2px;
        left: calc(50% - 1px);
        transition: all 400ms ease-out;
        transform: rotate(180deg);
    }
    .steps-section .item.active .item-icon:before{
        transform: rotate(0deg);
        transition: all 400ms ease-out;
    }
    .steps-section .item.active .item-icon:after{
        transform: rotate(-90deg);
        transition: all 400ms ease-out;
    }
}
@media (max-width: 500px) {
    .steps-section .title, .steps-section .img-wrapper, .steps-section o{
        grid-row: auto;
        grid-column: auto;
    }
    .steps-section .item{
        grid-template-rows: auto;
        grid-template-columns: auto;
    }
    .steps-section ol{
        margin-top: 10px;
    }
}
/*steps-section./*/
/*about-section*/

.about-section .text-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #272727;
}
.about-section.invert .text-wrapper{
    border-bottom: 1px solid #fff;
}

.team-section .img-wrapper{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    margin-bottom: 15px;
}
.team-section .title{
    font-weight: 600;
    margin-bottom: 5px;
}
.team-section .subtitle{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.team-inner{
    position: relative;
}
.team{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
.swiper-button-next-team svg{
    position: relative;
    right: 2px;
}
.swiper-button-prev-team svg{
    position: relative;
    right: 2px;
}
.swiper-button-next-team{
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .team{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 600px) {
    .team{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 375px) {
    .team{
        grid-template-columns: 270px;
    }
}
.team-wrapper.swiper-initialized .team{
    display: flex;
    grid-gap: 0;
}
.team-wrapper .item:not(:first-child){
    display: none;
}
.team-wrapper.swiper-initialized .item{
    display: block;
}


.about-section .swiper-button-next{
    right: -50px;
}
.about-section .swiper-button-prev{
    left: -50px;
}
.about-section .swiper-scrollbar{
    display: none;
}
@media (max-width: 1280px) {
    .about-section .arrow{
        display: none;
    }
}
@media (max-width: 991px) {
    .about-section .swiper-scrollbar{
        display: block;
    }
    .team-wrapper{
        padding-bottom: 40px;
    }
}
@media (max-width: 767px) {
	.about-section .text-wrapper{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 375px) {
	.team-wrapper .item{
        width: 270px !important;
    }
}
/*about-section./*/
/*question-section*/
.accordeon .item-body{
    display: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    margin-top: 15px;
    opacity: 0;
    animation: shows_item_body_back 1s;
}
@keyframes shows_item_body_back {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.accordeon .item.active .item-body{
    animation: shows_item_body 2s;
    opacity: 1;
}
@keyframes shows_item_body {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
    
.accordeon .item{
    border-bottom:1px solid #272727;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.accordeon .item-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.accordeon .item-icon{
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
.accordeon .item-icon:before{
    position: absolute;
    content:'';
    background:#272727;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    top: calc(50% - 1px);
    transition: all 400ms ease-out;
    transform: rotate(180deg);
}
.accordeon .item-icon:after{
    position: absolute;
    display: block;
    content:'';
    background:#272727;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    left: calc(50% - 1px);
    transition: all 400ms ease-out;
    transform: rotate(180deg);
}
.accordeon .item.active .item-icon:before{
    transform: rotate(0deg);
    transition: all 400ms ease-out;
}
.accordeon .item.active .item-icon:after{
    transform: rotate(-90deg);
    transition: all 400ms ease-out;
}

@media (max-width: 500px) {
	.accordeon .item{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .accordeon .item-body{
        margin-bottom: 10px;
    }
}
/*question-section./*/

/*reviews-section*/
.reviews-section .video{
    gap: 30px;
}
.reviews-section .video{
    grid-template-columns: repeat(3, 1fr);
}
.reviews-section .video .text{
    margin-bottom: 0;
}
.reviews-section .video iframe{
    margin-bottom: 15px;
}
.reviews-section .video .video-img{
    margin-bottom: 15px;
}
.reviews-section .title{
    margin-bottom: 30px;
}
.reviews-section .subtitle{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}
.reviews-section .swiper-pagination{
    display: none;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #3DAD4F;
    margin: 0 2.5px;
}
@media (max-width: 991px) {
    .reviews-section .video{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}
@media (max-width: 600px) {
    .reviews-section .video-wrapper.swiper-initialized .video{
        display: flex;
        grid-gap: 0;
    }
    .reviews-section .subtitle{
        font-size: 15px;
    }
    .reviews-section .video-wrapper .item:not(:first-child){
        display: none;
    }
    .reviews-section .video-wrapper.swiper-initialized .item{
        display: block;
    }
    .reviews-section .video{
        padding-bottom: 50px;
    }
    .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        background: #3DAD4F;
        margin: 0 2.5px;
    }
    .reviews-section .swiper-pagination{
        display: block;
    }
}
/*reviews-section./*/

/*features-section*/

.features{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.features .item{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    border-radius: 10px;
    background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
}
.features .title{
    color: #3DAD4F;
    font-feature-settings: 'hlig' on, 'dlig' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.features .text{
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 991px) {
    .features{
        grid-template-columns: 1fr 1fr;
    }
    
}
@media (max-width: 600px) {
    .features{
        grid-template-columns: 1fr;
    }
    .features .text{
        font-size: 13px;
    }
    
}
/*features-section*/
/*gallery*/
.gallery-section{
    padding: 120px 0;
    background: #272727;
    color:#fff;
}
.gallery-title h2{
    margin-bottom: 40px;
}
.gallery-wrapper .item{
    position: relative;
    height: auto;
    aspect-ratio: 1/1;
}
.gallery-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
.gallery-wrapper .plus{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 47%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.gallery-wrapper .plus svg{
    width: 50px;
    height: 50px;
    fill: #fff;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.gallery-wrapper .item:hover .plus{
    opacity: 1;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.gallery-wrapper .item:hover  .plus svg{
    transform: scale(1.3);
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.gallery-wrapper .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-wrapper .img-wrapper{
    height: 100%;
    width: 100%;
}
.gallery-wrapper .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 0;
    outline: none;
    background: #D0D0D0;
    bottom: -10px;
    position: absolute;
    border-radius: 100%;
}
.gallery-wrapper .slick-dots li button:hover{
    background: #3DAD4F;
}
.gallery-wrapper .slick-dots li.slick-active button{
    background: #3DAD4F;
}
.gallery-wrapper .slick-dots{
    width: calc(100% - 40px);
    margin: 0;
    display: flex;
    justify-content: space-around;
}
.gallery-wrapper .slick-dots li{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.gallery-wrapper .slick-dots li button{
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
}
.gallery-wrapper .slick-dots li:first-child button{
    border-radius: 5px 0px 0 5px;
}
.gallery-wrapper .slick-dots li:last-child button{
    border-radius: 0px 5px 5px 0px;
}
@media (max-width: 767px) {
    .gallery-wrapper{
        grid-gap: 20px;
    }
}
@media (max-width: 500px) {
    .gallery-wrapper{
        grid-template-columns: 1fr 1fr;
    }
}
/*gallery./*/
/*footer-section*/
.footer-section .logo-wrapper{
    flex-direction: column;
    grid-gap: 10px;
    margin-bottom: 24px;
    padding-right: 0;
}
.footer-section a{
    color: #fff;
    display: block;
}
.footer-section a:hover{
    color: #3DAD4F;
}
.footer-section .logo{
    width: 90px;
    height: 90px;
}
.footer-section .contacts{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 30px;
    justify-content: center;
}
.footer-section .contacts .text{
    font-weight: 500;
}
.footer-section .text{
    margin-bottom: 15px;
    display: block;
}
.footer-contacts .text{
    margin-bottom: 0;
}
.footer-section .text:not(.contacts .text):last-child{
    margin-bottom: 0px;
}
.logo-text{
    line-height: 150%;
}
.footer-contacts{
    display: flex;
    gap: 15px 30px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}
.footer-section br{
    display: none;
}
@media (max-width: 767px) {
	.footer-section{
        padding: 40px 0;
    }
    .footer-section .logo {
        width: 60px;
        height: 60px;
    }
    .footer-section .logo-wrapper{
        margin-bottom: 20px;
    }
    .footer-section .contacts .text{
        font-size: 18px;
    }
    .footer-section .contacts{
        grid-gap: 0 15px;
    }
}

/*footer-section./*/
/*contact-section*/
.contacts-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.contacts-wrapper iframe{
    width: 100%;
    height: 100%;
}
.contacts-text .title{
    margin-bottom: 10px;
}
.contacts-text .text{
    margin-bottom: 20px;
}
.map{
    border-radius: 5px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .contacts-wrapper{
        grid-template-columns: 1fr;
    }
    .contacts-wrapper iframe{
        height: 400px;
    }
}
/*contact-section./*/
/* THANKS  */
#responseMessageTitle{
    font-size: 25px;
    line-height: normal;
    margin: 0;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #000;
}
#responseMessage{
    display: none;
}
.fancybox_modal .title{
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    margin-bottom: 20px;
}
.fancybox_modal{
    display: none;
}
.more-modal{
    width: 600px;
    max-width:100%;
}
.none{
    display: none;
}
@media (max-width: 991px) {
    .catalog .item.swiper-slide .chars{
        display: none;
    }
    .catalog .button.none{
        display: flex;
        background: transparent;
        color: #3dad4f;
        margin-top: 20px;
        height: 40px;
        padding: 4px 10px 5px 10px;
    }
}
@media (max-width: 444px) {
	.fancybox_modal .button{
        width: 100%;
    }
}
@media (max-width: 400px) {
    .price{
        font-size: 16px;
    }
    .catalog .arrow{
        width: 25px;
        height: 25px;
    }
    .more-modal{
        padding: 44px 20px;
    }
}
/* /. THANKS  */

/*my pagination*/
.pag{
    display: flex;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-end;
    margin-top: 30px;
}
.pag button{
    display: inline-block;
}
.pag button{
    cursor: default;
}
.pag button{
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #272727;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #595959;
    font-weight: 100;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.invert .pag button{
    color: #fff;
}
.pag button:first-child{
    margin-left: 0;
}
.pag button:hover{
    background-color: #ffffff1f;
}
.pag .active, .pag .active:hover{
    background-color: #3DAD4F;
    color: #fff;
    border-color: #3DAD4F;
    cursor: default;
}
/*my pagination./*/
/*reviews-text-section*/
.reviews .item{
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
    border-radius: 10px;
    background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
}
.reviews .item .content{
    width: 100%;
}
.reviews .date{
    font-size: 15px;
    margin-top: 5px;
}
.reviews .content-header-inner{
    margin-bottom: 15px;
}
.reviews .reviews-text{
    color: #FFF;
    font-size: 15px;
}
.reviews .reviews-gallery{
    margin-top: 15px;
    display: flex;
    gap:15px;
    overflow-x: scroll;
}
.reviews .reviews-gallery::-webkit-scrollbar {
    width: 0px;
    height: 0;
}
.reviews .reviews-gallery .it{
    width: 100px;
    flex-shrink: 0;
}
.reviews{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.reviews .img-wrapper{
    height: 100%;
    width: 100%;
    display: block;
}
/*reviews-text-section./*/


/*map-main-section*/
.map-main{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
}
.map-main h2{
    margin-right: 30px;
    margin-bottom: 0;
}
.map-main-section{
    padding: 140px 0;
    position: relative;
}
.map-main-img{
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
}
.map-main span{
    color:#3DAD4F;
}
.map-main-img img{
    height: 100%;
    width: 100%;
    object-fit:cover;
}
@media (max-width: 1200px) {
    .map-main{
        align-items: center;
    }
}
@media (max-width: 990px){
  

}
@media (max-width: 767px) {
   .map-main{
       grid-template-columns: 1fr;
       grid-gap: 50px;
   } 
    .map-main-section{
        padding: 50px 0 20px;
    }
    .map-main h2{
        margin-bottom: 0px;
    }
    .map-main-img{
        position: relative;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
}
    
/*form-main-section./*/


/*product-page*/
.product-info h1{
    margin-bottom: 20px;
}
.product-page-columns{
    display: flex;
    gap:30px;
    padding: 30px 0 40px;
}
.product-slider{
    width: 450px;
}
.product-slider .img-wrap{
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
}
.product-slider .img-wrap img{
    border-radius: 5px;
    overflow: hidden;
}
.product-page .introtext p:last-child{
    margin-bottom: 0;
}
.product-page .introtext{
    margin-bottom: 20px;
    font-size: 15px;
}
.product-page .plan{
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 2px solid #F4F4F4;
    color: #fff;
    font-size: 15px;
    width: 200px;
    height: 40px;
    margin-bottom: 20px;
}
.product-page .plan:hover{
    border-color:#3DAD4F;
    background: #3DAD4F;
}
.product-page .price-time{
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
.product-page .item-title{
    font-size: 15px;
    margin-bottom: 10px;
}
.product-page .item-value{
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
}
.product-page .more{
    display: flex;
    width: 25px;
    height: 25px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #fff;
    opacity: 0.7;
    flex-shrink: 0;
}
.product-page .more:hover{
    background: #3DAD4F;
    border-color: #3DAD4F;
}
.product-page .feedback-product{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.product-page .feedback-title{
    color: #3DAD4F;
    font-size: 25px;
    font-weight: 600;
}
.product-page .feedback-text{
    font-size: 16px;
    font-weight: 400;
    color: #afafaf;
}
.product-page .feedback-body{
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}
.product-page .feedback-qrs{
    display: flex;
    gap: 10px;
    align-items: flex-end;
}
.product-page .feedback-qrs .item{
    width: 100px;
    border-radius:5px;
    overflow: hidden;
}
.product-page .socials{
    display: flex;
    gap: 20px;
    padding: 0;
    display: none;
}
.product-page .socials .item{
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100%;
}
.product-page .socials .item:hover{
    filter: brightness(1.2);
}
.product-page .socials .item{
    border:none;
}

.product-page .socials svg {
    fill: #ffffff;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    transition: all 200ms ease-out;
}
.product-page .socials .item.whatsapp svg{
    width: 25px;
    height: 25px;
}
.product-page .feedback-buttons{
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
}
.product-page .phone-form{
    display: flex;
    width: 100%;
}
.product-page .phone-form form{
    display: flex;
    gap: 10px;
    width: 100%;
}
.product-page .form-group{
    margin: 0 !important;
    width: 100%;
}
.product-page .button{
    padding: 8px 40px;
    height: 100%;
}
.product-page .phone-form .form-control{
    border: 1px solid #ffffff69;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
}
.product-page .buttons-wrapper{
    display: flex;
    gap: 15px 30px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.product-page .product-images{
    margin-bottom: 40px;
}
.product-page .error_g-recaptcha-response{
    display: none;
}
.product-images-additional{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
.product-images-additional-wrapper.swiper-initialized .product-images-additional{
    display: flex;
    grid-gap: 0;
}
.product-images-additional-wrapper .item:not(:first-child){
    display: none;
}
.product-images-additional-wrapper.swiper-initialized .item{
    display: block;
}
.product-images-additional{
    margin-bottom: 60px;
}
.products-images-additional-section .plan{
    margin-bottom: 0;
}
.products-images-additional-section .section-header{
    align-items: center;
}
@media (max-width: 1259px) {
    .product-page .feedback-text{
        font-size: 14px;
    }
    .product-page .feedback-title{
        font-size: 20px;
    }
}
@media (max-width: 991px) {
  .product-page-columns{
      flex-direction: column;
  }
  .product-slider{
      width: 100%;
  }
  .product-images-additional{
        grid-template-columns: repeat(3, 1fr);
    }
    .product-page-header h1{
        margin-bottom: 10px;
    }
    .product-page-header .address-object{
        margin: 0;
    }
    .product-page-columns{
        padding-bottom: 10px;
    }
}
@media (max-width: 767px) {
	.product-page .socials{
        display: flex;
    }
    .product-page .feedback-qrs{
        display: none;
    }
}
@media (max-width: 600px) {
    .product-images-additional{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 500px) {
    .product-info{
        text-align: center;
    }
    .product-page .plan{
        margin-right: auto;
        margin-left: auto;
    }
	.product-page .introtext{
	    font-size: 13px;
	    margin-bottom: 20px;
	}
	.product-page .title-h2{
	    margin-bottom: 20px;
	    font-weight: 400;
	}
	.product-page .plan{
	    margin-bottom: 20px;
	}
	.products-images-additional-section .plan {
        margin-bottom: 0;
    }
	.product-page .price-time{
	    margin-bottom: 20px;
        justify-content: center;
	}
	.product-page .item-value{
	    font-size: 20px;
	}
	.product-page .buttons-wrapper{
	    width: 100%;
	}
	.phone-form{
	    width: 100%;
	}
	.product-page .button{
	    padding: 8px 10px;
	    font-size: 15px;
	    flex-grow: 1;
	    width: 100%;
	    flex-grow:1;
        flex-basis: 0;
        min-height: 42px;
	}
	.product-page .item-title{
	    font-size: 12px;
        margin-bottom: 4px;
	}
	.product-page .item-value{
	    font-size: 15px;
	}
	.product-page .feedback-product{
	    width: 100%;
	}
    .product-page .feedback-buttons{
        flex-direction: column;
        width: 100%;
    }
    .product-page .phone-form{
        flex-direction: column;
    }
    .product-page .phone-form .form-group{
        flex-grow:1;
        flex-basis: 0;
    }
    .product-page .phone-form form{
        flex-direction: column;
    }
    .product-page .buttons-wrapper{
       /*  flex-direction: column; */
       gap: 15px 10px;
    }
}
@media (max-width: 425px) {
    
}
@media (max-width: 375px) {
    .product-images-additional{
        grid-template-columns: 1fr;
    }
    .product-page .feedback-title{
        font-size: 15px;
    }
    .product-page .feedback-text{
        font-size: 12px;
    }
}
@media (max-width: 335px) {
    .product-page .buttons-wrapper {
        flex-direction: column;
        gap: 15px 10px;
    }
}
/*product-page./*/



/* tabs */
.box{
    position: fixed;
    top: -999999999px;
    left: -999999999px;
    opacity: 0;
    width: 1270px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}
.box.visible{
    position: static;
    top: auto;
    left: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
}
ul.tabs {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

ul.tabs li{
    display: flex;
    width: 200px;
    height: 50px;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 2px solid #F4F4F4;
    color: #F4F4F4;
    font-size: 15px;
    cursor: pointer;
}
ul.tabs li.current,
ul.tabs li.current:hover,
ul.tabs li:hover{
    background: #3DAD4F;
    border-color: #3DAD4F;
}
.link-tp a{
    color:#3DAD4F;
    text-transform: none;
}
.buttons-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
}
.link-tp{
    color:#3DAD4F;
}
ul.tabs li a:hover{
    color:#fff;
}
.mobile-tab-header{
    display: none;
}

@media only screen and (max-width: 1170px){
    ul.tabs li{
        padding: 0px 11px;
        font-size: 13px;
    }
}
@media only screen and (max-width: 991px){
    ul.tabs{
        gap: 10px;
    }
    ul.tabs li{
        width: 170px;
        height: 40px;
    }
}
@media only screen and (max-width: 767px){

    ul.tabs {
        position: relative;
        display: none;
        border: none;
    }
    .characteristics-table table{
        width: 100%;
    }
    .mobile-tab-header:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 24px;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .mobile-tab-header.active:after {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: -4px;
    }
    ul.tabs li:not(.tabs-reviews li) {
        padding: 15px;
        max-width: 100%;
        border: 1px solid #E9E9E9;
        border-top: none;
        display: block;
        height: auto;
        text-align: left;
        text-transform: none;
        font-size: 15px;
    }
    ul.tabs li.current:not(.tabs-reviews li.current){
        display: none;
    } 
    ul.tabs li:last-of-type:not(.tabs-reviews li:last-of-type){
        border-radius: 0 0 3px 3px;
    }
    .mobile-tab-header.active + ul.tabs{
        display: block;
        margin-top: -2px;
        max-width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
}
@media only screen and (min-width: 768px){
    .tabs.mobile{
        display: flex !important;
    }
}

.accordeon-tabs .item-head{
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    padding: 15px 0 0px;
}
.accordeon-tabs .item-icon{
    width: 23px;
    height: 23px;
    position: relative;
	transition: all 200ms ease-out;
}
.accordeon-tabs .item-icon:before{
    content:'';
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    background: #fff;
	transition: all 200ms ease-out;
	position: absolute;
	border-radius:2px;
}
.accordeon-tabs .item-icon:after{
    content:'';
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    border-radius:2px;
    transform:rotate(90deg);
	transition: all 200ms ease-out;
}
.accordeon-tabs .box.active .item-icon:after{
    transform:rotate(0deg);
}
.accordeon-tabs .box.active .item-icon{
    
}
.accordeon-tabs .box.active .item-icon:before{
    
}
.accordeon-tabs .item-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
	transition: all 200ms ease-out;
}
.accordeon-tabs .item-head .item-title{
    font-weight: 500;
    display: none;
    color:#fff;
    line-height: 1.3;
    width: calc(100% - 60px);
    font-size: 20px;
	transition: all 200ms ease-out;
}
.accordeon-tabs .item{  
    margin-bottom: 3px;
}
@media (max-width: 767px) {
    .accordeon-tabs .item-head .item-title{
        font-size: 18px;
        display: block;
        margin-bottom: 0;
    }
    .accordeon-tabs .box .item-body {
        font-size: 16px;
        margin-top: 15px;
    }
    .accordeon-tabs .box{
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
    }
    .section-tabs.accordeon-tabs .item-head{
        display: flex;
    }
    .section-tabs .box {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 5px !important;
    }
    .section-tabs.accordeon-tabs .item-body{
        display: none;
    }
    
}
@media (max-width: 767px) {
    
}
@media (max-width: 467px){
    .section-tabs .color-tab .item{
        width:100%;
    }
    .section-tabs .color-tab .img-wrap{
        width: 100%;
    }
}
@media (max-width: 560px){

}

/* tabs ./*/

/* table */
table {
	border-collapse: collapse;
	border: none;
}

table td,
table th {
	padding: 14px 20px;
	font-size: 14px;
	vertical-align: middle;
}

table th {
    font-weight: bold;
    background: #e9e9e9;
    color:#000;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

td {
  border: solid 1px #e7e7e7;
  border-style: none solid solid none;
  padding: 10px;
}
tr:first-child td:first-child { border-top-left-radius: 4px; border-left: 1px solid #e7e7e7;}
tr:first-child td:last-child { border-top-right-radius: 4px; border-right: 1px solid #e7e7e7;}
tr:first-child { border-top: 1px solid #e7e7e7;  border-right: 1px solid #e7e7e7;}


tr:last-child td:first-child { border-bottom-left-radius: 4px; }
tr:last-child td:last-child { border-bottom-right-radius: 4px; }

tr:first-child td { border-top-style: solid; }
tr td:first-child { border-left-style: solid; }

.characteristics-table table{
    border: none;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1px;
}
.characteristics-table thead{
    display: none;
}
.characteristics-table td{
    border-color:#F4F4F4;
    padding: 10px 12px;
    font-size: 15px;
}
.characteristics-table .char_name{
    font-size: 15px;
}
.characteristics-table tr:nth-child(even){
    background: #3DAD4F;
    color:#f4f4f4;
}
.characteristics-table tr:nth-child(even) td:nth-child(1){
    color:#f4f4f4;
}
.characteristics-table td:nth-child(1){
    color:#f4f4f4;
    font-weight:600;
}
@media (max-width: 991px) {
  
}
@media (max-width: 767px) {
	
}
/* table ./ */

/*сomponents*/
.item-section .title{
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
}
.сomponents{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.сomponents .item{
    width:100%;
}
.сomponents .item .title{
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}
.сomponents .item .text{
    font-size: 15px;
    font-weight: 400;
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.сomponents .item .img-wrap{
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.tabs-сomponents{
    display: none;
}
@media (max-width: 991px) {
  .сomponents{
      grid-template-columns: repeat(5,1fr);
      gap: 20px;
  }
}
@media (max-width: 767px) {
	.tabs-сomponents{
	    display: flex;
        gap: 15px;
        align-self: stretch;
        overflow-x: scroll;
        
	}
	.tabs-сomponents li{
	    display: flex;
        height: 45px;
        padding: 8px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        border: 2px solid #F4F4F4;
        color: #F4F4F4;
        font-size: 15px;
        font-weight: 400;
        white-space: nowrap;
        margin-bottom: 20px;
        transition: all 200ms ease-out;
	}
	.tabs-сomponents li.current, .tabs-сomponents li:hover{
	    background: #3DAD4F;
	    border-color:#3DAD4F;
	}
	.box-сomponents{
	    display: none;
	}
	.box-сomponents.visible{
	    display: block;
	}
	.сomponents {
        grid-template-columns: repeat(4,1fr);
    }
    .item-section .title{
        display: none;
    }
    .сomponents .item .title{
        display: block;
        font-size: 13px;
    }
    
}
@media (max-width: 500px) {
    .сomponents {
        grid-template-columns: repeat(3,1fr);
    }
}
@media (max-width: 400px) {
    .сomponents {
        grid-template-columns: repeat(2,1fr);
    }
}
/*сomponents./*/

/*delivery-pay-tab*/
.delivery-pay{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap:30px;
}
.delivery-pay .item {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(96deg, #343434 30.33%, rgba(52, 52, 52, 0.00) 97.59%);
}
.delivery-pay .item h3{
    color:  #3DAD4F;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.delivery-pay .item ol, .delivery-pay .item ul{
    list-style: auto;
}
.delivery-pay .item li{
    margin-left: 20px;
    margin-bottom: 15px;
}
.delivery-pay .item.info{
    grid-row:1/3;
}
.delivery-pay .item.pay{
    grid-row:1/2;
    grid-column:2/3;
}
.delivery-pay .item.delivery{
    grid-row:2/3;
    grid-column:2/3;
}
@media (max-width: 991px) {
  .delivery-pay .item{
      font-size: 13px;
  }
  .delivery-pay .item h3{
      font-size: 15px;
  }
  .delivery-pay{
      gap:20px;
  }
}
@media (max-width: 767px) {
	.delivery-pay .item{
        grid-row:auto !important;
        grid-column:auto !important;
    }
    .delivery-pay{
        grid-template-columns: 1fr;
    }
    .delivery-pay .item{
        padding: 15px;
    }
}
@media (max-width: 550px) {
    .characteristics-table .char_name{
        font-size: 13px;
    }
    .characteristics-table td{
        font-size: 13px;
    }
}
/*delivery-pay-tab./*/


/*modal-more*/
.modal-more{
    width: 100%;
    max-width:345px;
    padding: 20px 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 10px;
    background: #272727;
    box-shadow: 0px 4px 10px 0px #242424;
    color:#FFF;
    font-size: 15px;
    font-weight: 400;
    display: none;
}
.modal-more .title{
    color: #3DAD4F;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.modal-more ul{
    list-style: disc;
}
.modal-more ul li{
    margin-left: 20px;
}
.modal-more .item{
    margin-bottom: 20px;
}
/*modal-more./*/

/*fileInput*/
.fileInput{
    position: relative;
}
.fileInput input{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}
.fileInput label{
    display: flex;
    width: 200px;
    height: 50px;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #272727;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.fileInput label:hover{
    background: #3DAD4F;
    border-color:#3DAD4F !important;
}

.images-slider{
    width: 100%;
    margin: 0 auto;
    margin-left: 0;
}

.images-slider .slick-track{
    display: flex;
    gap: 10px;
    margin: 0 -10px;
}
.images-slider .item{
    border: 1px solid #E3E3E3;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}   
.images-slider .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images-slider .item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: trsnasparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 29px;
    opacity: 1;
    transition: all 200ms ease-out;
}
.images-slider{
  
}
.images-slider .slick-prev,  .images-slider .slick-next{
  color:transparent;
  position: absolute;
}


form.form-reviews .img-wrapper{
    border: 3px solid #E3E3E3;
    border-radius: 23.7px;
    width: 474px;
    height: 474px;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.form-reviews input.disabled{
    background: #F8F6F6;
    border: 1px solid #F8F6F6;
    margin-bottom: 60px;
}

.images-slider .delete:hover{
    background: #3dad4f;
}
.images-slider .delete{
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    z-index: 100;
    border-radius: 100%;
    background: #272727;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms ease-out;
}
.fileInputLabel svg{
    width: 40px;
    height: 40px;
    transform: rotate(325deg);
    background: #272727;
    padding: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px #00000012;
}

.images-slider a:focus{
  outline:0;
}

.addPhoto label .icon-plus{
    width: 15px;
    height: 15px;
    display: block;
    position: relative;
    flex-shrink: 0;
}
.addPhoto label .icon-plus:before{
    position: absolute;
    content:'';
    background:#272727;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    top: 7px;
    transition: all 400ms ease-out;
    transform: rotate(180deg);
}
.addPhoto label .icon-plus:after{
    position: absolute;
    display: block;
    content:'';
    background:#272727;
    width: 1px;
    height: 100%;
    border-radius: 1px;
    left: 7px;
    transition: all 400ms ease-out;
    transform: rotate(180deg);
}
.file-input-subtitle{
    color: #272727;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
}
ul.tabs-reviews li{
    white-space: nowrap;
}
ul.tabs-reviews{
    overflow-x: scroll;
    flex-wrap: nowrap;
}
ul.tabs-reviews::-webkit-scrollbar {
    width: 0px;
    height: 0;
}
.form-section.invert .fileInputLabel svg{
     background: #fff;
}
.form-section.invert .fileInput label{
    border-color: #F4F4F4;
}
.form-section.invert .form-reviews .delete{
    background: #272727;
}
.form-section.invert .addPhoto label .icon-plus:before{
    background:#fff;
}
.form-section.invert .addPhoto label .icon-plus:after{
    background:#fff;
}
.form-section.invert .file-input-subtitle{
    color: #FFF;
}
@media (max-width: 767px) {
	ul.tabs-reviews{
	    display: flex;
	}
}
/*fileInput./*/

/*services-inner*/

.services-inner{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 30px;
}
.services-inner .img-wrapper{
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
}
.services-inner .title{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: 10px;
    color: #272727;
    transition: all 200ms ease-out;
}
.services-inner .item:hover .title{
    color: #3DAD4F;
}
.simplesearch-paging{
    display: flex;
    gap:15px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.simplesearch-result{
    display: flex;
    gap:15px;
    padding: 20px;
    background: linear-gradient(95.88deg, #dcdcdc85 -6.97%, rgba(255, 255, 255, 0) 67.61%);
    border-radius: 10px;
    margin-bottom: 30px;
}
.simplesearch-result .img-wrap{
    position: relative;
    width: 70px;
    height: 70px;
}
.simplesearch-result .text-wrap{
    width: calc(100% - 70px - 15px);
}
.simplesearch-result .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.simplesearch-result h3, .simplesearch-result h3 a{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    color: #3DAD4F;
}
.simplesearch-page a{
    color: #3DAD4F;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
    width: 35px;
    height: 35px;
    gap: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3DAD4F
}
.simplesearch-page.simplesearch-current-page{
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
    width: 35px;
    height: 35px;
    gap: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3DAD4F;
    background: #3DAD4F;
}
.simplesearch-page a:hover{
    background: #3DAD4F;
}
@media (max-width: 991px) {
	.services-inner{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px;
    }
}
@media (max-width: 767px) {
	.services-inner{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px;
    }
    .simplesearch-paging{
        gap: 9px;
    }
    .simplesearch-page a, .simplesearch-page.simplesearch-current-page{
        height: 25px;
        width: 25px;
        font-size: 12px;
        border-radius: 7px;
    }
    .simplesearch-result h3, .simplesearch-result h3 a{
        font-size: 15px;
        line-height: 18.29px;
    }
    .simplesearch-highlight{
        color: #3DAD4F;
        font-weight: bold;
    }
}
@media (max-width: 600px) {
    .services-inner{
        grid-template-columns: repeat(2,1fr);
    }
    .services-inner .title{
        font-size: 13px;
    }
}
@media (max-width: 375px) {
    .simplesearch-result .img-wrap{
        width: 45px;
        height: 45px;
    }
    .simplesearch-result .text-wrap{
        width: calc(100% - 45px - 15px);
    }
    .simplesearch-result{
        padding: 15px;
    }
    .simplesearch-result h3, .simplesearch-result h3 a{
        font-weight: 400;
    }
}
/*services-inner./*/

/*tags*/

.tags{
    display: flex;
    gap: 10px;
    margin-bottom: -20px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.tags .item{
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 20px;
    border: 1px solid #272727;
    color: #272727;
}
.tags .item:hover{
    background: #3DAD4F;
    color: #fff;
    border-color: #3DAD4F;
}
.tags-wrap.invert{
    background-color: #272727;
}
.tags-wrap.invert .tags{
    margin-bottom: 0;
    margin-top: 0;
}
.tags-wrap.invert .tags .item{
    border: 1px solid #fff;
    color: #fff;
}

@media (max-width: 767px) {
	.tags .item.hid-mob{
	    display: none;
	}
	.tags .item {
        padding: 3px 10px;
        font-size: 10px;
    }
    .tags{
        gap: 5px;
        margin-bottom: 0;
    }
}
/*tags./*/

.swiper-button-lock {
    display: none !important;
}

.address-object{
    margin-bottom: 20px;
}
.address-object span{
    font-weight: bold;
    font-size: 17px;
}
/* messagers fixed buttons */
.messagers-block{
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 1000;
}
.messagers-block-main-btn{
    background: url(../images/feedbackbutton.svg) 50% 50% no-repeat #3DAD4F;
    border: 2px solid #3DAD4F;
    background-size: 80%;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    cursor: pointer;
    animation: btnpulse 2s infinite;
    position: relative;
    z-index: 10;
}

@-webkit-keyframes btnpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(38,194,74, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(38,194,74, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(38,194,74, 0);
  }
}
@keyframes btnpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(38,194,74, 0.9);
    box-shadow: 0 0 0 0 rgba(38,194,74, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(38,194,74, 0);
      box-shadow: 0 0 0 20px rgba(38,194,74, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(38,194,74, 0);
      box-shadow: 0 0 0 0 rgba(38,194,74, 0);
  }
}
.messagers-block-main-btn:hover {
    animation: none;
}
.messagers-block.active .messagers-block-main-btn{
    background: url(../images/feedbackbutton-active.svg) 50% 50% no-repeat #fff;
    animation: none;
}
.messagers-block-buttons{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.messagers-block-buttons > a{
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    z-index: 5;
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    cursor: pointer;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.messagers-block-buttons > a:hover{
    -webkit-filter: brightness(114%);
    filter: brightness(114%);
}
.messagers-block-buttons > a.telegram-btn{
    background: #2ca8dd url(../images/telegram.svg) 50% no-repeat;
    background-size: 80%;
}
.messagers-block-buttons > a.whatsap-btn{
    background: #3DAD4F url(../images/whatsapp.svg) 50% no-repeat;
    background-size: 60%;
}
.messagers-block-buttons > a.viber-btn{
    background: #7360F2 url(../images/viber.svg) 50% no-repeat;
    background-size: 60%;
}
.messagers-block-buttons > a.phone-btn{
    background: #2e79f2 url(../images/messagers-btns-phone.svg) 50% no-repeat;
    background-size: 50%;
}
.messagers-block.active .messagers-block-buttons > a:nth-of-type(4){
    -webkit-transform: translate( 0, -190px);
    transform: translate( 0, -190px);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}

.messagers-block.active .messagers-block-buttons > a:nth-of-type(1) {
    -webkit-transform: translate( 0, -55px);
    transform: translate( 0, -55px);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}
.messagers-block.active .messagers-block-buttons > a:nth-of-type(2){
    -webkit-transform: translate( 0, -100px);
    transform: translate( 0, -100px);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.messagers-block.active .messagers-block-buttons > a:nth-of-type(3){
    -webkit-transform: translate( 0, -145px);
    transform: translate( 0, -145px);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.messagers-block.active .messagers-block-buttons > a{
    visibility: visible;
    opacity: 1;
}
/* /. messagers fixed buttons */
/**************************************************   MEDIA QUERIS   *****************************************************/

@media (max-width: 1259px) {
    
}
@media (max-width: 991px) {
  
}
@media (max-width: 767px) {
	
}
@media (max-width: 444px) {
	
}
@media (max-width: 375px) {
	
}
@media (max-width: 767px) {

}
@media (min-width: 768px) {
  
}
@media (min-width: 992px){

}
@media (min-width: 1260px) {

}