html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #2b2a29;
    background-color: #fff;
    line-height: 24px;
    min-width: 360px;

}

p, ul li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #2b2a29;
    line-height: 24px;
}


a,a:hover {
    text-decoration: none;
    color: #2b2a29;
}

a.yellowbutton,
a.greenbutton,
a.fantom-button-yellow,
a.fantom-button-green
{
    white-space: nowrap;
}

h1,h2,h3,h4{
    color: #2b2a29;
}

.headertop {
    background-color: #2b2a29;
    padding: 10px 0;
    color: #fff;
}

.headertop a {
    color: #ffc338;
    text-decoration: underline;
}

.headertop a:hover {
    color: #ffc338;
    text-decoration: none;
}

.middletop {
    background-color: #fbfbfb;
    padding: 20px 0;
}

ul li a.sites {
    font-size: 14px;
    color: #6d6d6d;
    background: url("../images/select.png") no-repeat center right;
    text-decoration: none;
    padding-right: 20px;
}


h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 32px;
    margin-left: 20px;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: flex-start;
}

.nav-link {
    display: block;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
}


ul.nav li a, a.search {
    color: #2b2a29;
    font-weight: 500;
    font-size: 14px;
}

ul.nav li a {
    margin: 0 20px;
}


a.search {
    background: url("../images/search.png") no-repeat center left;
    padding-left: 30px;
    display: block;
    width: 50%;
    line-height: 25px;
}

a.about {
    font-size: 14px;
    color: #2b2a29;
    font-weight: 500;
    background: url("../images/selectblack.png") no-repeat center right;
    text-decoration: none;
    padding-right: 20px;
    display: block;

}

.bottomtop {
    padding: 20px 0;
}

.slogandescription {
    margin-left: 30px;
    color: #2b2a29;
    margin-top: 19px;
}

span.phone a, span.phone a:hover {
    font-size: 22px;
    font-weight: 600;
    float: right;
}

span.time {
    background: url(../images/point.png) no-repeat center left;
    padding-left: 20px;
    margin-top: 19px;
}

a.yellowbutton,
button.yellowbutton{
    background: rgb(251,203,89);
    background: linear-gradient(0deg, rgba(251,203,89,1) 0%, rgba(250,232,151,1) 100%);
    display: inline-block;
    padding: 15px 29px;
    color: #2b2a29;
    font-size: 15px;
    font-weight: 500;
    border: none;
}

button.yellowbutton {
    display: block;
}


a.greenbutton {
    background: rgb(138,173,29);
    background: linear-gradient(0deg, rgba(138,173,29,1) 0%, rgba(199,236,82,1) 100%);   display: block;
    padding: 15px 35px;
    color: #2b2a29;
    font-size: 16px;
    font-weight: 500;
}

.margin-top-19 {
    margin-top: 19px
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-20 {
    margin-right: 20px;
}

.white-line {
    background-color: #fbfbfb;
    height: 2px;
}

a.catalog-window {
    display: block;
    background-color: #8aac1d;
    padding: 15px 45px 15px 40px;
    width: 27%;
}


a.catalog-window span  {
    display: block;
    background: #8aac1d url(../images/burger.png) no-repeat center left;
    padding-left: 30px;
    color: #fff;
    font-size: 16px;

}

ul.menu-catalog  {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline-flex;
    white-space: nowrap;

 }


ul.menu-catalog li {
    float: left;
    padding: 12px 20px;
}


ul.menu-catalog li a {
    font-size: 14px;
    color: #2b2a29;
    list-style: none;
}

ul.menu-catalog li:hover {
    border-bottom: 2px solid #ffc338;
}

.left-cmenu {

    height: 50px;
    background: url(../images/leftmenu.png) no-repeat center center;
    width: 4%;
    cursor: pointer;
}

.right-cmenu {

    height: 50px;
    background: url(../images/rightmenu.png) no-repeat center center;
    width: 4%;
    cursor: pointer;
}

.cmenu {
    width: 84%;
    overflow: hidden;

}

.gallery-title {
    font-size: 40px;
    position: absolute;
    top: 20%;
    left: 10%;
    line-height: 50px;
    font-weight: 600;
}

.gallery-discription {
    font-size: 24px;
    position: absolute;
    top: 49%;
    left: 10%;
    line-height: 33px;

}

.bnext {
    background: #fff url(../images/right.png) no-repeat center 14px;
    right: 0;
}

.bnext:hover {
    background: #fff url(../images/right.png) no-repeat center -28px;
}

.bnext {
    border-radius: 3px 0 0 3px;
}

.bprev {
    background: #fff url(../images/left.png) no-repeat center 14px;
    left: 0;
}

.bprev:hover {
    background: #fff url(../images/left.png) no-repeat center -28px;
}

.bprev {
    border-radius: 0px 3px 3px 0px;
}



.bnext, .bprev {
    background-color: #fff;
    padding: 25px 15px;
}

.bnext:after, .bprev:after {
    content: "";
}



.bp .swiper-pagination-bullet {
    border-radius: 5px;
    opacity: initial;
    color: #fff;
    width: 25px;
    background-color: #fff;
    transform: scale(1);
}

.bp .swiper-pagination-bullet-active {
    background-color: #e85222;
    width: 25px;
}

.bp .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 130px!important;
    transform: scale(1);
}

.bp .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 46%;
}

.zamer {
    position: absolute;
    top: 65%;
    left: 10%;
}

.margin-top-100 {
    margin-top: 100px;
}

h2 {
    font-size: 36px;
    font-weight: 600;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.w-100 {
    width: 100%;
}

.imgadv {
    background: url(../images/advv.png) no-repeat center center;
    height: 570px;
    position: relative;
}

.imgadvtext {
    position: absolute;
}

.iat-one {
    font-size: 22px;
    font-weight: 600;
    color: #2b2a29;
    line-height: 29px;
}

.iat-one span {
    color: #8aac1d;
}

.iat-two {
        font-size: 15px;
    margin-top: 20px;
}

.imgadvtext {

    width: 350px;
    left: 9%;
    top: 30%;

}



ul.list-advantage li {
    list-style: none;
    padding-left: 55px;
    margin-bottom: 22px;

}

ul.list-advantage li span:first-child {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 34px;
}

.t-img {
    background: url(../images/wind.jpg) no-repeat center top;
    width: 100%;
    height: 632px;
    background-size: contain;
}

.t-img2 {
    background: url(../images/wind2.jpg) no-repeat center top;
    width: 100%;
    height: 632px;
    background-size: auto;
    display: inline-block;
}


.tsubtitle {
    font-size: 26px;
    font-weight: 600;
    margin-top: 60px;
    margin-left: 130px;
}

.tdescription {
    margin-top: 20px;
    margin-left: 130px;
}

.tsubtitle2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 70px;
    margin-left: 30px;

}

.tdescription2 {
    margin-top: 20px;
    margin-left: 30px;
}


.hiin {
    padding: 40px;
    background-color: #F8F8F8!important;
    border-radius: 10px;
}




.hi-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
}

.har-inn {
    padding: 40px;
    min-height: 240px;
}

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hi-description {
    width: 73%;
    margin-bottom: 15px;
}

.vz-1 {
    background: #fff url(../images/form4.png) no-repeat center center;
    padding: 25px 40px;
}

.vz-title {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 15px;

}

.vz-title  span {
    color: #8aac1d;
    font-size: 49px;
}

.vz-description {
    font-size: 16px;
    margin-bottom: 15px;
}

.vz-1 input {
    border: none;
    border-bottom: 1px solid #000;
    background-color: #F8F8F8;
    padding: 3px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

span.gray {
    font-size: 12px;
    line-height: 14px;
    color: #bdbdbd;
}

.vz-2 {
    background: #fff url(../images/form5.png) no-repeat center center;
    padding: 60px;
}


.vz-title2,
.vz-description2
{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;

}

.vz-description2 {
    line-height: 63px;
}

.vz-title2 {
    margin-bottom: 76px;
}

.vz-title2  span {
    color: #8aac1d;
    font-size: 40px;
}

.vz-description2 span {
    color: #8aac1d;
    font-size: 80px;
    font-weight: bold;
}

.tabs {
    margin: 40px 0 0 0px;
}
.tabs__caption {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    /*  margin: -1px 0 0 -1px; */
    padding-left: 0;

}
/*.tabs__caption li:last-child:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: -2px;
    z-index: -1;
    height: 5px;
    background: #7DCA86;
} */
.tabs__caption:after {
    content: '';
    display: table;
    clear: both;
}
.tabs__caption li {
    padding: 15px 25px;
    margin: 1px 0 0 1px;

    color: #000;
    position: relative;

    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.tabs__caption li:not(.active) {
    cursor: pointer;
}
/*.tabs__caption li:not(.active):hover {
    background: #7DCA86;

} */
.tabs__caption .active {
    background: #FFF;
    color: #000;

}
.tabs__caption .active:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
  /*  height: 5px; */
    background: #FFF;
}
.tabs__content {
    display: none;
    background: #FFF;
    border-radius: 0 5px 5px 5px;
    width: 100%;

}
.tabs__content.active {
    display: flex;
}

.vertical .tabs__caption {
    float: left;
    display: block;
}
.vertical .tabs__caption li {
    float: none;
    border-width: 2px 0 2px 2px;
    border-radius: 5px 0 0 5px;
}
.vertical .tabs__caption li:last-child:before {
    display: none;
}
.vertical .tabs__caption .active:after {
    left: auto;
    top: 0;
    right: -2px;
    bottom: 0;
    width: 2px;
    height: auto;
}
.vertical .tabs__content {
    overflow: hidden;
}

ul.tabs__caption li:nth-child(1) {

}

ul.tabs__caption {

}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-30 .ddh {
    margin-top: 45px;
}

.tabs ul li.active,
.tabs ul li:hover
{
    background: rgb(251,203,89);
    background: linear-gradient(0deg, rgba(251,203,89,1) 0%, rgba(250,232,151,1) 100%);
    display: inline-block;
    padding: 15px 32px;
    color: #2b2a29;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    border: none;
    line-height: 37px;

}

.tabs ul li {
    border-radius: 5px;
    border: 2px solid #ffc338;
    margin: 0 10px;
    line-height: 33px;
    color: #ffc338;
    font-weight: 500;
    font-size: 16px;
    padding: 15px 30px;
}

.tabs__caption {
    display: flex;
    justify-content: center;

}

.m-catalog-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}



