@font-face {
    font-family: "PFDinCondPro";
    src: url("../fonts/PF Din Text Cond Pro.eot");
    src: url("../fonts/PF Din Text Cond Pro.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/PF Din Text Cond Pro.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DINCond';
    src: url('../fonts/DINCond-Bold.woff2') format('woff2'),
        url('../fonts/DINCond-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PFDinCondPro-Regular";
    src: url("../fonts/PFDinTextCondPro-Regular.svg#PFDinTextCondPro-Regular")
            format("svg"),
        url("../fonts/PFDinTextCondPro-Regular.ttf") format("truetype"),
        url("../fonts/PFDinTextCondPro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PFDinCondPro';
    src: local('PFDinTextCondPro-Light'),
        url('../fonts/subset-PFDinTextCondPro-Light.woff2') format('woff2'),
        url('../fonts/subset-PFDinTextCondPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
:root {
    --green-color:#7CC251;
	--lasur-color:#46bac5;
	--orange-color:#f4bd27;
}
body {
    font-family: "PFDinCondPro";
    font-weight: 300;
}
header.header {
    background-color: white;
    padding: 15px 0;
}
/* .header select {
    font-size: 24px;
    color: #333;
    border: none;
    margin-top: 16px;
    appearance: none;
    position: relative;
    background-color: white;
}
.header select:focus-visible {
    outline-color: transparent;
} */
.header select {font-size:24px; color: #ffffff;background-color: #000000; border: none;margin-top: 16px;}
.header select:focus-visible{outline: black;}
.header-select__container {
    position: relative;
}
.header-select__container::after {
    content: '';
    background: url(../img/select-arrow.png) no-repeat center/contain;
    width: 13px;
    height: 10px;
    position: absolute;
    top: 3.5rem;
}
@media (min-width:768px) {
    .header-select__container::after {
        top: 3rem;
    }
}
.header .tel,
footer .tel {
    font-size: 40px;
    /* color: #ffffff; */
    color: black;
}
.social a {
    margin-left: 8px;
}
header .social {
    margin-top: 10px;
}
section {
    padding: 80px 0;
}
/*section.top{*/
/*    background: url(/local/templates/volma/img/kley.png) 20% bottom no-repeat,*/
/*            url(/local/templates/volma/img/hero.png) 85% top no-repeat,*/
/*            url(/local/templates/volma/img/bg.png) center center no-repeat;*/
/*    height: 900px;*/
/*    background-size: 530px, contain, cover;*/
/*    position: relative;*/
/*}*/
section.top h1 {
    font-size: 88px;
    /*font-weight: 600;*/
    color: #ffffff;
    text-transform: uppercase;
    font-family: "PFDinCondPro-Regular";
}
section.top h1 span {
    font-family: "PFDinCondPro-Regular";
    color: transparent;
    -webkit-text-stroke: 0.5px #ffffff;
    text-transform: uppercase;
}
section.top p {
    color: #ffffff;
    font-size: 30px;
    margin-top: 2em;
}
.top {
    padding: 23% 0;
    /*background-color: #0d2562;*/
    color: #fff;
    overflow: hidden;
    position: relative;
    /*height: 320px;*/
    width: 100%;
}
.about-title {
    /*font-family: sans-serif;*/
    /*font-size: 70px;*/
    /*text-align: center;*/
    position: relative;
    /*opacity: .5;*/
}
/* VIDEO */
.video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 100%;
    transform: translate(-50%, -50%);
    /*opacity: 0.5;*/
}
.main-button {
    z-index: 100000;
    position: absolute;
    width: 100%;
    bottom: 10%;
}
.btn-main {
    background-color: var(--orange-color);
    padding: 20px 60px;
    font-size: 32px;
    color: white;
    border: none;
    border-radius: 0;
    font-weight: 300;
    letter-spacing: 4px;
    font-family: 'PFDinCondPro';
}
.about-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 110px;
    -webkit-background-size: cover;
    background-size: cover;
    background: url(/local/templates/volma/img/bg.png) 0 top no-repeat;
    display: none;
}
/*.about-footer {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 126px;*/
/*    -webkit-background-size: cover;*/
/*    background-size: cover;*/
/*    background: url(http://denis-creative.com/wp-content/uploads/2018/01/about-footer-bg.png)*/
/*    0 top no-repeat;*/
/*}*/
.about-header-bg-2 {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%, -100%);
    transition: transform 0.9s 0.2s ease;
    will-change: transform;
    transform: translate(-50%, 0);
}

.fon_picture {
   width: 100%;
}

.sect2 {
    /* background-color: #141414; */
    background-color: white;
}
p.main-title {
    font-size: 88px;
    line-height: 65px;
    color: transparent;
    -webkit-text-stroke: 0.5px black;
    text-transform: uppercase;
    display: inline-block;
}
p.main-title span {
    font-size: 48px;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
}
.sect2 .item {
    background-color: var(--lasur-color);
    padding: 50px;
    color: #ffffff;
    height: 490px;
    margin-top: 80px;
}
.sect2 .item img {
    height: 80px;
    width: auto;
}
.sect2 .item#bx_3218110189_1 img,
.sect2 .item#bx_3218110189_3 img {
    filter: invert(1);
}
.sect2 .item p {
    font-size: 30px;
    font-weight: 700;
    margin-top: 25px;
    color: black;
}
.sect2 .item#bx_3218110189_2 p {
    color: white;
}
.sect2 .col-md-4:nth-child(odd) .item {
    background-color: #e7eff5;
}
.sect2 .item ul {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.sect2 .item#bx_3218110189_1 ul,
.sect2 .item#bx_3218110189_3 ul {
   color: black;
}
.sect2 .item li {
    list-style-type: none;
    font-size: 24px;
}
.sect2 .item li:before {
    content: "\25A0";
    color: #ffffff;
    position: absolute;
    left: 60px;
    font-size: 12px;
    margin-top: 8px;
}
.sect2 .col-md-4:nth-child(odd) .item li:before {
    color: #0078bf;
}

.sect3 {
    background: url("/local/templates/volma/img/bg3.png")no-repeat top center;
    background-size: cover;
}
.sect3__container {
    display: flex;
    flex-wrap: wrap;
}
/* .sect3 select {
    font-size: 24px;
    color: #333;
    border: 1px solid black;
    padding: 5px 15px;
    appearance: none;
    width: 100%;
    background-color: white;
} */
.sect3 select {
		font-size: 24px;
		color: #ffffff;
		background-color: #333333;
		border: 1px solid #ffffff;
		padding: 5px 15px;
		margin-left: 15px;
		width: 220px;
		position: absolute;
		bottom: 25px;
}
.sect3 .header-select__container {
    margin-left: 15px;
    max-width: 100%;
    width: 100%;
    align-self: flex-end;
}
@media (min-width:660px) {
    .sect3 .header-select__container {
        max-width: 280px;
        margin-bottom: 19px;
    }
}
.sect3 .header-select__container::after {
    top: 2.5rem;
    left: auto;
    margin-left: -4rem;
}
@media (min-width:768px) {
    .sect3 .header-select__container::after {
        top: 2rem;
    }
}
.sect3 a.item {
    height: 100px;
    background-color: #ffffff;
    display: block;
    /* margin: 0 auto; */
    text-align: center;
    /* vertical-align: middle; */
    padding: 25px 0;
    margin-bottom: 30px;
}
.sect3 img {
    height: auto;
    max-height: 50px;
    display: inline-block;
    vertical-align: middle;
    max-width: 300px;
}
.row.shops {
    margin-top: 80px;
}
section.docs {
    /* background-color: #333333; */
    background-color: #e8edf0;
    color: #ffffff;
    text-align: center;
}
.docs .item {
    /* color: #ffffff; */
    color: black;
    font-size: 22px;
}
.docs p {
    margin-top: 20px;
}
.docs img {
    filter: invert(1);
    padding: 15px;
}
@media (min-width:1024px) {
    .docs img {
        padding: 50px;
    }
}
.docs .item:hover img {
    filter: invert(0);
    background-color: var(--lasur-color);
}
.transparent {
    background: transparent;
}
.mt-5 {
    margin-top: 5em;
}

/* section.sect4 {
    background-color: #141414;
} */
iframe {
    width: 100%;
    min-height: 250px;
}
footer {
    /* background-color: #000000; */
    background-color: white;
    /* color: #ffffff; */
    color: black;
}
footer hr {
    display: none;
}
.footer-top {
    border-bottom: 1px solid #8f8f8f;
}
footer .copyright {
    font-size: 18px;
    margin-top: 30px;
}
.copyright a {
    text-decoration: underline;
}
footer .tel {
    margin-top: 15px;
    display: block;
}
footer .social {
    margin-top: 30px;
}
footer .footer-text {
    font-size: 18px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 50px;
    color: #8f8f8f;
    max-width: 620px;
}

@media (max-width: 768px) {
    .btn-main {
        padding: 11px 24px !important;
        font-size: 16px !important;
        letter-spacing: 4px;
        color: white;
        border: none;
        border-radius: 0;
    }
    .sect2 .item {
        margin-top: 35px;
        height: auto;
        padding: 15px;
    }
    .sect2 .item li:before {
        left: 0;
    }
    .sect2 .item img {
        height: auto;
        width: 80px;
        display: inline-block;
        margin-right: 15px;
    }
    .spisok {
        display: inline-block;
        position: absolute;
    }
    footer {
        text-align: center;
    }
    footer .text-right {
        text-align: center;
    }
}
@media screen and (max-width: 560px) {
	p.main-title {
		font-size: 40px;
		line-height: 46px;
	}
	p.main-title span {
		font-size: 30px;
	}
}
@media screen and (max-width: 480px) {
    .text-xs-center {
        text-align: center;
    }
    .header .tel,
    footer .tel {
        font-size: 25px;
    }
    header .social {
        margin-top: 0;
    }
    header .soc {
        padding-left: 0;
    }
    .social a {
        margin-left: 5px;
    }
    .header select {
        height: 45px;
        font-size: 20px;
    }
    section {
        padding: 35px 0;
    }
    .sect2 .col-md-4 {
        text-align: center;
    }
    .sect2 .spisok {
        position: relative;
    }
    .sect2 ul {
        text-align: left;
    }
    .top {
        padding: 35% 0;
    }
    .video {
        height: 500px;
        width: 150%;
    }
    .sect3 select {
        position: inherit;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 10px 15px;
    }
    p.main-title {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    p.main-title span {
        font-size: 26px;
    }

    .row.shops {
        margin-top: 35px;
    }
}