/*стили сброса и общие стили*/

*{-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: 'Kelson Sans RU',sans-serif;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;font: 100% inherit;vertical-align: baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}

body{line-height: 1} 

ol,ul{list-style: none}

blockquote,q{quotes: none}

blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}

button{background: transparent}

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

h1{font-size: 54px}

h2{font-size: 44px}

h3{font-size: 36px}

h4{font-size: 24px}

h5{font-size: 24px}

h6{font-size: 16px}

p{font: 16px Kelson Sans RU,sans-serif}

p,a,span.div,li {

  font-family: 'Kelson Sans RU',sans-serif;

  text-decoration: none;

}

body {

    background: #F7F7F7;

    position: relative;

}

header {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;

}

.prefix .wrap-header-content {

  position: fixed;

  top:-120px;

  width: 100%;

  left: 0;

  bottom: auto;

  padding-top: 32px;

    padding-bottom: 20px;

  transition: top 0.3s;

}

.prefix .company-adres p {

    display: none;

}

.prefix .active .company-adres p {

    display: block;

}

.prefix .logo img {

    width: 138px;

}

.prefix.fix .wrap-header-content {

  position: fixed;

  top: 0;

  width: 100%;

  left: 0;

  bottom: auto;

  background:  #FFF;

  margin-top: 0;

  border-bottom: 1px solid #CFD9E3;

  transition: top 0.3s;

}

.container  {

    width: 100%;

    max-width: 1180px;

    margin: auto;

    padding: 0 20px;

}

.wrap-header-content {

    width: 100%;

    height: auto;

    padding-top: 40px;

}

