@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/GothamPro/GothamPro.eot');
    src: local('Gotham Pro'), local('GothamPro'),
    url('../fonts/GothamPro/GothamPro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro/GothamPro.woff') format('woff'),
    url('../fonts/GothamPro/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro Bold';
    src: url('../fonts/GothamPro/GothamPro-Bold.eot');
    src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
    url('../fonts/GothamPro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro/GothamPro-Bold.woff') format('woff'),
    url('../fonts/GothamPro/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro Medium';
    src: url('../fonts/GothamPro/GothamPro-Medium.eot');
    src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
    url('../fonts/GothamPro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro/GothamPro-Medium.woff') format('woff'),
    url('../fonts/GothamPro/GothamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'Proxima Nova Semibold';*/
/*    src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot');*/
/*    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Proxima Nova Regular';*/
/*    src: url('../fonts/ProximaNova/ProximaNova-Regular.eot');*/
/*    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),*/
/*    url('../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

:root{
    /*--main-color: #de6c1e;*/
    --main-color:  #f4bf3f;;
    --main-color-hover: #000;
    --color-gray: #747474;
    --font-bold: "Gotham Pro Bold";
    --font-medium: "Gotham Pro Medium";
}

.modal {
    z-index: 1041;
}

.whatsup_url {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
    width: 40px;
}

.whatsup_url img {
    border-radius: 15px;
}

@media (min-width: 768px){
    .whatsup_url {
        right: 20px;
        bottom: 20px;
        width: 50px;
    }
}

.vajno {
    font-size: 20px;
    text-align: center;
    color: #f70018;
}

html,
body {
    height: 100%;
    font-family: 'Gotham Pro';
    font-size: 18px;
    color: #fff;
    background-color: #000;
}

#opros-answer label {
    font-size: 16px;
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
}

@media (min-width: 768px){
    #opros-answer label {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.btn {
    font-family: var(--font-medium);
}

.call_back {
    background-color: #000;
    padding: 10px 15px;
    border-radius: 50px;
    border: 2px solid #747474;
    font-size: 14px;
    font-family: var(--font-bold);
    color: var(--main-color);
    transition: all 0.3s;
}

.call_back:hover {
    color: #000;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

a {
    color: #fff;
}

.text {
    font-size: 20px;
}

@media (min-width: 768px) {
    .text {
        font-size: 24px;
    }
}

.text p:last-child {
    margin-bottom: 0;
}

.bg2 {
    background-color: #1d1d1d;
}

.bg4 {
    background-color: #000;
}

.bg2.footer {
    border-top: 2px solid #000;
}

.bg3 {
    background-color: #254a5a;
    color: #fff;
}

a:hover {
    text-decoration: none;
}

.header {
    background-color: #000;
    z-index: 999;
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr 164px 37px;
    grid-column-gap: 10px;
    align-items: center;
}

.header_social {
    display: grid;
    grid-template-columns: 37px 37px 37px 37px;
    grid-column-gap: 5px;
}

@media (max-width: 767px) {
    .header {
        margin: 0 -15px;
        padding: 5px 15px;
        background-color: #1d1d1d;
    }
}

a.logo img {
    max-width: 38px;
}

@media (min-width: 768px) {
    a.logo img {
        max-width: 50px;
    }
}

.logo_desc {
    font-family: var(--font-bold);
    font-size: 16px;
    text-transform: uppercase;
    display: none;
}

.logo_desc span {
    color: var(--main-color);
    display: block;
}

.call-btn {
    float: right;
    background-color: #ffc107;
    border-radius: 8px;
    color: #000;
    border: none;
    cursor: pointer;
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 37px;
}

.call-btn a {
    color: #000;
}

@media (min-width: 768px) {

    .call-btn {
        display: none;
    }
}

a.phone, a.mail {
    transition: all .3s;
    font-family: var(--font-bold);
    font-size: 16px;
    text-align: right;
    display: none;
}

a {
    transition: all .5s;
}

a:hover {
    color: var(--main-color);
}

a.phone img, a.mail img {
    max-width: 20px;
    margin-right: 10px;
    vertical-align: text-top;
}

.padding {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 900;
}

@media (min-width: 768px) {
    .padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    a.phone {
        display: block;
    }
    .call-btn {
        margin: 10px 0 0 10px;
    }
    .phone {
        display: block;
    }
    .header {
        padding: 15px 0;
        grid-column-gap: 20px;
        grid-template-columns: 1fr 177px 177px 155px 175px;
    }
    .header_social {
        grid-template-columns: 31px 31px 31px 31px;
        grid-column-gap: 10px;
    }
}

@media (min-width: 992px) {
    .padding {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .logo_desc {
        display: block;
    }
    a.logo {
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-column-gap: 20px;
        align-items: center;
    }
    a.logo:hover .logo_desc{
        color: #fff;
    }

    a.mail {
        display: block;
    }
}

.title-big {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 120%;
    font-family: var(--font-medium);
}

@media (min-width: 768px) {
    .title-big {
        font-size: 42px;
        margin-bottom: 40px;
    }
}

.title-mini {
    font-family: var(--font-medium);
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 120%;
}

.bg-slider1 {
    background-image: url("/img/bg/2mini.jpg");
    background-repeat: no-repeat;
    position: relative;
    background-position: top right;
}

@media (min-width: 768px){
    .bg-slider1 {
        background-image: url("/img/bg/2.jpg");
        background-position: top right;
        background-size: cover;
    }
}

.bg-slider1 .lSSlideOuter img {
    background: transparent;
}

.fire1-bg {
    background-image: url("/img/fire/1-5mini.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.fire2-bg {
    background-image: url("/img/fire/6-3mini.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.staik1-bg {
    background-image: url("/img/staik/1-1mini.jpg");
    background-color: #1d1d1d;
    background-repeat: no-repeat;
    font-size: 16px;
    background-position: bottom left;
}

@media (min-width: 768px){
    .fire1-bg {
        background-image: url("/img/fire/1-8.jpg");
    }
    .fire2-bg {
        background-image: url("/img/fire/6-3.jpg");
        background-position: top right;
    }
    .staik1-bg {
        background-image: url("/img/staik/1-1.jpg");
        background-color: #1d1d1d;
        background-position: bottom left;
    }
}

.lSAction>a {
    opacity: 1;
}

/*.fire_left {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: 1;*/
/*    opacity: .8;*/
/*}*/

.fire_right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .8;
}

.slider_relative {
    position: relative;
    z-index: 900;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 768px){
    .slider_relative {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 30px;
    }
}

.slider-title_mini {
    font-size: 16px;
    font-family: var(--font-medium);
    margin-bottom: 10px;
    color: var(--main-color);
    text-shadow: 1px 3px 3px rgb(0 0 0);
}

@media (min-width: 768px){
    .slider-title_mini {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.slider-title{
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    font-family: var(--font-bold);
}

.slider-info span {
    margin-bottom: 40px;
    color: #f4bf3f;
    display: block;
    font-size: 20px;
    font-family: var(--font-bold);
}

.slider-info span a {
    color: #f4bf3f;
    text-decoration: underline;
}

.slider-info_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 20px;
    max-width: 900px;
}

@media (min-width: 768px){
    .slider-info_grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px 40px;
    }
}


.utp-container {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    margin: 20px 0;
    font-size: 16px;
}

.slider_relative1 {
    grid-row: 2;
}

@media (min-width: 768px){
    .slider_relative1 {
        grid-row: 1;
    }
    .utp-container {
        grid-template-columns: 40px 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 15px;
        margin: 30px 0;
        font-size: 18px;
    }
    .slider-title{
        font-size: 40px;
    }
}

/*otzivi1*/

.otzivi1-box {
    padding: 30px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgb(227, 160, 13);
    box-shadow: 0 4px 12px 0 rgb(227, 160, 13);
    border-radius: 32px;
    margin-bottom: 30px;
}

.otzivi1-foto {
    width: 100px;
    float: left;
}

.otzivi1-title {
    margin-bottom: 10px;
    padding-left: 120px;
    font-size: 16px;
}

.otzivi1-desc {
    font-size: 14px;
    padding-left: 120px;
}

@media (max-width: 768px) {
    .otzivi1-foto {
        width: 70px;
    }
    .otzivi1-title {
        padding-left: 80px;
    }
    .otzivi1-desc {
        clear: both;
        padding: 10px 0 0 0;
    }
}

/*Товары*/
.item-box {
    padding: 10px 10px 40px 10px;
    border-radius: 20px;
    background-color: #000;
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 3px solid #2c2c2c;
}

.item-box img {
    border-radius: 20px;
}

a.item-box:hover {
    color: #fff;
}

.item-box img {
    position: relative;
    max-width: 100%;
    transition: .5s;
}

.item-box:before {
    content: '';
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    transform: skewY(345deg);
    transition: .5s;
}

.item-box .podrob {
    left: 0;
    bottom: -100px;
    position: absolute;
    opacity: 0;
    transition: all .5s;
    width: 100%;
}

.item-box .btn {
    font-size: 16px;
}

@media (min-width: 768px) {
    .item-box {
        padding: 20px 20px 60px 20px;
    }
    .item-box:hover .podrob {
        bottom: 20px;
        opacity: 1;
    }
    .item-box:hover:before {
        top: -70%;
        transform: skewY(390deg);
    }
    .item-box:hover img {
        max-width: 80%;
    }
}

.grid-items4 .item-name, .grid-items5 .item-name {
    font-size: 14px;
}

.grid-items5 .item-name {
    margin: 20px 0 0 0;
}

.item-name {
    font-size: 18px;
    margin: 10px 0 0 0;
}

.bg4 .item-name {
    font-size: 16px;
}

.bg4 .item-name{
    font-size: 20px;
}

.item-price {
    font-size: 16px;
    font-family: var(--font-medium);
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

@media (min-width: 768px) {
    .grid-items4 .item-name, .grid-items5 .item-name {
        font-size: 16px;
    }
    .item-price {
        font-size: 22px;
        bottom: 20px;
    }
}

.item-desc {
    padding: 0;
    margin: 10px 0 0 0;
}

.item-desc p {
    margin-bottom: 0;
}


/*footer*/
.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    padding: 20px 0;
    font-size: 16px;
}

.footer-grid a {
    transition: all .3s;
}

.footer-logo {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-column-gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 340px;
    margin: 0 auto;
}

.footer-contact{
    font-size: 18px;
    text-align: center;
}

a.footer-phone {
    font-size: 24px;
    margin-bottom: 5px;
    display: block;
    font-family: var(--font-bold);
}

.instagram{
    max-width: 50px;
    margin: 0 auto;
}

.instagram img{
    transition: all .5s;
}

.footer-q {
    font-size: 18px;
}

.footer-q span{
    color: var(--main-color);
}

@media (min-width: 768px) {
    .footer-logo {
        grid-column-gap: 20px;
        grid-template-columns: 70px 1fr;
        max-width: 350px;
        margin: 0;
    }
    .footer-grid {
        grid-template-columns: 360px 1fr;
        padding: 40px 0;
    }
    .footer-contact{
        text-align: left;
    }
    .instagram:hover img {
        transform: rotate(360deg);
    }
}

@media (min-width: 1200px) {
    .footer-grid {
        grid-template-columns: 360px 1fr  180px 50px;
        grid-column-gap: 60px;
    }
}

/*отступы*/
@media (max-width: 767px) {
    .min-space {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.no-space-row {
    margin: 0;
}

.no-space {
    padding: 0;
}

.pt-5, .py-5 {
    padding-top: 40px !important;
}

.pb-5, .py-5 {
    padding-bottom: 40px !important;
}

@media (min-width: 768px) {
    .pt-5, .py-5 {
        padding-top: 80px !important;
    }

    .pb-5, .py-5 {
        padding-bottom: 80px !important;
    }
}

.footer-64web {
    background: black;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.gor-menu {
    background-color: #000;
    color: #fff;
}

.gor-menu_list {
    padding: 0;
    margin: 0;
    text-align: center;
}

@media (max-width: 991px) {
    .gor-menu_list {
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #1d1d1d;
        width: 100%;
        height: 100%;
        padding-top: 20%;
        transition: all .3s;
    }
    .gor-menu_list.active {
        left: 0;
    }
}

.gor-menu_list a {
    text-transform: uppercase;
    font-size: 18px;
    background-color: #1d1d1d;
    color: #fff;
    font-family: var(--font-medium);
    display: block;
    padding: 10px 0;
}

@media (min-width: 992px)  {
    #mobile-btn-menu {
        display: none;
    }
    .gor-menu_list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        align-items: center;
    }
    .gor-menu_list a {
        font-size: 13px;
        display: grid;
        height: 100%;
        align-items: center;
        position: relative;
        overflow: hidden;
    }
    .gor-menu_list a span {
        width: 100%;
        height: 2px;
        background: #1d1d1d;
        position: absolute;
        bottom: -2px;
        transition: all .5s;
    }
    .gor-menu_list a:hover span {
        width: 100%;
        height: 3px;
        background: var(--main-color);
        position: absolute;
        bottom: 0;
    }
}

.gor-menu_bg {
    background-color: #1d1d1d;
}

h1.cat, h2.cat {
    font-family: var(--font-medium);
    font-size: 18px;
    margin-bottom: 10px;
}

@media (min-width: 768px){
    h1.cat, h2.cat {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

#mobile-btn-menu {
    cursor: pointer;
    font-size: 20px;
}

#mobile-btn-menu img {
    width: 18px;
    margin-right: 10px;
    transform: translateY(-2px);
}

img {
    max-width: 100%;
}

/*breadcrumb*/
ul.breadcrumbs {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 16px;
}

ul.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
}

ul.breadcrumbs li a {
    color: #999999;
    text-decoration: none;
    font-size: 14px;
}

ul.breadcrumbs li a:hover {
    color: var(--main-color);
}

ul.breadcrumbs li.active {
    color: var(--main-color);
}

ul.breadcrumbs li:first-child::before{
    content: "";
    padding: 0;
}

ul.breadcrumbs li::before {
    padding-right: 5px;
    color: #6c757d;
    content: "/";
}

@media (min-width: 768px){
    ul.breadcrumbs {
        margin: 40px 0 15px 0;
    }
}

/*кнопка наверх*/

#toTop {
    width: 40px;
    height: 40px;
    background: var(--main-color);
    position: fixed;
    bottom: 50px;
    right: 5px;
    cursor: pointer;
    display: none;
    border-radius: 50%;
    z-index: 200;
    color: #000;
    padding: 0 0 0 11px;
    font-size: 28px;
    opacity: .8;
    border: 0;
}

@media (min-width: 992px) {
    #toTop {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        padding: 0 0 0 15px;
        font-size: 32px;
    }
}

#toTop:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

/*modal*/

.modal-rulez {
    font-size: 12px;
    color: #a5a3a3;
    margin-top: 20px;
}

.modal-header {
    border-bottom: 0;
    padding: 20px 20px 0 20px;
    color: #000;
}

.modal-title {
    font-size: 18px;
    width: 100%;
    font-family: var(--font-bold);
}

@media (min-width: 768px){
    .modal-title {
        font-size: 22px;
    }
}

.modal-header .close {
    font-size: 40px;
    padding: 10px;
    margin: -30px -20px 0 0;
}

.modal-header .close:focus {
    outline: none;
}

.modal-rulez a {
    color: #a5a3a3;
    text-decoration: underline;
}

.modal-rulez label, .modal-rulez p, .modal-rulez .form-group {
    margin-bottom: 0;
}

.modal-sm {
    max-width: 500px;
}

.modal-body {
    padding: 20px 20px 20px 20px;
}

@media (min-width: 768px){
    .modal-body {
        padding: 0 40px 40px 40px;
    }
    .modal-header {
        padding: 40px 40px 20px 40px;
    }
    .modal-header .close {
        margin: -40px -30px 0 0;
    }
}

.help-block {
    color: #ff2400;
    font-size: 14px;
}

.main_video {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}

.main_video .video-box-a img{
    padding: 5px;
    border: 2px solid var(--main-color);
    border-radius: 20px;
    position: relative;
    z-index: 900;
    background-color: #000;
}

.main_video .video-box-a {
    border: none;
    background: transparent;
}

.main_video .video-play {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_video .video-box-a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #181818;
    transform: rotate(6deg);
    transition: .5s;
    border-radius: 20px;
    z-index: 100;
    border: 3px solid #383838;
}

.main_video .video-box {
    padding: 10px;
}

.main-text-video {
    font-size: 14px;
    line-height: 120%;
    text-align: justify;
}

@media (min-width: 768px){
    .main_video .video-box {
        padding: 0;
    }
    .main-text-video {
        line-height: 140%;
    }
}

@media (min-width: 992px){
    .main_video .video-box-a:hover:before{
        transform: rotate(10deg);
    }

    .main_video {
        grid-template-columns: 500px 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
    }
}
@media (min-width: 1200px){
    .main_video {
        grid-column-gap: 60px;
        margin-bottom: 30px;
    }
}

.news-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}

.news-one {
    grid-template-columns: 1fr;
    background-color: #1d1d1d;
    padding: 20px;
    border-radius: 20px;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}

.news-title {
    font-size: 16px;
    font-family: var(--font-medium);
    margin-top: 10px;
}

.news-box a:hover {
    color: #fff;
}

.news-podrob {
    display: none;
}

@media (min-width: 768px){
    .news-one:before{
        content: '';
        position: absolute;
        bottom: -150px;
        right: 0;
        width: 400px;
        height: 100px;
        background: var(--main-color);
        transform: skewY(350deg);
        transition: .5s;
    }

    .news-podrob {
        display: block;
        position: absolute;
        bottom: -30px;
        right: 20px;
        color: #000;
        font-family: var(--font-medium);
        font-size: 16px;
        transition: .5s;
    }
    .news-one:hover:before{
        bottom: -78px;
        right: 0;
    }

    .news-one:hover .news-podrob{
        bottom: 10px;
    }

    .news-title {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .news-box {
        grid-row-gap: 30px;
    }
    .news-one {
        display: grid;
        grid-template-columns: 200px 1fr;
        grid-column-gap: 30px;
    }
}

.news-text {
    display: none;
    font-size: 16px;
}

.news-text:last-child p {
    margin: 0;
}

.news-foto {
    border-radius: 15px;
}

.video-box-grid4, .video-box-grid3 {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-column-gap: 10px;
     grid-row-gap: 30px;
     font-size: 16px;
 }

@media (min-width: 768px){
    .news-text {
        display: block;
    }
    .video-box-grid4 {
        grid-template-columns: 1fr 1fr;
    }
    .video-box-grid3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 992px){
    .video-box-grid4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1200px){
    .video-box-grid4 {
        grid-column-gap: 30px;
        grid-row-gap: 50px;
    }
}

.video-box_title {
    padding: 10px 0 0 0;
    line-height: 120%;
    font-size: 14px;
    text-align: center;
}

.video-box-a {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 5px solid #2c2c2c;
    padding: 20px 10px 10px 10px;
    height: 100%;
    background: #1d1d1d;
}

@media (min-width: 768px){
    .video-box-a {
        padding: 30px 15px 15px 15px;
    }
    .video-box-a:hover .video-play {
        transform: translateY(-10px);
    }
}

.video-box-a img {
    width: 100%;
    border-radius: 15px;
    position: relative;
    z-index: 910;
}

.video-play {
    transition: all 0.5s;
    position: absolute;
    background-image: url(/img/play-mini.png);
    background-repeat: no-repeat;
    background-position: center;
    top: -12px;
    left: 10px;
    width: 30px;
    height: 22px;
    z-index: 900;
}

@media (min-width: 768px){
    .video-play {
        background-image: url(/img/play.png);
        width: 50px;
        height: 36px;
        top: -22px;
        left: 10px;
    }
}

.fire2-bg.main .video-box-a {
    background-color: #000;
}

.bg2 .video-play {
    background-color: #1d1d1d;
}

.my-sticky{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0.1rem 1rem rgba(0,0,0,.1);
}

.full-box-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
}

@media (min-width: 992px){
    .full-box-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px;
    }
}