.m-catalog-description {
    font-size: 16px;
    margin-bottom: 30px;
}

.m-catalog-price {
    font-size: 26px;
    font-weight: bold;
}

.m-catalog-img {
    height: 260px;
    text-align: center;
}

.m-catalog-img img{
    display: inline-block;
    max-width: 100%;

}

.m-catalog-price {
    margin-bottom: 30px;
    text-align: center;
}

.m-catalog-button {
    text-align: center;
    margin-bottom: 20px;
}

.m-catalog-description-in {
    display: inline-block;
    text-align: left;
}

.m-catalog-description {
    text-align: center;
}

.b-img {

    background: url(../images/back.jpg) no-repeat center center;
    width: 100%;
    height: 618px;
}

.mainform {
    padding: 50px 40px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 65px;
    -webkit-box-shadow: 0px 4px 14px 0px rgba(34, 60, 80, 0.12);
    -moz-box-shadow: 0px 4px 14px 0px rgba(34, 60, 80, 0.12);
    box-shadow: 0px 4px 14px 0px rgba(34, 60, 80, 0.12);
}

.mainform h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.mainform .mf-subtitle {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
}


.mainform   input,
.catalogform input,
.catalogform select,
.catalogform textarea,
.catalog-form input,
.pform input,
.pform textarea

{
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 5px 5px 5px -5px rgba(178, 178, 178, 0.6) inset;
    -moz-box-shadow: 5px 5px 5px -5px rgba(178, 178, 178, 0.6) inset;
    box-shadow: 5px 5px 5px -5px rgba(178, 178, 178, 0.6) inset;
    padding: 15px 20px;
}

.mainform  input[name='name'],
.catalogform input[name='name'],
.catalog-form input[name='name']
{
    background: url(../images/i-user.png) no-repeat 20px center;
    padding-left: 50px;

}

.catalogform input[name='name'] {
    margin-right: 10px;
    margin-bottom: 0;
}

.catalogform  input[name='phone'] {
    margin-left: 10px;
    margin-bottom: 0;
}


.mainform  input[name='phone'],
.catalogform  input[name='phone'],
.catalog-form input[name='phone']

{
    background: url(../images/i-phone.png) no-repeat 20px center;
    padding-left: 50px;
}

.catalogform  input[name='phone']

{
    width: 98%;
}

.catalog-form input {
    background-color: #fff!important;
}


.catalogform  input[name='mail']

{
    background: url(../images/i-mail.png) no-repeat 20px center;
    padding-left: 50px;
}

.catalogform  input[name='mail'] {
    margin-right: 10px;
}


.catalogform  select[name='services']

{
    background: url(../images/i-cervice.png) no-repeat 20px center;
    padding-left: 50px;
    width: 98%;
    margin-left: 10px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    position: relative;

    background-image: url(../images/i-cervice.png), url(../images/select.png);
    background-position: 20px center, right 15px center;
    background-repeat: no-repeat, no-repeat;



}



.catalogform  textarea[name='question'] {
    background: url(../images/i-qw.png) no-repeat 20px 14px;
    padding: 15px 50px;
    height: 155px;
    resize: none;
    margin-bottom: 20px;
}



.margin-bottom-10 {
    margin-bottom: 10px;
}

.text-align-center {
    text-align: center;
}

.bbg {
position: relative;
}

.bbg:after {
    content: "";
    background: url(../images/discont.png) no-repeat center center;
    width: 121px;
    position: absolute;
    height: 71px;
    left: 10px;
    bottom: -2px;
}

.mmm a {
    border: 2px solid #bdbdbd;
    padding: 12px;
    border-radius: 3px;
}

.mmm a.active

{
    border: 2px solid #ffc338;

}

.mmm a:hover .m-descr,
.mmm a.active .m-descr{
    text-decoration: none;
    color: #ffc338;

}

.mmm a img {
    height: 78px;
}


.m-descr {
    margin-top: 15px;
    text-decoration: underline;
}

.main-img {
    padding: 60px;
}

.mmm-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.mmm-title a {
    color: #8aac1d;
    text-decoration: underline;
}

.profil {
    padding: 25px 40px;
    display: flex;
    border: 2px solid #bdbdbd;
    flex-wrap: wrap;

}

.profil a {
width: 50%;
text-align: center;

}

.profil a.active {
    color: #ffc338;
}

.sv {
    display: flex;
    margin-top: 20px;
}

.sv label {
    font-weight: bold;
    position: relative;
}

.sv label input {
    border-radius: 2px;
    border: 1px solid #2b2a29;
    width: 100%;
    padding: 10px 20px;
    margin-top: 5px;
    position: relative;

}

.sv label span {
    position: absolute;
    top: 39px;
    right: 16px;
}


.sv label:nth-last-child(1) {
    margin-left: 20px;
}


.dop {
    border: 2px solid #bdbdbd;
    padding: 30px;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
}

.dop label {
    width: 50%;
    font-size: 20px;
    margin-bottom: 25px;

}

.dop label > span {
    font-size: 16px;
    font-weight: 200;
    margin-left: 20px;
}

.pricec {
    display: flex;
    margin-top: 25px;
}

.pricec > div {
    width: 50%;
}

.pricec > div .title {
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin-bottom: 25px;
}


.calcprice {
    font-size: 40px;
    font-weight: 400;
    display: block;
}

.margin-top-25 {
    margin-top: 25px;
}

.mainbanner {
    background: url(../images/discontline.png) no-repeat center center;
    height: 137px;
    width: 100%;
    font-size: 30px;
    padding: 63px 0 0 280px;

}

.green {
  color:  #8aac1d;
}

.green .big {
    font-size: 50px;
}



.swiper {
    width: 100%;

    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.project2  {
    width: 75%;
    margin-right: 1%;
    height: 600px;
    border-radius: 10px;

}

.project  {
    box-sizing: border-box;

    width: 24%;
    height: 600px;

}

.project  .swiper-slide {
    width: 25%;
    height: 150px;
    opacity: 0.4;
    margin-bottom: 10px;
}

.project  .swiper-slide img {
    border-radius: 10px;
}

.project  .swiper-slide-thumb-active {
    opacity: 1;
}

.project .swiper-slide img

{
 cursor: pointer;
}

.rr-title {
    display: flex;
}

.r-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    width: 80%;
}

.r-date {
    width: 20%;
    color: #bdbdbd;
}

.r-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
}

.r-description {
    font-size: 16px;
    margin-bottom: 8px;
    font-style: italic;
}

.r-link a {
    text-decoration: underline;
    color: #8aac1d;
}

.mm:not(:last-child) .rev {
    border-right: 1px solid #8aac1d;
    height: 295px;
}

.vlist {
    background: #f8f8f8;
    padding: 40px;
    height: 218px;
}

.vl-title {
    font-weight: 600;
    margin-bottom: 20px;
}

.vl-description {
    width: 80%;
}

.sssd {
    margin-bottom: 25px;
}


.sssd:nth-child(1) .vlist {
    background: #f8f8f8 url(../images/we1.png) no-repeat 268px 60px;
}

.sssd:nth-child(2) .vlist {
    background: #f8f8f8 url(../images/we2.png) no-repeat 212px -12px;
}

.sssd:nth-child(3) .vlist {
    background: #f8f8f8 url(../images/we3.png) no-repeat 219px 39px;
}

.sssd:nth-child(4) .vlist {
    background: #f8f8f8 url(../images/we4.png) no-repeat 268px 82px;
}

.sssd:nth-child(5) .vlist {
    background: #f8f8f8 url(../images/we5.png) no-repeat 268px 65px;
}

.sssd:nth-child(6) .vlist {
    background: #f8f8f8 url(../images/we6.png) no-repeat 215px 88px;
}

.sssd:nth-child(7) .vlist {
    background: #f8f8f8 url(../images/we7.png) no-repeat 457px 67px;

}


