@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-light.ttf") format("truetype");
  font-style: Lighter;
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-light-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
}

@media (min-width: 1420){
.container{
    max-width:1400px;
}
}
.modal.show .modal-dialog h2 {
    font-size: 50px;
    margin-bottom: 30px;
}

.modal-header .btn-close {
    width: 30px;
    height: 30px;
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    background-size: cover;
}
label.form-check-label.small.text-muted {
    display: flex;
    align-items: center;
    gap: 20px;
}
.modal-header {
    padding: 40px 40px 0;
    border-bottom: none;
}

.modal-body {
    padding: 0 40px 40px;
}

.modal.show .modal-dialog {
    border-radius: 0;
}

.modal-content {
    border-radius: 0;
}
body{
    font-family: 'Roboto';
    color: var(--text-dark);
    overflow-x: hidden;
}

h1 {
    font-size:75px;
}

h2 {
    font-size:60px;
    color:#4F4F4F;
    margin-bottom: 44px;
}

h3 {
    font-size:35px;
}

a {
    cursor:pointer;
}

p {
    font-size:18px;
    color:#4F4F4F;
    
}

        /* Utilities */
        .text-primary-custom { color: var(--primary-green); }
        .bg-primary-custom { background-color: var(--primary-green); }
        .bg-light-custom { background-color: var(--light-bg); }
       
        .section-padding { padding: 80px 0; }
        
        /* Header */
       .navbar {
    background-color: #759589;
    padding-left: 10px;
    padding-right: 10px;
}
        .navbar-brand { font-weight: 700; color: var(--text-dark); }
        .nav-link { color: var(--text-dark); font-weight: 500; }
        .nav-link:hover { color: var(--primary-green); }
 
        /* Hero Section */
        .hero-section {
            background-color: #EBF4F1;
            min-height: calc(100vh - 86px);
            border-bottom: 1px solid #759589;
        }
        /* About Section */
        .about-section { background: white; }
        .about-img { max-width: 100%; height: auto; }
 
        /* Banner Section */
        .banner-section {
    background: url(/assets/template/img/arenda.png);
    background-size: cover;
}

.banner-section > .container > .row {
     min-height: 796px;
}


        .banner-card {
            background: #304248;
            border-radius: 8px 8px 0px 0px;
            padding: 50px;
        }
.banner-card{}
        .banner-card p, .banner-card span {
        color: #ffffff;
        }
        
        .banner-card p {
    font-size: 32px;
    font-weight: lighter;
    margin: 0px !important;
}
        
        .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
        img.icon-feature {
    margin-right: 20px;
}
 
        /* Catalog Section */
        .catalog-section { background: white; }
        .card-custom {
            border: none;
            border-radius: 10px;
            background: var(--light-bg);
            transition: transform 0.3s;
            max-width: 400px;
            height: 100%;
            border-radius: 10px;
        }
        
        .card-body-custom {
             background-color: #EBF4F1;
        }
        .card-header-custom {
            background: transparent;
            border-bottom: none;
            text-align: center;
            border-radius: 12px;
        }
 .card-body-custom .mb-3{
    margin-bottom:20px!important;
}
        .card-body-custom {
    padding: 20px;
    min-height: 480px;
    padding-bottom: 80px;
}
        .price-tag { font-size: 1.5rem; font-weight: 700; color: var(--primary-green); }
        .feature-list { list-style: none; padding: 0; margin: 20px 0; }
        .feature-list li {margin-bottom: 10px;font-size: 18px;display: flex;align-items: start;color: #4F4F4F;line-height: initial;}
        .feature-list li i { color: var(--primary-green); margin-right: 10px; margin-top: 4px; }
 
        /* Audience Section */
        .audience-section { background: white; text-align: center; }
        .audience-icon {
            width: 60px;
            height: 60px;
            background: var(--light-bg);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            color: var(--primary-green);
            font-size: 1.5rem;
        }


.card-body-custom h3 {
    color: #4F4F4F;
    font-weight: bold;
    margin-bottom: 10px;
}
.audience-section {}
.card-body-custom .small {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 20px;
}

.card-custom .btn-custom,.card-custom .input_btn {
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
}

.style-bg-none {
    border-radius: 10px;
    border: 1px solid #759589;
}

.card-header-custom img {
    width: 1000%;
}
 
        /* Why Us Section */
        .why-us-section {
            background-color: #EBF4F1;
        }
        .why-us-content { position: relative; z-index: 1; }
 
        /* Services Section */
        .service-item {margin-bottom: 85px;}
        .service-img {
            width: 100%;
            object-fit: cover;
            border-radius: 8px;
        }
        .service-list { list-style: none; padding: 0; }
        .service-list li {
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
    color: #4F4F4F;
}
     .service-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background-image: url(/assets/template/img/emojione-monotone-ballot-box-with-check.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 50%;
}
 
        /* Promo Section */
        .promo-section {
            background: url('/assets/template/img/sale-banner.png');
            background-size: cover;
            min-height: 796px;
            position: relative;
            display: flex;
            align-items: end;
        }
        .promo-box {
    background: #304248;
    color: white;
    padding: 50px;
    border-radius: 8px 8px 0px 0px;
    max-width: 700px;
}
        .promo-code {
    font-size: 60px;
    color: var(--primary-green);
    margin: 40px 0 15px;
    letter-spacing: 2px;
}
 
        /* Contacts Section */
        .contacts-section {
    background: #EBF4F1;
}
        .contact-info-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
    margin-top: 0;
}
.container.padd-main > p {
    max-width: 1170px;
    margin: 0 auto;
    line-height: 160%;
}