#full-fast-gal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 40px;
}

#full-fast-gal img {
    border-radius: 20px;
}

#full-fast-gal a:first-child {
    grid-column: -1/1;
}

@media (min-width: 992px){
    #full-fast-gal {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    font-size: 16px;
    margin-bottom: 20px;
}

@media (min-width: 768px){
    .contact-grid {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

@media (min-width: 1200px){
    .contact-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 20px;
    }
}

.cont-box {
    background-color: #1d1d1d;
    padding: 20px;
    border-radius: 20px;
    font-size: 20px;
}

.cont-box span {
    color: var(--main-color);
}

.cont-box_title {
    font-size: 16px;
    margin-bottom: 5px;
}

.cont-box_icons img {
    margin-top: 5px;
    margin-right: 10px;
    max-width: 50px;
    transition: all .5s;
}

.cont-recv {
    font-size: 16px;
}

.breadcrumb {
    margin: 20px 0 0 0;
    background-color: transparent;
    padding: 0;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 5px;
    border: none;
}

.btn-lg {
    font-size: 20px;
}

.sostav_box {
    position: relative;
}

.sostav_grid, .sostav_grid2 {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
}

.stone_box {
    grid-row: 4;
}
#close-menu-mobile {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 50px;
    border: none;
    color: #fff;
    background: none;
    width: 40px;
    height: 40px;
    line-height: 100%;
}