.sssd:nth-child(8) .vlist {
    background: #f8f8f8 url(../images/we8.png) no-repeat 460px 89px;
}

.navi {
    position: relative;
    width: 100px;
    height: 30px;
}




/* бфзовый контейнер вкладок(табов) */

.tabs-box {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
}


/* панель вкладок */

ul.tabs, ul.tabs1 {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 42px;
    width: 100%;
 /*   background: url(../images/g-l.jpg) no-repeat center left; */
}

ul.tabs li,
ul.tabs1 li
{
 /*   float: left; */
    margin: 0;
    cursor: pointer;
    padding: 20px 20px 19px 35px;

    line-height: 21px;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    border-right: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    color: #2b2a29;
    overflow: hidden;
    position: relative;
    font-size: 20px;
    margin-bottom: 10px;
    background: url(../images/g-l.jpg) no-repeat center left;
}


/* указываем стиль правой границы у последней вкладки */

.tab_last,
.tab_last1{
    border-right: 1px solid #00655c;
}


/* стили вкладок при наведении */

ul.tabs li:hover,
ul.tabs1 li:hover

{

    color: #2b2a29;
}


/* стили активных вкладок */

ul.tabs li.active,
ul.tabs1 li.active


{
    color: #2b2a29;
    display: block;
    border: none;
    font-weight: bold;


    background: linear-gradient(180deg, rgba(250,233,150,1) 0%, rgba(251,202,88,1) 100%);


}

ul.tabs li.active:before,
ul.tabs1 li.active:before

{
    background: url(../images/w-l.jpg) left center no-repeat;
    content: "";
    width: 6px;
    height: 40px;
    display: block;
    position: absolute;
    left:0px;
    top: 10px;
}

ul.tabs li.active:after,
ul.tabs1 li.active:after

{
    background: url(../images/treagle-j.jpg) left center no-repeat;
    content: "";
    width: 31px;
    height: 60px;
    display: block;
    position: absolute;
    right:0px;
    top: 0px;



}



/* контейнер вкладок первого уровня
 * включающий в себя панели заголовков аккордеона
*/

.tab_container {
     border-top: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
    background-color: #f8f8f8;
    border-radius: 10px;
    margin-left: 15px;
    padding-right: 15px;
}


/* блоки с содержанием по-умолчанию скрыты
 * указать раскрытым при загрузке нужный блок
 * с помощью style="display: block;" в html
*/

.tab_content {
    padding: 20px;
    display: none;
}

/* аккордеон скрыт в режиме вкладок */

.tab_accordion {
    display: none;
}

.tcc {
    padding: 45px 0 45px 45px;
}

.ans {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}

.ans-c {
    height: 200px;
    padding-right: 20px!important;

}

.ans-c:after {
    background: url(../images/share.png) center center no-repeat;
    content: "";
    position: absolute;
    bottom: -2px;
    height: 39px;
    width: 100%;
    left: -12px;
}

.df-s {
    font-weight: 600;
}

.df-two {
    margin-left: 45px;
}

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

.footer-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

ul.nav-footer {
    margin-left: 0px;
    padding-left: 0px;
}

ul.nav-footer li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 0px;
}

.bg {
   background-color: #f8f8f8;
    padding: 50px;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-right-0 {
    margin-right: 0;
}

span.phone {
    display: block;
}

.border-gray {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 1px solid #bdbdbd;
    width: 100%;
}

a.fantom-button-yellow

{
  display: inline-block;
    padding: 15px 35px;
    color: #ffc338;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #ffc338;
    cursor: pointer;
    border-radius: 3px;
}

a.fantom-button-yellow:hover {
    color: #fff;
    border: 2px solid #ffc338;
    background-color: #ffc338;
}

a.fantom-button-green

{
    display: inline-block;
    padding: 15px 35px;
    color: #8aac1d;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #8aac1d;
    cursor: pointer;
}

a.fantom-button-green:hover {
    color: #fff;
    border: 2px solid #8aac1d;
    background-color: #8aac1d;
}

.footer-bottom {
    background-color: #2b2a29;
    padding: 10px 0;
    color: #f5f5f5;
    font-size: 13px;
}

.footer-bottom a {
    color: #f5f5f5;
    text-decoration: underline;
}

.footer-bottom a:hover {
    color: #f5f5f5;
    text-decoration: none;
}


.footer-bottom a {
    color: #f5f5f5;
}

.creator {

}

.padding-left-50 {
    padding-left: 50px;
}

.col-19 {
    width: 19%;
}

.col-81 {
    width: 81%;
}

.breadcrumbs {
    padding:  25px 0;
}

.breadcrumbs ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
color: #2b2a29;
    float: left;
}