.wrap-header-info {

    position: relative;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.wrap-mobile {

    width: 100%;

    display: flex;

    justify-content: space-evenly;

    margin-left: 65px;

}



.nav-list {

    position: relative;

    display: flex;
    
    padding-left: 0;

}

.nav-list:after {

    position: absolute;

    content: "";

    width: 100%;

    left: 0;

    bottom: -4px;

    height: 4px;

    background: linear-gradient(90deg, #F5AD22 0%, #F08410 100%);

}

.nav-list li + li {

    margin-left: 25px;

}

.nav-list li a {

    color:  #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px;

}

.company-adres {

max-width: 220px;

}

.company-adres p {

    color:#000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

    margin-bottom: 9px;

}

.company-adres a {

    color: #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.page-lang {

    display: flex;

}

.page-lang a {

    color: #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

}

.page-lang span {

    color: #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

    display: block;

    margin: 0 6px;

}

.page-lang a.active {

    color: #F08410;

}

.main-banner {

    margin-top: 50px;

    height: 450px;

    overflow: hidden;

    position: relative;

}

.main-slider {

    position: relative;

    overflow: hidden;

}

.main-slide-1 {

    background-image: url('./../imgs/bg-slide-1.png');

}

.main-slide-2 {

    background-image: url('./../imgs/bg-slide-2.png');

}

.main-slide-3 {

    background-image: url('./../imgs/bg-slide-3.png');

}

.main-slider .swiper-slide {

    height: 450px;

    position: relative;

    padding: 80px 100px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.main-title-slide {

    color: #000;

    font-size: 36px;

    font-style: normal;

    font-weight: 700;

    line-height: 46px;

}

.main-link-slide {

    position: relative;

    margin-top: 40px;

    background: linear-gradient(90deg, #F5AD22 0%, #F08410 100%);

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 30px;

    height: 44px;

    color: #FFF;

    width: fit-content;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    transition: all 0.3s linear;

}

.main-link-slide span {

    position: relative;

    z-index: 1;

}

.main-link-slide:after {

 content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-decoration: none;

    background: linear-gradient(-90deg, #F5AD22 0%, #F08410 100%);

    opacity: 0;

    transition: all 0.3s linear;

}

.main-link-slide:hover:after {

    opacity: 1;

    transition: all 0.3s linear;

}



.slide-img {

    position: absolute;

    top: 53%;

    right: 6%;

    transform: translateY(-50%);

    z-index: 1;

}

.main-text-slide {

    margin-top: 15px;

    color:  #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px; 

}

.main-banner .swiper-button-next,.main-banner .swiper-button-prev {

    width: 40px;

    height: 40px;

    background: none;

}

.main-banner .swiper-button-next:after,.main-banner .swiper-button-prev:after {

    display: none;

}

.main-banner .swiper-button-next,.main-banner .swiper-rtl .swiper-button-prev {

    right: 20px;

}

.main-banner .swiper-button-prev,.main-banner .swiper-rtl .swiper-button-next {

    left: 20px;

}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 27px;

}

.swiper-pagination-bullet {

    background: #ffffff;

    border: 1px solid #F08410;

    width: 10px;

    height: 10px;

}

.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #F08410;

}

.catalog-block {

    margin-top: 100px;

}

.gallery-top {
    
    display: flex;
    
    flex-wrap: wrap;
    
    gap: 5px;
    
    margin-bottom: 20px;
}

.gallery-top > img {
    
/*    width: 24%;*/
    width: 16.3%;
    
    /*flex: 1 1 auto;*/
}

@media (max-width: 768px) {
    
.gallery-top > img {
/*    width: 49%;*/
    width: 32.8%;
}

}

.wrap-page-block-side {

    display: flex;

    flex-wrap: wrap;

}

.page-block-top-left {

    width: 50%;

    display: flex;

    align-items: center;

}

.page-block-top-right {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: flex-end; 

}

.block-title {

    color:  #000;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: 31px; 

}

.second-page .block-title {

    font-weight: 400;

    font-size: 24px;

}

.block-link {

    display: flex;

    position: relative;

    align-items: center;

    color:  #F08410;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.block-link svg {

    margin-left: 5px;

    position: relative;

    right: 0;

    transition: all 0.3s;

}

.block-link:hover svg {

    right: -5px;

    transition: all 0.3s;

}

.page-block-top-main {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 30px;

}

.catalog-block-item {

    position: relative;

    height: 200px;

    background: #EBEBEB;

    display: flex;

    align-items: center;

    justify-content: center;

}

.catalog-block-item:after {

    position: absolute;

    content:'';

    bottom: 0;

    left: 0;

    height: 4px;

    width: 100%;

    background: linear-gradient(90deg, #F5AD22 0%, #F08410 100%);

    transition: all 0.3s;

}

.catalog-block-item:hover:after {

    height: 100%;

    transition: all 0.3s;

}

.catalog-block-item:hover span {

    color: #ffffff;

    transition: all 0.3s;

}

.catalog-block-item span {

    position: relative;

    color:  #000;

    text-align: center;

    font-style: normal;

    font-weight: 400;

    line-height: 31px;

    z-index: 3;

}

.catalog-block-item.long-item {

    width: 554px;

}

.catalog-block-item.long-item span {

    font-size: 22px;

}

.catalog-block-item.short-item {

    width: 263px;

}

.catalog-block-item.short-item span {

    font-size: 20px;

}

.about-block {

    margin-top: 100px;

}

.wrap-about-block-text {

    margin-top: 30px;

}

.wrap-about-block-text p {

   color: #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px; 

}

.wrap-about-block-text p  + p {

    margin-top: 10px;

}

.wrap-white-block {

    display: flex;

    width: 100%;

    margin-top: 30px;

    padding: 40px;

    gap: 30px;

    flex-wrap:wrap;

    background: #FFF;

}

.white-block-title {

    width: 100%;

    color: #000;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: 31px;

}

.white-block-item {

    display: flex;

    width: calc(33.3337% - 20px);

    flex-direction: column;

    align-items: center;

    text-align: center;

}

.white-block-item svg {

    margin-bottom: 16px;

}

.white-block-item p {

    color: #000;

    text-align: center;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

}

.second-page .white-block-item p {

    text-align: left;

}

.second-page .white-block-item {

    align-items: flex-start;

}

footer {

    margin-top: 100px;

    background: #FFF;

}

.footer-content {

    display: flex;

    height: 40px;

    align-items: center;

    justify-content: space-between;

}

.footer-content p {

    color: #B3B3B3;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.footer-content a {

    display: flex;

    align-items: center;

    color: #D3D2D2;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; 

}

.footer-content a svg {

    margin-right: 10px;

}

.header-gamb {

    display: none;

}

@media (max-width: 1200px) {

    .wrap-mobile {

        display: none;

    }

    .wrap-mobile.active {

    display: flex;

    position: fixed;

    top: 100%;

    width: 100%;

    background: #F7F7F7;

    left: 0;

    z-index: 5;

    margin-left: 0;

    flex-direction: column;

    align-items: center;

    padding-bottom: 30px;

}

.nav-list {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 30px 0;

}

.nav-list li + li {

    margin-left: 0;

    margin-top: 20px;

}

.page-lang {

    margin-top: auto;

}

.company-adres {

    max-width: 220px;

    text-align: center;

}

.nav-list li {

    position: relative;

}

.logo img {

    width: 138px;

}

.nav-list li:after {

    position: absolute;

    content: "";

    width: 100%;

    left: 0;

    bottom: -4px;

    height: 4px;

    background: linear-gradient(90deg, #F5AD22 0%, #F08410 100%);

}

.nav-list:after {

    display: none;

}

.wrap-header-content {

    background: #ffffff;

    padding-bottom: 10px;

    padding-top: 10px;

}

.wrap-header-content .wrap-mobile.active {

    top: 63px;

    height: calc(100vh - 63px);

}

.prefix .wrap-header-content .wrap-mobile.active {

    top: 64px;

    height: calc(100vh - 64px);

}

.catalog-block-item.long-item {

    width: 100%;

}

.catalog-block-item.short-item {

    width: calc(50% - 15px);

}

.header-gamb {

  position: relative;

  width: 32px;

  height: 32px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  margin: 5px 0 0;

}

.prefix.fix .wrap-header-content {

    padding: 10px 0;

}

.header-gamb span {

  position: relative;

  width: 34px;

  height: 4px;

  background: #000000;

  transition: all 0.3s;

}

.header-gamb span:after {

  position: absolute;

  content:'';

  width: 100%;

  height: 4px;

  left: 0;

  top: -8px;

  background: #000000;

  transition: all 0.3s;

}

.header-gamb span:before {

  position: absolute;

  content:'';

  width: 100%;

  height: 4px;

  left: 0;

  bottom: -8px;

  background: #000000;

  transition: all 0.3s;

}

.header-gamb.active span {

  background: transparent;

  transition: all 0.3s;

}

.header-gamb.active span:after {

  transform: rotate(45deg);

  top: 0;

  transition: all 0.3s;

}

.header-gamb.active span:before {

  transform: rotate(-45deg);

  bottom: 0;

  transition: all 0.3s;

}

footer {

    margin-top: 60px;

    background: #FFF;

}

footer .footer-content {

    display: flex;

    flex-direction: column;

    height: auto;

    padding: 30px 0;

}

.footer-content a {

    display: flex;

    flex-direction: column;

}

.footer-content a svg {

    margin-right: 0;

    margin-bottom: 5px;

}

.footer-content p {

    margin-bottom: 20px;

    text-align: center;

}

}

@media (max-width: 768px) {

.container {

    width: 100%;

    max-width: 1180px;

    margin: auto;

    padding: 0 10px;

}

.main-slider .swiper-slide {

    height: 450px;

    position: relative;

    padding: 30px 10px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.main-title-slide {

    color:  #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px;

}

.main-link-slide {

    width: 100%;

    margin-top: 20px;

}

.main-banner .swiper-button-next, .main-banner .swiper-button-prev {

    display: none;

}

.slide-img {

    position: absolute;

    top: auto;

    right: auto;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    max-width: 220px;

}

.main-slide-1 {

    background-image: url('./../imgs/bg-slide-1-m.png');

}

.main-slide-2 {

    background-image: url('./../imgs/bg-slide-2-m.png');

}

.main-slide-3 {

    background-image: url('./../imgs/bg-slide-3-m.png');

}

.main-text-slide {

    margin-top: 10px;

    color: #000;

    font-size: 14px;

    line-height: 20px;

}

.main-text-slide br {

    display: none;

}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 10px;

}.page-block-top-left {

    width: 100%;

    display: flex;

    align-items: center;

    order: 1;

}

.page-block-top-right {

    order: 5;

    width: 100%;

    justify-content: center;

}

.page-block-top-main {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;

    margin-top: 20px;

    order: 2;

    width: 100%;

}

.catalog-block-item {

    height: auto;

    padding: 30px 20px;

}

.catalog-block-item.short-item {

    width: 100%;

}

.catalog-block-item span {

    font-size: 15px;

    line-height: 20px;

}

.catalog-block-item span br {

    display: none;

}

.catalog-block-item.long-item span,

.catalog-block-item.short-item span {

    font-size: 15px;

    line-height: 20px;

}

.block-link {

    margin-top: 20px;

    font-size: 14px;

    line-height: normal;

}

.wrap-about-block-text {

    order: 2;

}

.wrap-white-block {

    display: flex;

    width: 100%;

    margin-top: 20px;

    padding: 30px 20px;

    gap: 20px;

    background: #FFF;

    order: 3;

    flex-wrap: wrap;

}

.white-block-item {

    display: flex;

    width: 100%;

    flex-direction: column;

    align-items: center;

    text-align: center;

}

.white-block-item p {

    font-size: 14px;

}

}

.breadcrumbs {

    margin-top: 50px;

    margin-bottom: 10px;

}

.nav-crumb {

    margin: 0;

    padding: 0;

}

.nav-crumb li {

    position: relative;

    display: inline-block;

}

.nav-crumb li + li {

    margin-left: 14px;

}

.nav-crumb li + li:after {

    position: absolute;

    content: "/";

    left: -11px;

    top: 1px;

    color:  #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

}

.nav-crumb li a {

    color: #7A7A7A;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

    text-decoration-line: underline;

}

.nav-crumb li:last-child a {

    color: #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

    text-decoration: none;

}

.breadcrumbs + .catalog-block {

    margin-top: 10px;

}

.second-page .page-block-top-main {

    margin-top: 50px;

}

.catalog-detail-block {

    width: 100%;

}

.catalog-detail-title {

    color: #000;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 34px;

    margin-bottom: 50px;

}

.catalog-detail-text {

    margin-top: 50px;

    color:  #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px; 

    margin-bottom: 30px;

}

.catalog-detail-table-title {

    color: #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 23px;

}

.wrap-detail-table {

    margin-top: 10px;

    width: 100%;

}

.catalog-detail-block table {

    width: 100%;

}

.catalog-detail-block table  {}

.catalog-detail-block table  tr {}

.catalog-detail-block table  tr th {

    padding: 12px 30px;

    background: #F08410;

    color: #FFF;

    text-align: center;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 23px;

    vertical-align: middle;

}
.catalog-detail-block table tr:first-child {
    background: #F08410;
}
.catalog-detail-block table tr:first-child td {
    text-align: center;
    vertical-align: middle;
}

.catalog-detail-block table  tr th {

    width: 66.667%;

    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #F08410;

}
.catalog-detail-block table tr th {
     background: #F08410;
}
.catalog-detail-block table tr th {
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    vertical-align: middle;
}
.catalog-detail-block table  tr th:last-child {

    width: 33.337%;

    border-right: 1px solid #F08410;

}
/*
.catalog-detail-block table tr td:first-child {

    width: 66.667%;



}

.catalog-detail-block table tr td:last-child {

    width: 33.337%;



}*/

.catalog-detail-block table tr td {

    padding: 6px 30px;

    color: #000;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px; 

    border-bottom: 1px solid #CECECE;

}

.catalog-detail-block table tr:first-child:not(:last-child) td {

    padding: 12px 30px 6px;

}

.catalog-detail-block table tr:last-child:not(:first-child) td {

    padding: 6px 30px 12px;

}

.catalog-detail-block table tr td {

    border-left: 1px solid #CECECE;

    border-right: 1px solid #CECECE;

}

.catalog-detail-block table tr:last-child td {

    border-bottom: 1px solid #CECECE;

}

.catalog-detail-block table tr td p {

    margin-top: 10px;

    margin-bottom: 10px;

}

.catalog-detail-block table tr td,

.catalog-detail-block table tr td li + li {

    margin-top: 10px;

}

@media (max-width: 768px) {

.white-block-title {

    font-size: 15px;

    font-style: normal;

    font-weight: 700;

    line-height: 20px;

}

.catalog-detail-block table tr td {

    padding: 6px 10px;

}

.catalog-detail-block table tr:first-child:not(:last-child) td {

    padding: 12px 10px 6px;

}

.catalog-detail-block table tr:last-child:not(:first-child) td {

    padding: 6px 10px 12px;

}

.catalog-detail-title {

    margin-bottom: 30px;

}

.catalog-detail-text {

    margin-top: 30px;

    color: #000;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 20px;

}

.catalog-detail-table-title {

    color: #000;

    font-size: 14px;

    font-style: normal;

    font-weight: 700;

    line-height: 20px;

}

.catalog-detail-block table  tr th {

    padding: 12px 10px;

    font-size: 14px;

    line-height: 20px;

}

.catalog-detail-block table tr td {

      font-size: 14px;

    line-height: 20px;  

}

.catalog-detail-block table tr td:first-child {

    width: 70%;

    min-width: 220px;

}

.catalog-detail-block table tr td:last-child {

    width: 30%;

    max-width: 80px;

    text-align: center;

}

.catalog-detail-block table  tr th:first-child {

    width: 70%;

    min-width: 220px;

}

.catalog-detail-block table  tr th:last-child {

    width: 30%;

    max-width: 80px;

    border-right: 1px solid #F08410;

}

}

.second-page .about-block {

    margin-top: 10px;

}

.tab_li {

    margin-top: 53px;

}

.tab_li li + li {

    margin-top: 5px;

}

.tab_li li a {

    color: #000;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: 31px; 

    transition: all 0.3s;

}

.tab_li li a.curent {

    color: #F08410;

}

.tab_li li a.hover {

    color: #F08410;

    transition: all 0.3s;

}

.tab_box {

    margin-top: 30px;

}

.tab-content-info {

    display: flex;

}

.tab-content-info div + div {

    margin-left: 95px;

}

.content-info-adress p {

    color:#000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

}

.content-info-email a {

    color:#000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

    text-decoration-line: underline;

    transition: all 0.3s;

}

.content-info-email a:hover {

    text-decoration: none;

    color: #F08410;

    transition: all 0.3s;

}

.content-info-phone {

    display: flex;

    flex-direction: column;

}

.content-info-phone a {

    color:  #000;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

    transition: all 0.3s;

}

.content-info-phone a:hover {

    color: #F08410;

    transition: all 0.3s;

}

.tab-map {

    width: 100%;

    height: 390px;

    margin-top: 30px;

}

@media (max-width: 1024px) {

    .tab-content-info {

    display: flex;

    flex-direction: column;

}

.tab-content-info div + div {

    margin-left: 0px;

    margin-top: 10px;

}

.tab-map {

    width: 100%;

    height: 404px;

    margin-top: 20px;

}

}
.catalog-detail-block p strong img {
    display: none!important;
    opacity: 0;
    visibility: hidden;
}