@media (min-width: 768px){
    .cont-box_icons img:hover {
        transform: rotate(360deg);
    }
    .sostav_box {
        min-height: 601px;
    }
    .sostav_grid {
        display: grid;
        grid-template-columns: 300px 270px;
        justify-content: space-between;
        row-gap: 25px;
        text-align: left;
    }
    .sostav_grid2 {
        display: grid;
        grid-template-columns: 280px 280px;
        justify-content: space-between;
        row-gap: 25px;
        text-align: left;
    }
    .stone_box {
        grid-row: 2;
    }
    .line2k {
        position: absolute;
        top: 76px;
        right: 280px;
        z-index: 800;
    }
    .line3k {
        position: absolute;
        top: 428px;
        right: 281px;
        z-index: 800;
    }
    .line4k {
        position: absolute;
        top: 390px;
        right: 281px;
        z-index: 800;
    }

}

@media (min-width: 992px){
    #close-menu-mobile {
      display: none;
    }
}
@media (min-width: 1200px){
    .sostav_grid2 {
        grid-template-columns: 280px 320px;
    }
    .line2k {
        top: 97px;
        right: 318px;
    }
    .line3k {
        top: 428px;
        right: 319px;
    }
    .line4k {
        top: 380px;
        right: 319px;
    }
}