.breadcrumbs li a, .breadcrumbs li a:hover {
    font-size: 14px;
    color: #2b2a29;
    text-decoration: none;
}
.breadcrumbs li a:hover {color: #2b2a29;text-decoration: none;}

.sep  {
    background: url(../images/breadcrumbs.png) center center no-repeat;
    width: 6px;

    float: left;
    padding-left: 12px;
    padding-right: 12px;
    height: 22px;
}


a.back  {
    background: url(../images/b-back.png) left center no-repeat;


    float: right;
    padding-left: 20px;
    display: inline-block;
}


.catalog-column {
    background-color: #fbfbfb;
    padding: 15px;
}

.catalog-column img {
    max-width: 100%;
}

.logo-menu {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.menu-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

ul.catalog-menu,
ul.catalog-menu ul
{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

ul.catalog-menu li ul {
    list-style: none;

    display: none;
}

ul.catalog-menu li ul li ul {
    border-left: 1px solid #ff5218;
    margin-left: 10px;
}

ul.catalog-menu > li > a  {
    font-weight: bold;
}



ul.catalog-menu li.active ul {
    display: block;
}


ul.catalog-menu li {
    padding-left: 10px;
    margin-bottom: 10px;
}

ul.catalog-menu a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}

ul.catalog-menu li.active > a {
    color: #ff5218;
    margin-bottom: 10px;

}

.other h1 {
    text-align: center;
    color: #2b2a29;
    font-weight: 600;
}

.catalog-menu li.other-pr a {
    background: url(../images/link.png) right center no-repeat;
    padding-right: 20px;
}

.contacts-in {
    display: flex;
    margin-bottom: 55px;

}

.office-title {
    font-weight: 600;
    background: url(../images/cmap.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}

.office-time {
    font-weight: 600;
    background: url(../images/ctime.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}

.office-phone {
    font-weight: 600;
    background: url(../images/cphone.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}

.office-mail {
    font-weight: 600;
    background: url(../images/cmail.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}


.contactform {
    width: 100%;
    padding: 50px 80px;
    background: url(../images/contactform.png) center center no-repeat;
    border-radius: 10px;
    margin-left: 30px;

}





.col-19 {
    width: 19%;
}

.col-81 {
    width: 81%;
}

.other h1 {
    margin-bottom: 50px;
}

.cic {
    padding-left: 50px;
    width: 40%;
    padding-top: 60px;
}



.map {
    width: 60%;
}

#map {
    width: 100%;
    height: 620px;
  }

.office-description {
    margin-bottom: 30px;
     padding-left: 30px;
}

a.auto {
    background: url(../images/car.png) 25px center no-repeat;
    padding: 15px 35px 15px 70px;
}

a.man {
    background: url(../images/man.png) 28px center no-repeat;
    padding: 15px 45px 15px 72px;
}

.contactform  h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.contactform .cf-description {
    font-size: 15px;
    text-align: center  ;
    margin-bottom: 30px;
}

.col-50 {
    width: 50%;
}

.leftwindow {
    position: fixed;
    right: 0;
    top: 30%;
    display: flex;
    background-color: #8aac1d;
    border-radius: 10px 0 0 10px;
    flex-direction: column;
    z-index: 1;
}

.leftwindow a {
    display: block;
    font-size: 14px;
    text-align: right;
    font-weight: 500;
    color: #fff;
}

.leftwindow a {

    padding: 7.5px 15px 7.5px 0;
}

.leftwindow:hover a {
    padding-left: 15px;
}


.leftwindow a:last-child {
    padding-top: 15px;
}


.leftwindow a span {

    display: none;
}

.leftwindow:hover a span {
    display: block;
}


.leftwindow a:hover {
    background-color: #97bd1f;
}


.leftwindow a span br {
  /*  display: block;
    margin: 0px 0;
    content: ""; */
}


.fw-1 {
    background: url(../images/calc.png) center right 15px no-repeat;

    height: 65px;
    padding-right: 65px!important;
    border-radius: 10px 0 0 0;
}

.fw-2{
    background: url(../images/tape.png) center right 15px no-repeat;
    height: 65px;
    padding-right: 65px!important;
}

.fw-3 {
    background: url(../images/window.png) center right 15px no-repeat;

    height: 65px;
    padding-right: 65px!important;
    border-radius: 0px 0 0 10px;
}

.fw-4 {
    background: url(../images/message.png) center right 15px no-repeat;
    height: 65px;
    padding-right: 65px!important;
    border-radius: 0px 0 0 10px;
}

.left-form {
    border-radius: 5px;
    background: #f8f8f8 url(../images/form4.png) right -30px bottom no-repeat;
    margin-top: 35px;
    padding: 15px;
    height: 680px;
}


.vs {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;

}

.bs {

    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
color: #8aac1d;
font-size: 40px;
    margin-bottom: 20px;
}


.vbdescr    {
    font-size: 16px;
    margin-bottom: 15px;
}

.vbdescr span {
    font-weight: bolder;
}

.left-form input {
    border: none;
    border-bottom: 1px solid #000;
    background-color: #F8F8F8;
    padding: 3px;
}

.cardimg {
    max-width: 100%;
}

.table  {
    width: 100%;
    color: #6d6d6d;
}


.table-row {
    display: flex;
    width: 100%;
}

.table-col {
    width: 50%;
    padding: 10px 0;
}

.table-row {
    border-top: 1px solid #eeeeee;
}

.table-row .table-col:nth-child(2) {
    text-align: center;
}

.text-align-right {
    float: right;
}

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

#accordion h3, #accordion2 h3 {
    display: block;
    padding: 25px 40px ;
    font-size: 18px;
   cursor: pointer;
    margin: 0;
}


#accordion h3.ui-accordion-header-active,
#accordion2 h3.ui-accordion-header-active

{
    background: rgb(251,203,89);
    background: linear-gradient(0deg, rgba(251,203,89,1) 0%, rgba(250,232,151,1) 100%);
  border: none;

}

#accordion h3:focus,
#accordion2 h3:focus
{
    outline: none;
}

#accordion h3,
#accordion2 h3

{

    background-color: #fff;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    border-right: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    background: url(../images/g-l.jpg) no-repeat center left;
    margin-bottom: 10px;

}

#accordion > div,
#accordion2 > div
{
    padding: 3rem;
    border-radius: 5px;
    background-color: #f8f8f8;
    margin: 15px 0;

}


.card-banner {

    background: #fff url(../images/form6.png) no-repeat center center;
    padding: 50px;
    height: 190px;

}


.one-l {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;

}

.one-l span {
    color: #8aac1d;
    font-size: 40px;

}

.two-l {
    color: #8aac1d;
    font-size: 65px;
    font-weight: bold;
    margin-top: 55px;
    float: right;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}


.backgroundform {
    background: #fff url(../images/backgroundform.png) no-repeat center center;
    padding: 40px;
    border-radius: 30px;

}

.cpricec  {
    flex-direction: column;
    margin-top: 205px;
}

.cpricec  > div {
    width: 100%;
}

.project4 {
    width: 75%;
    margin-right: 1%;
    height: initial;
}

.project3 {
    box-sizing: border-box;
    width: 24%;
    height: 600px;
}


.project4 img {
    width: 100%;
}

.project3 .swiper-slide{
    width: 90%!important;
    height: 110px;
    opacity: 0.4;
    margin-bottom: 10px;
}

.project3 .swiper-slide img {
    width: 100%!important;
    height: 100%;
    border-radius: 10px;
}
.project3 {
    height: 440px;
}

.project3 .swiper-slide img {
    cursor: pointer;
}

.project3 .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-products {
    display: flex;
}

.l-product {
    width: 33.3333%;
}

.r-product {
    width: 66.66666%;
}

.line-table {
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
    line-height: 26px;
}


.line-table:nth-last-child(1),
.line-table:nth-last-child(2)
{
    border-bottom: none;
}


.gallery-products {
    color: #2b2a29;
}

.line-header, .gttop {
    border-bottom: 1px solid #eeeeee;
    height: 320px;
    position: relative;
}

.gttop img {
    max-width: 100px;

    display: inline-block;
    margin-top: 35px;
}


.gttop {
    height: 320px;
    text-align: center;

}


.gproducts .line-table,
.gproducts2 .line-table

{
    text-align: center;
}


.r-product .line-table {
    padding: 15px 0 15px;
    line-height: 26px;
}

.line-table img {

    display: inline-block;
    line-height: 26px;
}

.p-rel {
    position: absolute;
    width: 155px;
    bottom: 55px;

}


.gallery-products .swiper-button-next:after,
.swiper-button-prev:after
{
    content: "";
}


.bl {
    background: #fff url(../images/right-text.png) no-repeat center 14px;
    right: 0;
}


.bl:hover {
    background: #fff url(../images/right-text.png) no-repeat center -29px;
    right: 0;
}


.br {
    background: #fff url(../images/left-text.png) no-repeat center 14px;
    right: 0;
}

.br:hover {
    background: #fff url(../images/left-text.png) no-repeat center -29px;
    right: 0;
}

.w-80 {
    width: 90%;
    margin-left: 5%;
    margin-right:5%;
}


.r-product .swiper-slide:hover {
    cursor: pointer;
    background-color: #fbfbfb;
}

.gttop span {
    font-weight: bold;
    display: block;
    margin-top: 40px;
}


.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    overflow: auto;
    z-index: 999;
    transition: .4s all;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-overlay *,
.modal-overlay *:before,
.modal-overlay *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.modal-overlay_visible {
    opacity: 1;
    visibility: visible;
}

.modal-table {
    display: table;
    width: 100%;
    height: 100%;
}

.modal-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 15px;
}

.modal {
    transition: .4s all;
    display: inline-block;
    padding: 35px 45px 20px 30px;
    max-width: 400px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .25);
    color: #333;
    text-align: left;

    margin: 30px 0;
    transform: translate(0, 20%);
    position: relative;
    border-radius: 7px;
    cursor: auto;
    font-size: 16px;
}

.modal-overlay_visible .modal {
    transform: translate(0);
}

.modal__header {
    font-size: 22px;
    font-weight: 400;
}

.modal__content p {
    padding: 0 0 10px 0;
    margin: 0;
}

.modal__close {
    position: absolute;
    right: 10px;
    top: 0;

    width: 25px;
    height: 25px;
    border-radius: 0 0 4px 4px;
    transition: .4s all;
    padding: 0;
    border: none;
    cursor: pointer;
    background-color: #fff;
}

.modal__close:hover {

}

.modal__close:before,
.modal__close:after {
    content: "";
    display: block;
    height: 16px;
    width: 1px;
    transform: rotate(45deg);
    background: #bdbdbd;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #bdbdbd;
}

.modal__close:after {
    transform: rotate(-45deg);
}


.modal__close {
    margin-top: 10px;
    margin-right: 5px;
}

.modal-table h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.modal-table  .mf-subtitle {

    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;

}
ul.listpopup,
ul.listpopup > ul,
ul.listpopupm,
ul.listpopupm > ul
{
 margin: 0px;
    padding: 0px;
}

ul.listpopup > ul,
ul.listpopupm > ul

{
    margin-left: 0px;
}


ul.listpopup > li,
ul.listpopupm > li
{
    list-style: none;
}

ul.listpopup > li a,
ul.listpopupm > li a
{
    cursor: pointer;
}


ul.listpopup > li > ul {
    display: none;
}

ul.listpopup:hover > li > ul {
    display: block;
    position: absolute;
    margin-left: 0px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 5px;
}

ul.listpopup:hover li {
    list-style: none;
    margin-left:0px;

}
ul.listpopup:hover li ul li {
    margin-top: 10px;
}

ul.listpopup a,
ul.listpopupm a
{
    color: #6d6d6d;
}

.leftmenu {
    list-style: none;
    background-color: #fcfbfb;
    border-bottom: 1px solid #f0efef;
    position: absolute;
    top: 54px;
    left: 10px;
    z-index: 1111111;
    width: 306px;
    padding-left: 0px;
    height: 595px;
}

.leftmenu > li > a {


    display: block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f0efef;

}

.leftmenu > li > a:hover {
    background-color: #e85222;
    color: #fff;
}

.panel-menu > ul > li > a:hover {
    color: #e85222;
}


.relative {
    position: relative;
}

.pm-title {
    font-weight: bold;
    margin-bottom: 10px;
}


.panel-menu {
    padding: 50px;
    background-color: #f9fafa;
    position: absolute;
    top: 0px;
    left: 306px;
    width: 991px;
    height: 595px;
}

.panel-menu ul {
    padding-left: 0px;
    margin-left: 0px ;
}

.panel-menu ul li  {
    list-style: none;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.panel-menu {
    display: none;
}

.leftmenu li:hover + .panel-menu {

}

.pm-title:nth-child(n+2) {
    margin-top: 30px;
}

.panel-menu {
    display: block;
}


ul.p2 a {
    color: #2b2a29;
}

.l-product-main {
    width: 25%;
}

.r-product-main {
    width: 75%;
}

.ddh {

    font-size: 20px;
    font-weight: 600;
    margin-top: 70px;
    margin-bottom: 10px;


}

.margin-left-130 {
    margin-left: 130px;
}


.ddl{
    width: 227px;
    overflow-x: auto;
    height: 240px;
}


.dd2{
    width: 110px;
    overflow-x: auto;
    height: 240px;
}

.d-c {
    margin-left: 40px;
}

.d-l img,
.d-c img
{
    width: 50px;
    height: 50px;
    margin-right: 7px;
    margin-bottom: 7px;
}

.swiper-button-next:after {
    content: "";
}

.sl {
    width: 228px;
    height: 24px;
    display: inline-block;

}

.rou {
    width: 48px;
    height: 19px;
    line-height: 22px;
}

.row.margin-top-bottom-20,
.mmmm
{

    width: 102%;
    max-width: 103%;
}


a.burger-black {
    background:  url(../images/burgerblack.png) no-repeat center left;
    display: none;
    width: 20px;
    height: 14px;
    margin: 20px auto;
}

.dd-n {
    display: none;
    max-width: 100%;
}

.mini-description {
    display: none;
}

.paggination {
    width: 100%;
    height: 20px;
    margin-top: 35px;
    position: relative;
    justify-content: space-around;
    display: none;

}

.p-in {
    position: relative;
    width: 150px;
}

.p-in .swiper-pagination-fraction  {
    bottom: -3px;
    width: 50px;
    left: 50px;
}

.paggination,
.mmzz
{
    display: none;
}

.mobiletree {

}

.mobiletreein {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 25px;
}

.ddhin {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}


.dddiin {
    display: flex;
    flex-wrap: wrap;
     max-width: 100%!important;
    flex-direction: column;
    height: 130px;
}

.d-ll img,
.d-cc img
{
    width: 50px;
    height: 50px;
    margin-right: 7px;
    margin-bottom: 7px;
}

.margin-top-20 {
    margin-top: 20px;
}

.mobiletree {
    display: none;
}

.minii-main-img {
    display: none!important;
}

.rreviews {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.reviews .rev {
    padding: 12px 25px;
}

.navi {
    width: 90px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    float: right;
}

.navi .swiper-button-prev {
    background: #fff url(../images/left.png) no-repeat center 14px;
    right: 0;
    position: relative;
}


.navi .swiper-button-prev:hover {
    background: #fff url(../images/left.png) no-repeat center -28px;
    right: 0;
}


.navi .swiper-button-next {

    background: #fff url(../images/right.png) no-repeat center 14px;
    left: 0;
    position: relative;

}

.navi .swiper-button-next:hover {
    background: #fff url(../images/right.png) no-repeat center -28px;
    right: 0;
}

#uploadfile {
    cursor: pointer;
    margin-bottom: 10px;
    width: 100%;
    border: 2px solid #8aac1d;
    padding: 25px;
    text-align: center;
}

#uploadfile span {
    font-size: 20px;
    color: #8aac1d;
    display: inline-block;

    background: url(../images/i-file.png) no-repeat center left;
    padding-left: 38px;
    line-height: 34px;



}

#upload {
    display: none;
}

.other .tabs .row,
.tabs .row
{
    width: 100%;
}


.panel-menu {
    display: none;
}






ul.leftmenu li:hover .panel-menu {
    display: flex!important;
}

ul.leftmenu > li > ul.panel-menu > li {
list-style: none;
    width: 33.3333%;
}

ul.leftmenu > li > ul.panel-menu > li > a {
    font-weight: bold;
}

ul.leftmenu li ul.panel-menu li .panel-menu {
    display: block!important;
    position: initial;
    margin-top: 0px;
    padding-top: 10px;
    max-width: 100%;
}

.close {
    background:  url(../images/close.jpg) no-repeat center center;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.mobilemenu form {
    margin-top: 60px;
}

.mobilemenu  *{
    font-size: 14px;
}

.mobilemenu form {
    width: 100%;
    position: relative;

}



.mobilemenu form input {
    padding: 10px 20px;
    width: 93%;
}

.mobilemenu form button

{
    background:  url(../images/search.jpg) no-repeat center center;
    width: 34px;
    height: 34px;
    border: none;
    padding:10px;
    position: absolute;
    right: 0%;
    top: 18%;
}


.mobilemenu form input,
.lpm2 form input
{
    border-top:0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #e85222;
    padding: 10px;
}

/*.mini-menu > ul > li > a:hover, */
.mini-menu > ul > li > a.active {
    color: #5362FF;
}
.mini-menu .sub  ul {
    display: none;
    overflow: hidden;
}

.mini-menu .sub ul li a {
    display: block;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #71747B;
    padding-left: 32px;
    margin-bottom: 24px;
    max-width: 100%;

}
.mini-menu .sub ul li a:hover,
.mini-menu .sub ul li a.active {

}


.mini-menu .sub > a:after {
    content: '';
    background: url(../images/mmenuarrow.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    z-index: 111;
    position: absolute;
    top: 6px;
    margin-left: 11px;
}

.mini-menu .sub > a.active:after {
    content: '';
    background: url(../images/mmenuarrow.png) no-repeat 0 -17px;
    width: 18px;
    height: 18px;
    z-index: 111;
    position: absolute;
    top: 6px;
    margin-left: 11px;
}


/* активный переключатель */
.mini-menu .sub > a.active:before{
    color: #f2bd00;
}

.menu-contacts {
    margin-top: 50px;
    padding-left: 32px;
    padding-right: 32px;
}

.menu-contacts a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #71747B;
}

.lpm2 form button {
    background: url(../images/search.jpg) no-repeat center center;
    width: 34px;
    height: 34px;
    border: none;
    padding: 10px;
    position: absolute;
    right: 4%;
    top: 26%;
}

ul.pagination {
    display: flex;
    padding-left: 0;
}

ul.pagination li {
    list-style: none;
    padding: 5px;
    margin-right: 7px;
}

ul.pagination  li a {
    color: #8aac1d
}


/* мобильное меню */


.mm {
    margin-top: 20px;
    padding-left: 0px;
}


.mm, .mm ul {
    list-style: none;
}

 .mm ul {
    padding-left: 10px;
}

.mm li,  .mm li a {
    display: block;
    width : 100%;
}

.mm > li:first-child{
  /*  border-top: 1px solid #eeeeee; */
}

.mm > li a {
    padding: 15px 0 15px 14px;
    border-bottom: 1px solid #eeeeee;

}

.mm li.parent a {
    background: url(../images/selectblack.png) no-repeat center right 12px;
}

.mobilemenu a.greenbutton {
    display: block!important;
}

.margin-top-10 {
    margin-top: 10px;
}

.msn {
    width: 100%;
    margin-top: 30px;
}

.msntext {
   font-size: 16px;
   margin-bottom: 15px;
}

.footer .phone {
    float: left;

}


.msn a, .msn a img {
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 10px;

}

.msn .msntext{
  font-weight: 600;
}


.listpopupm {
    margin-top: 20px!important;
    border-top: 1px solid #eeeeee;
}

ul.listpopupm li,
ul.listpopupm li a
{
    width: 96%;
    display: block;
    font-size: 16px;
    margin: 0 2%;
    padding-bottom: 3px;

}


ul.listpopupm > li {
    padding: 20px 0;
}

ul.listpopupm > li ul li {
    padding: 5px 0;
}


ul.listpopupm > li ul {
    margin-left: 10px;
}


.mse2-row a {
    color: #8aac1d;
    margin-bottom: 5px;
    display: inline-block;
}

.p-relative {
    position: relative;
}

.lpm2 {
    background-color: #fbfbfb;
    border-radius: 5px;
    position: absolute;
    top: 35px;
    padding: 10px 40px 10px 20px;
    right: 0;
}


.lpm2 input {
   background-color:  #fbfbfb;
}

.project2 img {
    width: 100%;
}

.mna {
    max-height: 400px;
    text-align: center;
}

.mna img {
    max-height: 100%;
    display: inline-block;
}

.pvh {
    display: none;
}

.catimg {
    position: relative;
    margin: 50px 0;
}

.catimg img {
    max-width: 100%;
}

.ctdescr2 {
    position: absolute;
    background: url(../images/backf.png) no-repeat center center;
    bottom: 30px;
    right: 50px;
    width: 415px;
    height: 271px;
    border-radius: 20px;
    padding: 35px 50px
}

.ctdescrtitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 11px;
}

.ctdescrdescr {

}


.ctdescrdescr ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}