.why-us-section a.btn-custom {
    margin-top: 67px;
}

.back-preim li {
    font-size: 18px;
}

.service-item h3 {margin-bottom: 30px;color: #4F4F4F;font-weight: bold;}

.contact-info-item p {
    font-weight: bold;
    margin-bottom: 0;
}

.bg-light .pd-20 {
    padding: 40px;
}
        .contact-icon {
            margin-right: 21px;
        }
        .map-container {
    border-radius: 0px 8px 8px 0px;
    overflow: hidden;
    height: 475px;
    background: #eee;
}
        .map-img { width: 100%; height: 100%; object-fit: cover; }
 
        /* FAQ Section */
        .faq-section { background: white; }
        .accordion-button:not(.collapsed) {
            color: var(--primary-green);
            background-color: rgba(125, 165, 150, 0.1);
            box-shadow: none;
        }
        
 
        /* Form Section */
        .form-section { background: var(--light-bg); }
        .form-control-custom {
            background: transparent;
            border: none;
            border-bottom: 1px solid #304248;
            border-radius: 0;
            padding: 10px 0;
            color: #4F4F4F;
            font-size: 18px;
        }
.form-check.mb-4 {
    margin-bottom: 0;
    gap: 25px;
    margin-bottom: 0!important;
}
        .form-control-custom:focus {
            box-shadow: none;
            border-color: var(--primary-green);
            background: transparent;
        }
 .accordion-item {
    margin-bottom: 30px;
}

.accordion-button {
    padding: 25px 45px;
}

.accordion-body {
    border: 1px solid #EBF4F1;
    border-radius: 0 0 10px 10px;
    padding: 25px 40px;
}

.accordion-body a {
    color: #769589;
}
        /* Footer */
        .footer-block {
            padding: 60px 10px 90px;
        }
        footer {
    background-color: #759589;
    color: white;
}
        footer a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight:bold;
}
        footer a:hover { color: white; }
        .footer-logo {
    font-size: 38px;
    margin-bottom: 20px;
    display: block;
}
        .footer-bottom {
    padding: 10px;
    background-color: #304248;
    font-size: 16px;
}
 
        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .hero-title { font-size: 2.5rem; }
            .hero-bg-texts { font-size: 10vw; }
            .banner-section { text-align: center; }
            .banner-card { margin-top: 30px; }
            .leaf-bg { display: none; }
        }


.style-fold {
     background-color: #EBF4F1!important;
    font-size: 26px;
    line-height: 30px;
    font-variant: small-caps;
    color: #759589!important;
    min-height: 72px;
}

.accordion-button.style-fold[aria-expanded="true"] {
     color: #ffffff!important;
    background-color: #759589!important;
}

.accordion-button:not(.collapsed)::after {
    transform: none!important;
}
.accordion-button.style-fold::after {
        rotate: 180deg;
}
    
.accordion-button.style-fold[aria-expanded="true"]::after {
     rotate: 0deg;
}

a.nav-link {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

.navbar-collapse {
    justify-content:center;
}

ul.navbar-nav li {
    padding: 0px 20px;
}

.phone-numb a {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration:none;
}


span {
    color:#759589;
    font-weight: bold;
}

.hero-subtitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 170%;
    text-align: center;
    text-transform: uppercase;
    background-color: #EBF4F1;
    z-index: 1000;
    position: relative;
    margin: auto;
}

.collapse.show {
    order: 3;
}

button.navbar-toggler {
    background-color: #ebf4f1;
    order: 2;
}
/*
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 0!important;
    padding-left: 0!important;
}
*/


p.italic {
    font-style: italic;
}

a.btn-custom {
    background: #759589;
    border-radius: 10px;
    width: 100%;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 19px;
    line-height: 180%;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: auto;
    padding: 18px;
    margin-top: 90px;
}

.mail-btn, .phone-btn {
    padding-left: 10px;
}