.sostav_bg-image {
    text-align: center;
    position: absolute;
    top: 25px;
    left: calc(50% - 135px);
}

.sostav_bg-image2 {
    text-align: center;
    position: absolute;
    top: 25px;
    left: calc(50% - 220px);
}

.sostav_title {
    font-family: var(--font-medium);
    font-size: 18px;
}

.sostav_desc {
    margin-top: 5px;
    font-size: 16px;
}

.sostav_img img {
    border: 3px solid #ffc107;
    border-radius: 100px;
    padding: 5px;
    background-color: #282828;
    transition: all .5s;
    z-index: 900;
    position: relative;
}

.sos-grid {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-column-gap: 10px;
    text-align: left;
}

@media (min-width: 768px){
    .sostav_title {
        font-size: 20px;
        margin-top: 10px;
    }
    .sos-grid {
        display: block;
    }
    .sostav_img img:hover {
        transform: translateY(-10px);
    }
}

.stone_title {
    font-family: var(--font-medium);
    font-size: 20px;
    text-align: center;
}

.stone_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    text-align: center;
    margin-top: 10px;
    line-height: 120%;
    font-size: 16px;
    letter-spacing: -1px;
}

.stone_grid img {
    margin-bottom: 5px;
    border-radius: 50%;
    border: 2px solid #4c4c4c;
    transition: all .5s;
}