.card-banner2 {
    height: 259px;

}


.one-ll {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    text-align: right;
    padding-right: 50px;
    padding-top: 93px;
}


.two-ll {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    color: #8aac1d;
    text-align: right;
    padding-right: 50px;
    margin-top: 30px;

}

.two-ll span {
    font-size: 65px;
}


.textgallery {
    width: 100%;
    position: relative;
}

.textgallery img {
    max-width: 100%;
    cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-width: 0px;
}


.hi-title {
    position: relative;
}

.hi-title .bl {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center 0;
    cursor: pointer;
}

.hi-title .br {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 54px;
    top: 0;
    background-position: center 0;
    cursor: pointer;
}


.textgallery  .swiper-button-next,
.textgallery .swiper-button-prev
{
    display: none;
}


.backgroundgray {
    background-color: #F8F8F8;
    padding: 30px;
    border-radius: 5px;

}


ul.topmenu {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px
}
.topmenu > li {
    display: inline-block;
    margin-right: 37px;
    position: relative;
}
.topmenu > li:last-child {
    margin-right: 0;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    left: -27px;
    z-index: 10;
    -webkit-transition: all .125s linear!important;
    -o-transition: all .125s linear!important;
    transition: all .125s linear!important;
}

.submenu li a {
    white-space: nowrap;
}