.top_block {
    background-color: #EBF4F1;
    padding: 50px;
    border-radius:0px 0px 8px 8px;
}
.top_block h2 {
    margin-bottom:0;
}
.numb-outer {
    font-size: 55px;
    font-weight: lighter;
    line-height: 0.3;
}

.just_beet {
    justify-content: space-between;
}

.bottom-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
    
button.btn-custom.w-100 {
    background: #759589;
    border-radius: 10px;
    width: 100%;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 19px;
    line-height: 180%;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: auto;
    padding: 10px;
    border: none;
}
 
button.btn-custom.w-100 {
    margin: -5px 0px 0px 0px;
}

.row.icon-color img {
    height:41px;
    width:41px;
    margin-right: 10px !important;
    cursor:pointer;
}

.row.icon-color {
    margin:0px!important;
}

.row_none > .row>* {
    margin:0px!important;
    padding:0px!important;
}

.btn-custom.w-100 {
    margin-top:40px;
}

.feature-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

.feature-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background-image: url('/assets/template/img/list-check.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.style-bg-none .card-body-custom {
    background-color:inherit;
}

/*
.card.card-custom.h-100.style-bg-none {
    border: 1px solid #759589;
    border-radius: 8px;
}
*/

.whois-help > div {
    text-align: left;
    max-width: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.row.whois-help {
    justify-content: space-between;
    margin-top: 40px;
}

.whois-help img, .whois-help h3 {
    margin-bottom: 20px;
    color: #4F4F4F;
    line-height: 90%;
}

.flex-block {
    display: flex;
    align-items: start;
}
.ml-3 {
    margin-left: 15px; 
}

a.btn-custom.btn-footer {
    background-color:#EBF4F1;
    margin-top:40px;
    color:#759589;
}
footer p {
    color:#ffffff;
}
.mt-15 {
    margin-top:15px;
}


.block-realize {
    float: right;
}

.block-realize img {
    margin: 0 auto;
    display: block;
    padding:15px  30px;
    background-color: #EBF4F1;border-radius: 8px;

}


.hero-bg-texts {
    font-style: normal;
    font-weight: 700;
    font-size: 290px;
    /* line-height: 50%; */
    text-align: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
}

.flex-for-bg {
    display: flex;
    flex-direction: column;
    color: rgba(125, 165, 150, 0.15);
    position: relative;
}

.hero-bg-texts:nth-child(3) {
    color: #759589;
    -webkit-text-stroke: 0;
}

.hero-bg-texts {font-style: normal;font-weight: 700;font-size: 250px;
/* identical to box height, or 145px */text-align: center;text-transform: uppercase;-webkit-text-stroke: 2px #759589; /* Параметры контура */color: transparent; /* Цвет букв заголовка */line-height: 1;}




.hero-content {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}

.pd-20 {
    padding: 20px 30px;
}

.contacts-section a {
    color:#4F4F4F;
    text-decoration:none;
}

.row.padding-none.padding-none, .row.padding-none.padding-none > div {
    padding: 0;
    margin: 0;
}

p.mb-3.text-sale {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: #FFFFFF;
}

p.text-sale {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: #FFFFFF;
}


#services button.btn-custom.w-100 {
    margin-top: 30px;
}

.form-check-input.custom-check-box {
    background-color: #EBF4F1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #759589;
    margin-left: 5px;
    flex: 50px 0 0;
    margin-top: 0;
}

.small, small {
    font-size: larger!important;
}

.form-check {
    display: flex!important;
    min-height: auto;
    padding-left: 0;
    align-items: center;
    gap: 25px;
}
.btn-custom:hover {
    opacity:0.7;
}
.accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-image: url(/assets/template/img/vector-arrow.png)!important;
    height: -webkit-fill-available!important;
    width: 53px!important;
    background-size: contain;
}
.button_up {
    background: url(/assets/template/img/arrow-up.png) no-repeat 50%;
    bottom: 131px;
    right: 50px;
    opacity: 1;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
    transition: background 0.5s ease;
    border-radius: 25px;
    padding: 25px;
    background-color: #304248;
}

.button_up:hover {
    opacity:0.7;
}


.two-page.container {
    margin-top: 60px;
    margin-bottom: 60px;
}

.two-page.container > div {
    margin-top: 25px;
}

.sub-text-form {
    text-align: center !important;
    max-width: 800px;
    margin: 0 auto;
}

section#form {
    background-color: #EBF4F1;
}

.padd-main {
    padding-top:60px;
    padding-bottom:90px;
    padding-left:10px;
    padding-right:10px;
}

.card-body-custom .textarea-style {
    min-height: 100px!important;
}
input.btn-custom.w-100 {
    background: #759589;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 19px;
    line-height: 180%;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: auto;
    padding: 10px;
    border: none;
    margin-top: 35px;
}