.stone_grid img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.line1 {
    position: absolute;
    top: 80px;
    left: 168px;
    z-index: 800;
}

.line1k {
    position: absolute;
    top: 222px;
    left: 168px;
    z-index: 800;
}

.line2 {
    position: absolute;
    top: 80px;
    right: 270px;
    z-index: 800;
}

.line3 {
    position: absolute;
    top: 428px;
    right: 270px;
    z-index: 800;
}

.sostav-kirpich {
    grid-row: 1 / 3;
}

@media (min-width: 768px){
    .sostav-kirpich {
        padding-top: 130px;
    }
}

.vbox-slider {
    margin-bottom: 30px;
}

.vbox-slider .video-box-a img {
    border-radius: 5px;
}

.slider-pic {
    text-align: center;
    position: relative;
}

/*.slider-pic img {*/
/*    z-index: 200;*/
/*    position: relative;*/
/*}*/

@media (max-width: 767px){
    .padding{
        overflow: hidden;
        position: relative;
    }
    /*.slider-pic img {*/
    /*   max-width: 190px;*/
    /*}*/
}

.grid-items3 {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}

.grid-items2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}

.grid-items4, .grid-items5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
}

@media (min-width: 768px) {
    .grid-items3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 50px;
    }
    .grid-items2 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 50px;
        max-width: 800px;
        margin: 0 auto;
    }
    .grid-items4, .grid-items5 {
        gap: 10px;
    }
}