.menu {
    margin-right: 30px;
}


.menu .submenu {
    visibility: hidden;
    opacity: 0;
    background-color: #fbfbfb;
    padding: 16px 28px;
}

.menu .submenu li {
    list-style: none;
    margin-top: 10px;
}


.menu ul li:hover .submenu {
    visibility: visible;
    opacity: 1;
}

.fa {
    background: url(../images/select.png) no-repeat center right;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
}

.menu .topmenu > li:nth-child(2) > a {
    pointer-events: none;
    cursor: default;

}

.mmm-title {
    position: relative;
}

.profillist {
    padding: 15px;
    background-color: #F8F8F8;
    position: absolute;
    z-index: 100;
    border-radius: 3px;
    overflow: auto;
    max-height: 200px   ;
}


.profillist ul {
    list-style: none;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
}

.profillist ul a{
    font-size: 14px;
}


.ui-slider {
    background-color: #BCBCBC;
}

.ui-slider-handle {
    background: url(../images/slider.png) no-repeat center center;
    height: 20px!important;
    width: 20px!important;
}

.ui-slider-vertical {
    width: 0.2em;
}

.ui-slider-horizontal {
    height: 0.2em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.6em;
}



.ui-slider-vertical .ui-slider-handle {
    left: -0.5em;
}

.mi-in {
    position: relative;
    padding: 50px;
}

#slider1 {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 175px;
}

#label1 {
    position: absolute;
    top: 123px;
    left: -50px;
}



#slider2 {
    position: absolute;
    top: 270px;
    left: 69px;
    width: 104px;
}


#label2 {
    position: absolute;
    top: 292px;
    left: 106px;
}

#slider3 {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 175px;
}

#label3 {
    position: absolute;
    top: 123px;
    left: -50px;
}



#slider4 {
    position: absolute;
    top: 270px;
    left: 69px;
    width: 187px;
}


#label4 {
    position: absolute;
    top: 292px;
    left: 145px;

}


#slider5 {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 175px;
}

#label5 {
    position: absolute;
    top: 123px;
    left: -50px;
}



#slider6 {
    position: absolute;
    top: 270px;
    left: 69px;
    width: 260px;
}


#label6 {
    position: absolute;
    top: 292px;
    left: 180px;
}



#slider7 {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 175px;
}

#label7 {
    position: absolute;
    top: 123px;
    left: -50px;
}



#slider8 {
    position: absolute;
    top: 330px;
    left: 69px;
    width: 260px;
}


#label8 {
    position: absolute;
    top: 345px;
    left: 180px;
}





.topmenu a:hover {
    color: #E9453D;
}

.top-button {
    display: flex;
}






@media (max-width: 1400px) {
    .p-rel {
        bottom: 26px;
    }

    .har-inn {
        padding: 25px;
        border-radius: 10px;
    }

    .vz-2 {
        padding: 59px;
    }

    .mainbanner {
        padding: 63px 0 0 165px;
    }

    .mmm .col {
        margin-bottom: 20px;
    }

    .one-l {
        font-size: 21px;
    }

    .one-l span {
        font-size: 32px;
    }

    .two-l {
        font-size: 51px;
    }



}


@media (max-width: 1200px) {

    .calcprice {
        font-size: 35px;
    }

    a.greenbutton {
        display: none ;
    }

    .lir {
        display: flex;

    }

    .top-button {
        flex-wrap: wrap;
    }


    a.greenbutton {
        width: 100%;
    }

    .top-button .yellowbutton {
        width: 100%;
    }

    span.phone a {
        float: initial;
    }

    span.phone {
        display: block;
        padding-left: 20px;
    }

    .rekw, .top-button {
        width: 50%;
    }

    .logo img {
        width: 95%;
        margin-top: 13px;
    }

    .slogandescription {
        margin-left: 14px;
    }

    .cic {
        padding-right: 20px;
    }

    .contactform {
        max-width: 100%;
        width: 100%;
    }

    span.phone a, span.phone a:hover {
        font-size: 18px;
        font-weight: 600;
    }

    a.yellowbutton, button.yellowbutton,
    a.greenbutton
    {
        text-align: center;
    }

    .maingallery .swiper-slide img {
       max-width: 100%  ;
    }

    .gallery-title {
        font-size: 39px;
        position: absolute;
        top: 12%;
        left: 10%;
        line-height: 44px;
        font-weight: 600;
    }

    .gallery-discription {
        font-size: 20px;
        position: absolute;
        top: 46%;
        left: 10%;
        line-height: 33px;
    }

    .vz-2 {
        padding: 42px;
    }

    .vlist {
        padding: 15px;
    }

    .t-img {
        background-size: cover;
    }

    .mainbanner {
        background-size: contain;
        font-size: 24px;
    }

    .green .big {
        font-size: 30px;
    }

    .r-title {
        width: 73%;
    }




}



@media (max-width: 991px) {

    .do .margin-bottom-50,
    .profsystem .margin-bottom-50
    {
        margin-bottom: 0px;
    }

    .margin-bottom-50 {
        margin-bottom: 30px;
    }

    .top-button {
        flex-wrap: nowrap;
    }

    .margin-top-19 {
        margin-top: 12px;
    }

    a.greenbutton {
        display: initial;
    }



    .top-button {
        display: flex;
        margin-left: 30px;
    }

    .rekw, .top-button {
        width: initial;
    }


    .project2 {
        height: 440px;
    }

    .margin-top-100 {
        margin-top: 30px;
    }

    .backgroundform {
        background-size: cover;
    }


    .backgroundform input {
        margin-bottom: 20px;
    }

    .two-l {
        font-size: 41px;
    }

    .one-l span {
        font-size: 29px;
    }


    .t-img2 {
        background-size: auto;
    }

    .cic, .map {
        width: 100%;
    }

    .cic {
        padding: 20px 30%;
    }

    .contacts-in {
        flex-direction: column;
    }


    .mobileline {
        flex-wrap: nowrap;
        overflow: auto;
    }

    .we .scroll-wrapper > .scroll-content {
        width: 100%!important;

    }

    .we .scrollbar-inner > .scroll-element.scroll-x {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }




    .headertop,
    .leftwindow,
    .middletop,
    .gallery-discription

    {
        display: none;
    }

    .gallery-title {
        font-size: 27px;
        position: absolute;
        top: 20%;
        left: 10%;
        line-height: 36px;
        font-weight: 600;
    }

    a.catalog-window {
        display: block;
        background-color: #8aac1d;
        padding: 15px 15px 15px 15px;
        width: 27%;
    }

    .line-header p {
        display: none;
    }

    .tsubtitle {
        font-size: 26px;
        font-weight: 600;
        margin-top: 60px;
        margin-left: 30px;
    }

    .tdescription {
        margin-top: 20px;
        margin-left: 30px;
    }

    .margin-left-130 {
        margin-left: 30px;
    }

   .col-12:has(> .har-inn) {

       margin-bottom: 20px;
       max-width: 103%;
    }

    .har-inn {
        background-position: center right!important;
        background-color: #F8F8F8!important;
    }

    .row.margin-top-bottom-20 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mainbanner {
        padding: 63px 0 0 108px;
    }

    .mainbanner {
        background-size: contain;
        font-size: 24px;
        text-align: center;
        line-height: 30px;
    }

    .mainbanner > .green {
        font-size: 28px;
        display: block;
        line-height: 30px;
    }

    .mainbanner > .green .big {
        font-size: 46px;
        line-height: 52px;
    }

    .mmmm {
        background-position: center right!important;

    }
    .mmmm > div {
        background-color: #F8F8F8!important;
    }

    ul.tabs__caption li  {
        margin-bottom: 20px;

    }

    .mm:not(:last-child) .rev {
        border-right: none;
    }



    .vz-1,
    .vz-2
    {
        background-color: #F8F8F8!important;
        background-position: center right;
    }

    .mmmm > div {
        margin-bottom: 20px;
    }

    .r-link {
        margin-bottom: 20px;
    }

    .sssd .vlist {
        background-position-x: right!important;
    }

    ul.tabs li {

    }

    ul.tabs li {
        height: 60px;
        padding: 10px 20px;
    }

    .padding-left-50 {
        padding-left: 0px;
    }

    .main-img {
     /*   display: none!important; */
    }

    .main-img {
        padding: 0 0 30px 0px;
    }

    .minii-main-img {
        display: block!important;
        margin-top: 25px;
    }

    .minii-main-img img {
        max-width: 100%;
    }

    .pricec {
        flex-direction: column;
    }

    .pricec div:first-child {
        display: flex;

    }

    .pricec div span {
        width: 50%;
    }

    .pricec div {
        width: 100%;
    }

    .pricec div span:last-child {
        text-align: right;
    }

    .mainbanner {
        background: url(../images/discontlinemini.png) no-repeat center center;
        height: 460px;
        width: 100%;
        padding: 100px;
        background-size: cover;
        padding-top: 240px;
    }

    .vo  .flex-row {
        flex-direction: column!important;
    }

    .project2, .project4 {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1%;
    }

    .project2 img, .project4 img {
        max-width: 100%;
    }

    .project, .project3 {
        box-sizing: border-box;
        width: 100%;
        height: initial;
    }


    .project .flex-column, .project3 .flex-column {
        flex-direction: row!important;
    }

    .project img, .project3 .swiper-slide img{
        max-width: 100%;
        max-height: 92px;
        width: initial!important;
    }

    .project .swiper-slide, .project3 .swiper-slide {
         height: 110px;
    }

    .project3 .swiper-slide {
        width: initial!important;
    }

}