.fancy-form {
    padding-bottom: 20px;
}

.textarea-style {
    min-height: 200px !important;
}

.call-phone a {
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.form-check-input:checked[type=checkbox] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23759589' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


.doctype-list a {
    font-size: 14px;
}

.doctype-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:15px;
}

.right-col {
    padding-left: 20px;
}


.left-col {
    padding-right: 20px;
}

@media (max-width: 1699px){
.hero-bg-texts {
    font-size: 210px;
}
}

@media (max-width: 1499px){
.hero-bg-texts {
    font-size: 180px;
}
}

@media (max-width: 1299px){
.hero-bg-texts {
    font-size: 150px;
}
.card-body-custom {
    min-height: 600px;
}
}

@media (max-width: 1099px){
.hero-bg-texts {
    font-size: 120px;
}
.hero-subtitle {
    position: relative;
}
.hero-content {
    position: absolute;
    top: 105%;
    transform: none;
}
}

@media (max-width: 899px){
.hero-bg-texts {
    font-size: 90px;
}
.card-body-custom {
    min-height: auto;
}
.hero-section {
    min-height: calc(65vh - 86px);
}
.hero-bg-texts {
    -webkit-text-stroke: 1px #759589;
}
.accordion-button {
    padding: 15px 25px;
}

}

@media (max-width: 699px){
.hero-bg-texts {
    font-size: 60px;
}
.doctype-list {
    justify-content: space-evenly;
}
}

@media (max-width: 499px){
.hero-bg-texts {
    font-size: 40px;
}
.hero-section {
    min-height: calc(55vh - 86px);
}
.hero-subtitle {
        font-size: 18px;
}
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px!important;
}
}


@media (max-width: 991px) {
.phone-numb {
    margin: 0 auto;
    padding-top: 10px;
}

.phone-numb a {
    font-size: 20px;
}

.service-item {
    margin-bottom: 35px;
}


.mb-30-card {
    margin-bottom: 35px;
}

footer a {
    font-size: 20px;
}

.footer-logo {
    font-size: 32px;
}

.top_block {
    background-color: #EBF4F1;
    padding: 30px;
}

.footer-block {
    padding: 40px 10px 60px;
}

footer {
    text-align: center;
}

.block-realize {
    float: none !important;
}

.row.whois-help {
    justify-content: center!important;
}

.col-center > div {
    margin: 0 auto;
    margin-bottom: 30px;
}
a.btn-custom.btn-footer {
    margin-bottom: 20px;
}

h1 {
    font-size:45px;
}

h2 {
    font-size:35px;
    color:#4F4F4F;
}

.whois-help > div {
    text-align: center;
}

.promo-code {
    font-size: 40px;
}

p.text-sale {
    font-size: 18px;
}

.banner-card p {
    font-size: 22px;
    font-weight: lighter;
}

.numb-outer {
    font-size: 36px;
}

.hero-subtitle {
    font-size: 20px;
}

.style-fold {
    font-size: 18px;
    line-height: 22px;
    font-variant: small-caps;
    min-height: 72px;
}

.accordion-button::after {
    height: 20px!important;
}

h3 {
    font-size:25px;
}
.padd-main {
    padding-top: 35px!important;
    padding-bottom: 50px!important;
    padding-left: 10px;
    padding-right: 10px;
}
ul.navbar-nav {
    margin-top: 10px;
}
}



/* COOKIE */
#cookie_notification {
    background-color: #FFFFFF;
    border: 1px solid #759589;
    padding: 0;
    position: fixed;
    bottom: 30px;
    display: none;
    align-items: center;
    left: 50%;
    transform: translate(-50%, 0%);
    top: auto;
    max-width: 850px;
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: #000000;
    z-index: 99999;
    justify-content: space-between;
    border-radius: 8px;
    padding-left: 40px;
}
#cookie_notification p{
    margin: 0;
    font-size: 18px;
    color: #4F4F4F;
    text-align: left;
    text-transform: uppercase;
}
#cookie_notification a{
   color: #1a1a1a;
   text-decoration: underline;
}
.cookie_accept {
    width: 280px;
    height: 70px;
    background: #EBF4F1;
    border: none;
    text-align: center;
    color: #759589;
    margin-top: 0px;
    font-size: 18px;
    border-radius: 0px 8px 8px 0px;
}
.cookie_accept:hover {
    opacity:0.7;
}

@media (min-width: 576px){
#cookie_notification.show{display: flex;}

}

@media (max-width: 575px){
#cookie_notification.show{display: block;text-align: center;font-size: 12px;left: 20px;right: 20px;transform: none;width: auto;bottom: 70px;}
.cookie_accept{
 margin-top:10px;
}
#cookie_notification p{
 font-size: 12px;
 text-align: center;
}
}