@media (min-width: 992px) {
    .grid-items4,  .grid-items5 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}

@media (min-width: 1200px) {
    .grid-items5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 10px;
    }
}

.modal-content {
    border-radius: 20px;
    color: #000 !important;
}

.form-control-lg {
    font-size: 20px;
}

.modal-rulez label {
    margin-top: -3px;
}

.modal-rulez {
    display: grid;
    grid-template-columns: 20px 1fr;
}

.modal-rulez input {
   cursor: pointer;
}

.form-group.field-agree, .form-group.field-agree p.help-block {
    margin-bottom: 0;
}

.form-group.field-agree .custom-control-label {
    margin-top: 20px;
    font-size: 14px;
}

.form-group.field-agree .custom-control-label a{
    color: #000;
    text-decoration: underline;
}

.list-box {
    background-color: #1d1d1d;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.list-box b, .list-box strong {
    font-weight: normal;
    font-family: var(--font-medium);
}

.fr-view {
    font-size: 14px;
}

.fr-view p:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .list-box {
        padding: 40px;
        margin-bottom: 40px;
    }
    .fr-view {
        font-size: 16px;
    }
}

.bg-slider1 .lSSlideOuter img {
    border: none;
}

.lSSlideOuter {
    padding: 0 15px;
}

.lSSlideOuter img {
    border-radius: 20px;
    border: 2px solid #2c2c2c;
    padding: 5px;
    background-color: #000;
    width: 100%;
    transition: all .5s;
}