@media (max-width: 768px) {

    .breadcrumbs {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .breadcrumbs ul {
        display: flex;
        flex-wrap: wrap;
    }


    .m-catalog-price {
        font-size: 22px;
        font-weight: bold;
    }

    .d-ll > .rrr > .rrr {
        align-content: flex-start;
    }


    .do .margin-bottom-50, .profsystem .margin-bottom-50 {
        margin-bottom: 50px;
    }

    .card-banner2 {
        background-position: center left!important;
    }

    .one-ll {
        line-height: 30px;
        padding-right: 15px;
        font-size: 20px;
        width: 50%;
        margin-left: 50%;
    }

    .two-ll, .two-ll span {
        font-size: 20px;
    }


    .two-ll {
        width: 50%;
        margin-top: 0px;
        margin-left: 50%;
        padding-right: 15px;
    }


    .ctdescr2 {
        position: static;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .catimg img {

    }

    .ctdescr {
     position: static;
        margin: 15px 0;
    }


    .project2 {
        height: 325px;
    }


    .mobilemenu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding: 20px 10px;
        z-index: 111;
        overflow: auto;
    }


   .other h1 {
        font-size: 28px;
        font-weight: 600;
        text-align: center;
       margin-bottom: 20px;
    }


    .card-banner {
        padding: 20px;
    }

    .two-l {
        font-size: 29px;
    }

    .r-product {
        width: 100%;
    }

    .bottomtop a.yellowbutton,
    .bottomtop button.yellowbutton {
        font-size: 14px;
    }

    #uploadfile span {
        font-size: 17px;
        text-align: left;
        line-height: 20px;
        background-size: 24px;
    }

    .catalogform input[name='phone'],
    .catalogform select[name='services']
    {
        width: 100%;
        margin-left: 0;
    }


    .contactform {
         padding: 50px 30px;
    }

    .catalogform .col-50 {
        width: 100%;
    }

    .cic {
        padding: 20px 23%;
    }


    .navi {
     margin: 0 auto;
        float: initial;
    }


    .gttop span {
        font-size: 16px;
    }

    .slogandescription,
    a.greenbutton {
        display: none;
    }

    .rekw {
        width: 50%;
    }

    .small-y-b {
        width: 50%;
        margin-right: 0;
    }


    span.time {
        font-size: 12px;
    }

    a.yellowbutton, button.yellowbutton {
        font-size: 14px;
    }

    .margin-right-30 {
        margin-right: 10px;
    }

    .cmenu,
    .left-cmenu,
    .right-cmenu

    {
        display: none;
    }


    a.catalog-window span {
        padding-left: 0px;
        background: none;
        text-align: center;
    }

    a.catalog-window {
        width: 70%;
        font-size: 16px;
    }

    .burger-black {
        display: block!important;
    }

    .maingallery .swiper-slide img {
        max-width: initial;
        max-height: 300px;

    }

    .m-b-20 {
        margin-bottom: 20px;
    }

    .swiper{
        border-radius: 10px;
    }

    .bnext,
    .bprev {
        display: none;
    }

    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        width: 100%!important;
        left: initial;
        top: 270px;
        display: flex;
        justify-content: center;
    }

    .margin-top-100 {
        margin-top: 30px;
    }

    .maingallery {
        height: 600px;
    }


    .gallery-title {
        font-size: 34px;
        position: absolute;
        top: 53%;
        left: 0%;
        line-height: 44px;
        font-weight: 600;
        text-align: center;
        width: 100%;
    }

    .swiper-pagination-bullet {
        left:0!important;
    }

    .gallery-discription {
        display: block;
    }

    .gallery-discription {
        font-size: 20px;
        position: absolute;
        top: 76%;
        left: 0;
        line-height: 33px;
        text-align: center;
        width: 100%;
    }

    .zamer {
        position: absolute;
        top: 90%;
        left: 0%;
        width: 100%;
        font-size: 18px!important;
    }

    .advantage h2 {
        text-align: center;
    }

    .imgadv {
        width: 100%;
        background: url(../images/advv-mini.png) no-repeat center center;
        max-height: 260px;
        background-size: cover;
    }

    .imgadvtext {
        width: initial;
        top: initial;
        left: initial;
        padding: 20px;
        position: initial;
    }

    .iat-one,
    .iat-two {
        text-align: center;
    }

    .iat-one {
        font-size: 20px;
    }

    .iat-two {
        font-size: 14px;
    }


    .margin-bottom-50 {
        margin-bottom: 30px;
    }


    .dd-n {
        display: block;
        max-height: 320px;
        margin: 25px auto;
    }

    .list-advantage {
        padding-left: 0px;
    }

    ul.list-advantage li span:first-child {
        font-size: 16px;
    }

    .list-advantage p {
        font-size: 14px;
    }

    .list-advantage li:last-child {
        margin-bottom: 0px;
    }

    h2 {
        font-size: 28px;
        font-weight: 600;
        text-align: center;
    }

    .tabs {
        margin: 0;
    }


    .tabs__caption {
        display: flex;
        justify-content: left;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow: hidden;
    }

    .tabs ul li.active, .tabs ul li:hover {
        background: none;
    }

    ul.tabs__caption li {
        margin-bottom: 0px ;
    }

    .tabs ul li, .tabs ul li.active {
        border: none;
        padding: 0;
        color: #2b2a29;
        white-space: nowrap;
        line-height: 37px;
    }

    .tabs ul li.active {
        border-bottom: 2px solid #ffc337;
        color: #ffc337;
        border-radius: 0;
    }


    .l-product {
        display: none;
    }


    .r-product-main {
        width: 100%;
    }

    .mini-description {
        display: block;
    }

    .mini-description {
        font-size: 15px;
    }


    .paggination {
        width: 100%;
        height: 20px;

        position: relative;
        display: flex;
        justify-content: space-around;
        margin-top: 25px;

    }

    .r-product .swiper-slide > div:last-of-type {
        font-weight: bold;
    }


   .r-product  .line-table span {
       width: 100%;
       display: block;
       color: #6d6d6d;
   }

    .t-img, .t-img2 {
        height: 210px;
    }

    .t-img2 {
        background-size: cover;
        border-radius: 5px;
    }

    .t-img {
        border-radius: 5px;
    }



    .tsubtitle, .tsubtitle2 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 40px;
        margin-left: 20px;
    }



    .tdescription, .tdescription2 {
        margin-top: 20px;
        margin-left: 20px;
        width: 43%;
        font-size: 14px;
    }

    .t-img .margin-left-130,
    .t-img2 .margin-left-30

    {
        display: none!important;
    }

    .mobiletree {
        display: block;
    }

    .b-img {
        background: url(../images/back.jpg) no-repeat top center;
        background-size: contain;
        height: 690px;
    }

    .mainform {
        margin-top: 245px;
    }

    .mainform {
        padding: 25px 20px;
    }

    .mainform h3 {
        font-size: 24px;
    }

    .tab_container {
        margin-left: 0px;
        padding-right: 0px;
        border-radius: 0;
    }


    .d_active {
        background: rgb(251,203,89);
        background: linear-gradient(0deg, rgba(251,203,89,1) 0%, rgba(250,232,151,1) 100%);

    }


    .d-flex .df-one,

    .d-flex .df-two
    {
        width: 50%;
    }

    .tab_container .df-two .yellowbutton  {
        width: 100%;
    }

    .tab_container .tab_content .d-flex {
        display: none!important;
    }


    .tab_container {
        background-color: initial;
    }

    .tab_content    {
        background-color: #f8f8f8;
    }

    .tabs-box + .d-flex {
        width: 96%;
        margin: 20px  2% 0 2%;
    }

    .tabs-box + .d-flex  .df-two {
        margin-left: 0;
    }

    .tabs-box + .d-flex  .df-two .yellowbutton {
        width: 100%;
    }


    .tcc {
        padding: 20px 0 20px 20px;
    }





        /* показываем элементы аккордеона */
    .tab_accordion,
    .tab_accordion1

    {
        position: relative;
        font-size: 16px;
        color: #2b2a29;
        margin: 0;
        padding: 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 2px solid #eeeeee;
        margin-top: 10px;
        height: 60px;
        background: url(../images/g-l.jpg) no-repeat center left;


    }
    /* панели аккордеона при наведении */
    .tab_accordion:hover,
    .tab_accordion1:hover

    {
        background-color: #009688;
    }

    /* состояние активных панелей */
    .d_active,
    .d_active1{
        background: rgb(251,203,89);
        background: linear-gradient(0deg, rgba(251,203,89,1) 0%, rgba(250,232,151,1) 100%);
        color: #2b2a29;
        font-weight: bold;
        border: 0px!important;
        height: 60px;

    }

    .d_active:before, ul.tabs1 li.active:before {
        background: url(../images/w-l.jpg) left center no-repeat;
        content: "";
        width: 6px;
        height: 40px;
        display: block;
        position: absolute;
        left: 0px;
        top: 10px;
    }






    .tabs-box .tabs {
        display: none;
    }

   .footer-bottom .padding-left-50 {
        padding-left: 12px;
    }

   .footer-bottom {
       text-align: center;
   }


}


