@font-face {
    font-family: "HeliosCond";
    src: url("fonts/HeliosCondRegular/HeliosCondRegular.eot");
    src: url("fonts/HeliosCondRegular/HeliosCondRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondRegular/HeliosCondRegular.woff") format("woff"),
    url("fonts/HeliosCondRegular/HeliosCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "HeliosCondBold";
    src: url("fonts/HeliosCondBold/HeliosCondBold.eot");
    src: url("fonts/HeliosCondBold/HeliosCondBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondBold/HeliosCondBold.woff") format("woff"),
    url("fonts/HeliosCondBold/HeliosCondBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PFStamps";
    src: url("fonts/PFStampsPro-Flex.eot");
    src: url("fonts/PFStampsPro-Flex.eot?#iefix")format("embedded-opentype"),
    url("fonts/PFStampsPro-Flex.woff") format("woff"),
    url("fonts/PFStampsPro-Flex.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
body {background: url(images/fon.jpg) center 0 repeat;background-attachment: fixed;}
.footer .footerBox {background: #fff;}
div {box-sizing:border-box;}
.white {color:#fff!important;}
.gold {color: #988558!important;}
.content-box {padding: 0;font-family: "HeliosCond";}
.yellow-bg {background: #fcaf17!important;}
.black-bg {background: #000!important;}
.font-stamp {font-family: 'PFStamps'!important;}
.d-block { display: block!important;}
.m-auto {margin-left:auto!important;margin-right:auto!important;}
h1,.h1 {
    display: flex;
    flex-direction: column;
    font-size: 100px;
    text-transform: uppercase;
    font-family: 'HeliosCondBold';
    color: #988558;
}
h2, .h2 {
    font-size: 50px;
    color: #988558;
    text-transform: uppercase;
    font-family: 'HeliosCondBold';
} 
h3, .h3 {
    font-size: 30px;
    margin-bottom: 1rem;
}
.mt40 {margin-top: 40px;}
.mb40 {margin-bottom: 40px;}
.mtb40 {margin:40px auto;}
.mtb10 {margin:10px auto;}
.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w60 {width:60%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}
.pr40 {padding-right: 40px;}
.pl40 {padding-left: 40px;}
.pl60 {padding-left: 60px;}
.pr60 {padding-right: 60px;}
.ptb40 {padding: 40px 0;}
.d-block {display: block!important;}
.d-inline-block {display: inline-block!important;}
.d-flex {display: flex!important;}
.align-items-top {align-items: flex-start!important;}
.align-items-center {align-items: center!important;}
.justify-content-between {justify-content: space-between!important;}
.justify-content-center {justify-content: center!important;}
.text-center {text-align:center!important;}
.text-right {text-align: right!important;}
.bold {font-family: 'HeliosCondBold';}
.header {height: 74px;}
.breadcrumb, .page-title-box {display: none;}
.topper {position: relative;}
.topper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 2.5rem;
    left: 0;
    background: #fcaf17;
}
.top-main-pict {
    display: block;
    margin: 0 auto;
}
.bottom-wrap {
    background: #fcaf17;
    position: relative;
    height: 8vw;
}
.bottom-wrap_right {
    background: #000;
    position: absolute;
    right: 0;
    width: 65%;
    height: 7.3vw;
    display: flex;
    align-items: center;
    padding-left: 1vw;
}
.bottom-wrap_right img {max-height: 6vw;}
.band {
    width: 100%;
    position: relative;
    height: 10vw;
}
.band .title {font-size: 1.4vw;}
.band .black-bg .title {
    color: #fff;
}
.title2 {
    font-size: clamp(20px, 2vw, 44px);
}
.band .black-bg .title2, .black-bg .title2 {
    color: #fff;
    font-size: 2vw;
}
.band-right {
    position: absolute;
    right: 0;
    width: 52%;
    height: 6vw;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 1vw;
}
.band-right img {max-height: 5vw;}
.band-left {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 48%;
    height: 100%;
    padding-right: 1vw;
    position: relative;
}
.band-left img {
    max-height: 5vw;
    position: absolute;
    bottom: 1.5vw;
    right: 1vw;
}
.band .data {
    color: #000;
    font-size: 4vw;
    font-family: 'PFStamps'!important;
    height: 6vw;
    display: flex;
    align-items: center;
}
.tabpages-wrap {margin: 1vw 0;}
.pager {display: flex;}
.swiper-container.pages {overflow: visible;}
.pager .item {
    height: 4vw;
    width: auto;
    min-height: 35px;
    display: inline-block;
    position: relative;
    margin-right: .6vw;
}
.pager .item::before {
    content: '';
    display: block;
    background: #fcaf17;
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 80%;
    height: 2vw;
    min-height: 10px;
}
.pager .item span {
    font-size: 1.4vw;
    line-height: 1;
    background: #fcaf17;
    box-sizing: border-box;
    padding: .5vw 1vw;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    box-shadow: 4px 3px 7px rgb(0 0 0 / 50%);
    position: relative;
    cursor: pointer;
    height: 3.5vw;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager .item span.name {font-size: .8vw;}
.pager .item.active span {cursor: initial;}
.pager .item:hover span {box-shadow: 1px 2px 8px rgb(0 0 0);}
.pager .item.active:hover span {box-shadow: 4px 3px 7px rgb(0 0 0 / 50%);}
.tab-content > .item {display: none;}
.tab-content > .item.opened {display: block;}
.att-block {font-weight: bold;font-size: 20px;}
.att-icon {
    width: 50px;
    margin-right: 30px;
}
.tri-bott-right {padding-top: 40px;padding-bottom: 40px;}
.tri-bott-right::after {
    position: absolute;
    content:'';
    bottom: 0;
    right: 0;
    border: 35px solid transparent;
    border-bottom: 35px solid #fcaf17;
    border-right: 35px solid #fcaf17;
}
.tri-top-left {padding: 40px 0;}
.tri-top-left::before {
    position: absolute;
    content:'';
    top: 0;
    left: 0;
    border: 35px solid transparent;
    border-top: 35px solid #fcaf17;
    border-left: 35px solid #fcaf17;
}
.swiper-container {max-width: 700px; margin: 0 50px;}
.swiper-container .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.swiper-container .swiper-slide .text{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 250px;
    padding-left: 40px;
    padding-right: 40px;
}
.swiper-container .swiper-slide .pict{
    display: flex;
    justify-content: center;
}
.swiper-container.slider6_1 .swiper-slide .pict {
    align-items: center;
     height: 100%;
}
.slider-wrap {
    position: relative;
    margin-top: 40px;
}
.bottom-box {
    position: absolute;
    bottom: 0;
    left:0;
    width:100%;
    height: 250px;
}
.slider-wrap .swiper-button-next, .slider-wrap .swiper-button-prev {
    outline:none;
    top: calc((100% - 200px)/2);
}
.slider-wrap .notext .swiper-button-next, .slider-wrap .notext .swiper-button-prev {
    top: 50%;
}
.swiper-button-next, .swiper-button-prev {outline:none;}
@media (max-width: 767px) {
    .swiper-container.pages {
        padding-bottom: 10px;
    }
    .header {height: 54px;}
    .band {height: 70px;}
    .band-right {height: 100%;}
    .band .black-bg .title2, .black-bg .title2 {font-size: 16px;}
    .band .black-bg .title, .band .title {font-size: 14px;}
    .hamb_menu {box-sizing: initial;}
    .w10, .w20, .w30, .w60, .w40, .w50, .w70, .w80, .w90 {width:100%;}
    h1, .h1 {
        font-size: 3rem;
        text-transform: none;
    }
    h1 .text-right, .h1 .text-right {text-align: initial!important;}
    .swiper-container {margin: 0;}
    .swiper-container .swiper-slide {
        justify-content: space-between;
    }
    .swiper-container .swiper-slide .pict {
        height: calc(100% - 250px);
       align-items: center;
    }
    .swiper-container.notext .swiper-slide .pict {height: auto;}
    .tri-bott-right::after {
        border: 15px solid transparent;
        border-bottom: 15px solid #fcaf17;
        border-right: 15px solid #fcaf17;
    }
    .tri-top-left::before {
        border: 15px solid transparent;
        border-top: 15px solid #fcaf17;
        border-left: 15px solid #fcaf17;
    }
    .swiper-container .swiper-slide .text{ 
        padding-left: 30px;
        padding-right: 30px;
    }
    .att-block {
        font-size: 18px;
    }
    .pager .item::before {display: none;}
}
@media (max-width: 576px) { 
    .pager .item span {font-size: 10px;}
    .pager .item span.name {font-size: 8px;}
}