.fire1-bg .lSSlideOuter img {
    border-radius: 20px;
    border: 2px solid #2c2c2c;
    padding: 5px;
    background-color: #000;
    width: 100%;
    transition: all .5s;
}

.fire1-bg .lSSlideOuter img:hover {
    border: 2px solid var(--main-color);
}

/*sborka*/

.sborka-bg {
    background-image: url(/img/kam3.jpg);
    background-color: #1d1d1d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}

.sborka-bg2 {
    background-image: url(/img/kam3.jpg);
    background-color: #1d1d1d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}

.sborka {
    position: relative;
    width: 336px;
    height: 600px;
}

.truba {
    transform: translateY(10px) translateX(-16px);
    transition: all 1.5s;
    z-index: 40;
    position: relative;
}

.krisha {
    transform: translateY(-26px);
    transition: all 1.5s;
    z-index: 50;
    position: relative;
}

.pod-mangal {
    transform: translateY(-65px);
    transition: all 1.5s;
    z-index: 60;
    position: relative;
}

.sborka:hover .truba{
    transform: translateY(-66px) translateX(-16px);
}

.sborka:hover .krisha {
    transform: translateY(-75px);
}

.sborka:hover .pod-mangal  {
    transform: translateY(-90px);
}

.stol {
    transition: all 1.5s;
    transform: translateY(-96px) translateX(-18px);
    z-index: 100;
    position: relative;
}

.mangal {
    transform: translateY(-183px) translateX(-93px);
    transition: all 1.5s;
    z-index: 110;
    position: relative;
}

.sborka:hover .mangal  {
    transform: translateY(-215px) translateX(-93px);
}

.verh {
    transition: all 1.5s;
    transform: translateY(-237px);
    z-index: 10;
    position: relative;
}

.sborka:hover .verh {
    transform: translateY(-216px);
}

.niz {
    transform: translateY(-306px) translateX(-1px);
    transition: all 1.5s;
}

.sborka:hover .niz {
    transform: translateY(-272px) translateX(-1px);
}

.kamin {
    transform: translateY(-487px) translateX(44px);
    transition: all 1.5s;
    z-index: 10;
    position: relative;
}

.sborka:hover .kamin {
    transform: translateY(-461px) translateX(44px);
}

.click-me {
    width: 130px;
    height: 130px;
    background-color: #282828;
    border-radius: 50%;
    border: 3px solid #ccc;
    font-family: var(--font-medium);
    font-size: 23px;
    line-height: 110%;
    position: absolute;
    z-index: 900;
    left: 77px;
    bottom: 24px;
    padding: 34px 0 0 0;
    opacity: .7;
    transition: 1s;
}

.sborka:hover .click-me {
    opacity: 0;
    transform: translateY(100px);
}

.karta_grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .karta_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
    }
}