@media (max-width: 576px) {


    .logo img {
        width: 95%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    span.phone a, span.phone a:hover {
        font-size: 16px;
        font-weight: 600;
    }

    .bg {
        background-color: #f8f8f8;
        padding: 20px;
    }

    .bg .modal-link {
        display: none;
    }

    .margin-0 {
        margin: 0px;
    }

    .tabs__caption {
        justify-content: center;
        flex-wrap: wrap;
    }


    .do .margin-bottom-50, .profsystem .margin-bottom-50 {
        margin-bottom: 30px;
    }


    .calcprice {
        font-size: 27px;
    }

    .ctdescr {
        max-width: 100%;
    }

    .mna {
        text-align: center;
    }

    .cardimg {
        max-width: 100px;
        display: inline-block;
        margin-bottom: 20px;
    }


    .backgroundform {
        width: 103%;
        margin-right: 2%;
        margin-left: 2%;

    }

    .card-banner {
        background: #F8F8F8 url(../images/formmini5.png) no-repeat 0px 80px;
        height: 180px;
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
     }

    .other h1 {
        margin-left: 0px;
    }

    #uploadfile span {
        font-size: 15px;
    }

    .cic {
        font-size: 15px;
    }

 .catalogform  .yellowbutton {
     width: 100%;
     text-align: center;
     display: inline-block!important;
 }

    .catalogform input,
    .catalogform select,
    .catalogform textarea

    {
        font-size: 15px;
    }

    .contactform {
        margin-left: 0px;
        background-size: cover;
    }

    .project .swiper-slide {
        height: 88px;
    }

    html, body {
        font-size: 15px;
    }

    .sl {
        width: 26px;
        height: 24px;
        background-position: center left!important;
        margin-left: 29%;

    }

    .rou {
        margin-left: 30px!important;
    }

    .r-product .line-table {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }

    .r-product-main {
        width: 100%;
    }

    .tabs ul li,
    .tabs ul li.active
    {
        font-size: 14px;
    }

    .mmzz {
        display: flex!important;
        height: 30px;
        justify-content: space-around;

    }

    .mmzzz {
        width: 100px;
        height: 45px;
        display: flex;
        justify-content: space-between;
    }

    .m-left {
        background: #fff url(../images/left-text.png) no-repeat center 14px;
        height: 50px;
        width: 30px;
    }

    .m-right {
        background: #fff url(../images/right-text.png) no-repeat center 14px;
        height: 50px;
        width: 30px;

    }

    .row.margin-top-bottom-20, .mmmm {
         width: initial;
        max-width: 100%;
    }

    .row.margin-top-bottom-20 {
        padding-left: initial;
        padding-right: initial;
    }

    .t-img, .mobiletreein, .har-inn  {
        margin-left: 2%;
        margin-right: 2%;
    }

    .other .har-inn {
        margin-left: 0%;
        width: 106%;
    }


    .t-img, .mobiletreein, .har-inn  {
        width: 96%;
    }

    .col-12:has(> .har-inn) {
        max-width: 100%;
    }

    .har-inn {
        width: 100%;
    }

    .vz-1 {
        background: url(../images/miniform4.png) no-repeat center top;
        background-color: #fff!important;
        width: 106%;
        text-align: center;
        padding-top: 305px;

    }

    .mmmm,
    .mmmm > div {     background-color: #fff!important;
    }

    .main-img img {
        max-width: 100%;
    }

    .vz-1 .yellowbutton {
        width: 100%;
    }

    .vz-2 {
        width: 105%;
    }

    .vz-title2 {
        font-size: 20px;
    }


    .vz-title2 span {
        font-size: 30px;
    }

    .vz-2 {
        padding: 25px;
        background: #fff url(../images/formmini5.png) no-repeat 0px 60px;
        border-radius: 10px;
    }

    .vz-description2 {
        font-size: 20px;
        text-align: center;
    }

    .vz-description2 span {
        font-size: 60px;
    }

    .m-catalog-description-in {
        font-size: 14px;
    }

    .m-catalog-img img {
        height: 125px;
    }

    .m-catalog-img {
        height: 150px;
    }

    .m-catalog-description {
        margin-bottom: 15px;
    }

    .m-catalog-price {
        margin-bottom: 15px;
    }


   .m-catalog-button button.yellowbutton {
       width: 100%;
   }

    .hi-title {
        font-size: 21px;
    }

    .vz-title span {
        color: #8aac1d;
        font-size: 42px;
    }

   .m-catalog-title {
       margin-top: 30px;
       font-size: 18px;
   }

    .mainbanner {
        background-size: auto;
        padding-left: 25px;
        padding-right: 25px;
    }


    .breadcrumbs ul {
        width: 48%;
    }

    .margin-bottom-100 {
        margin-bottom: 30px;
    }




}

 @media screen and (max-width: 480px) {

     #accordion > div, #accordion2 > div {
         padding: 1.5rem;
     }

     .one-ll {
        padding-top: 50px;
     }


     .tdescription {
         width: 58%;

     }

     .ctdescr {
         background: none;
         padding: 0;
         height: initial;
         width: initial;
     }

     .catimg {
         position: relative;
         margin: 10px 0;
     }

     .ctdescr2 {
         max-width: 100%;
     }


}



@media screen and (max-width: 414px) {

    .ctdescr2 {
        padding: 20px;
    }

    .one-l {
        font-size: 18px;
    }

    .one-l span {
        font-size: 23px;
    }

    .two-l {
        font-size: 24px;
    }


    .card-banner2 {
        background-size: 235%!important;
    }


    .one-ll {
        line-height: 21px;
        padding-right: 15px;
        font-size: 14px;
        width: 40%;
        margin-left: 60%;
    }

    .two-ll {
        width: 40%;
        margin-left: 60%;
        padding-right: 15px;
        margin-top: 10px;
        font-size: 17px;
    }

    .card-banner2 {
        height: 241px;
    }



    .ctdescr2 {
        height: initial;
        background-size: cover;
    }

    .ctdescrdescr {
        font-size: 13px;
    }


    .project2 {
        height: 252px;
    }

    .backgroundform {
        padding: 30px;
    }

    .catalog-form {
        padding-left: 20px;
    }

    .tdescription2 {
        width: 65%;
    }

    .two-l {
        margin-top: 69px;
    }

    .cic {
        padding: 20px 14%;
    }

    .footer .fantom-button-yellow,
    .footer .fantom-button-green
    {
        width: 100%;
        text-align: center;
    }

    .vl-title,
    .vl-description
    {
        text-align: center;
    }

    .vl-description {
        width: 100%;
    }
    .sssd:nth-child(1) .vlist {
        background: #f8f8f8 url(../images/mwe1.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(2) .vlist {
        background: #f8f8f8 url(../images/mwe2.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(3) .vlist {
        background: #f8f8f8 url(../images/mwe3.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(4) .vlist {
        background: #f8f8f8 url(../images/mwe4.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(5) .vlist {
        background: #f8f8f8 url(../images/mwe5.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(6) .vlist {
        background: #f8f8f8 url(../images/mwe6.png) no-repeat center 129px!important;
    }

    .sssd:nth-child(7) .vlist {
        background: #f8f8f8 url(../images/mwe7.png) no-repeat center 129px!important;
    }


    .sssd:nth-child(8) .vlist {
        background: #f8f8f8 url(../images/mwe8.png) no-repeat center 129px!important;
    }

    .mainbanner {
        background: url(../images/discontlinemini.png) no-repeat center top;
        padding-top: 155px;
        height: 325px;
        padding-bottom: 0px;
    }

    .project .swiper-slide {
        height: 67px;
    }

}
@media screen and (max-width: 375px) {

    .one-ll {
        padding-top: 57px;
    }

    a.back {
        padding-left: 18px;
    }

    .mainform {
        margin-top: 220px;
    }

    .top-button {
        display: flex;
        margin-left: 15px;
    }

    .vz-title2 span {
        font-size: 25px;
    }

    span.time, span.phone {
        background: none;
        padding-left: 0px;
    }

    .project2 {
        height: 225px;
    }

    .one-l {
        font-size: 20px;
    }

    .mainbanner {
        padding-left: 20px;
        padding-right: 20px;

    }

    .cic {
        padding: 20px 10%;
    }

}

@media screen and (max-width: 360px) {

    .two-ll {
        width: 40%;
        margin-left: 60%;
        padding-right: 15px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 20px;
    }

}