.karta iframe {
    border-radius: 20px;
}

.vistavka img{
    border-radius: 20px 20px 0 0;
}

.karta iframe{
    width:100%;
    height: 233px
}

@media (min-width: 992px) {
    .vistavka h2 {
        min-height: 60px;
    }
    .karta iframe{
        height: 333px
    }
}

@media (min-width: 1200px) {
    .karta iframe{
        height: 400px
    }
}

.vis {
    position: relative;
}

.vis iframe {
    width: 100%;
    height: 200px;
}

.vis span {
    display: block;
    background-color: #1d1d1d;
    padding: 10px;
    border-radius: 0 0 20px 20px;
    width: 100%;
    font-size: 16px;
}

.karta_grid h2.cat {
    margin-bottom: 10px;
    font-size: 20px;
}

/*.vis img:nth-child(1){*/
/*   display: none;*/
/*}*/

.vis img:nth-child(2){
    border-radius: 20px 20px 0 0;
}

@media (min-width: 992px) {
    .vis iframe {
        height: 300px;
    }
    .karta_grid h2.cat {
        margin-bottom: 20px;
    }
    .vis span {
        padding: 20px;
    }
    .vis img:nth-child(1){
        border-radius: 20px 20px 0 0;
    }

    .vis img:nth-child(2){
        border-radius: 0;
    }
    .vis img:nth-child(1){
        display: block;
    }
}

a.video-slider {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 5px solid #2c2c2c;
    /*padding: 20px 10px 10px 10px;*/
    height: 100%;
    background: #1d1d1d;
}

a.video-slider img {
    border-radius: 20px;
}

@media (min-width: 768px) {
    .slider_relative2_padding {
        padding-top: 100px;
    }
}

.modal-catalog-social{
    text-align: center; font-size: 24px; margin-top: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1.4em;
}

.modal-catalog-social a {
    color: #000;
    text-decoration: underline;
}

.modal-catalog-social a:hover {
    color: #000;
    text-decoration: none;
}

@media (min-width: 768px) {
    .beton_slider_carusel {
        margin-top: 50px;
    }
    .besedka-slider {
        margin-top: 115px;
    }
}

#modal_social {
    position: fixed;
    padding: 40px;
    border-radius: 20px;
    background-color: rgb(255 255 255 / 80%);
    width: 300px;
    right: 20px;
    bottom: 70px;
    color: #000;
    display: none;
    z-index: 999;
    max-width: 85%;
}

@media (min-width: 768px) {
    #modal_social {
        bottom: 80px;
    }
}

.modal_social__grid {
    display: flex;
    gap: 10px;
}

.modal_social__grid img {
    border-radius: 10px;
}

.modal_social__title {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.modal_social__title span {
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
}

.modal_social__close {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    padding: 0 10px;
}