/*!
Theme Name: main
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: main
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

main is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 @font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url('fonts/BebasNeueCyrillic.eot');
    src: local('Bebas Neue Cyrillic'), local('BebasNeueCyrillic'),
        url('fonts/BebasNeueCyrillic.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueCyrillic.woff2') format('woff2'),
        url('fonts/BebasNeueCyrillic.woff') format('woff'),
        url('fonts/BebasNeueCyrillic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-size: 16px;
	line-height: 40px;
	font-family: 'Inter', sans-serif;
	color: #D0C180;
	font-weight: 400;
	background-color: #475263;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

.container {
	max-width: 1420px;
	background-color: #111111;
	padding-left: 100px;
	padding-right: 100px;
	margin: 0 auto;
    box-sizing: border-box;
}

.container-head {
	max-width: 1420px;
	margin: 0 auto;
}

.menu-list {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
}

.hero h1 {
	color: #D0C180;
	font-size: 96px;
	font-weight: 400;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
	margin-bottom: 45px;
	max-width: 50%;
    line-height: 1.1;
    margin-top: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.logo {
    display: flex;
}

.header-inner {
	display: flex;
	align-items: center;
	background-color: #111111;
	color: #fff;
	padding-top: 10px;
	padding-left: 13px;
	padding-right: 20px;
	padding-bottom: 12px;
	justify-content: space-between;
}

.close-menu {
    display: none;
    position: absolute;
        top: 15px;
        right: 15px;
}

.menu-list li a  {
	color: #787878;
	line-height: 1;
    font-size: 14px;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.menu-list li {
	padding-right: 32px;
    border-right: 1px solid #787878;
    margin-right: 32px;
	line-height: 1;
}

.menu-list li:last-child {
	border: none;
}

.menu-list li a:hover {
    color: #fff;
}

.btn-lk svg {
    margin-right: 8px !important;
    position: relative;
    top: 2px;
}

.btn {
	border-radius: 5px;
	padding: 9px 12px;
	background-color: #D0C180;
	border: 1px solid #D0C180;
	font-weight: 500;
    color: #111111;
    text-decoration: none;
}

.btn-large {
	padding: 15px 48px;
}

.header-actions .btn-bg {
	margin-right: 10px;
	border-color: #6B6B6B;
	color: #6B6B6B;
	background-color: transparent;
}
.header-actions .btn {
    font-size: 14px;
}
.header-actions .btn svg {
	margin-right: 5px;
    position: relative;
    top: 2px;
}

.hero {
	padding-top: 80px;
	padding-left: 100px;
	padding-bottom: 87px;
}

.header {
	background: url("img/bg.png") no-repeat;
	background-size: cover;
}

.btn-large svg {
	margin-left: 5px;
}

.title {
	font-size: 48px;
	font-weight: 400;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
	line-height: 1;
    margin-top: 0;
}

.pt-45 {
	padding-top: 45px;
}

ol {
	margin-bottom: 0;
}

.tabs-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
    border-top: 1px dashed #6B6B6B;
    border-bottom: 1px dashed #6B6B6B;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer;
}

.pb-40 {
    padding-bottom: 40px;
}



.tabs-item-name {
	font-size: 36px;
	line-height: 1;
	font-family: 'Bebas Neue Cyrillic', sans-serif;
    color: #fff;
}

.tabs-item-toggle {
	border-radius: 5px;
	background-color: #D0C180;
	padding: 13px;
	text-align: center;
    height: 36px;
    width: 36px;
    display: flex;
    cursor: pointer;
    box-sizing: border-box;
}

.tabs-item-mb {
    margin-bottom: 100px;
}

.tabs-item-content {
    padding-top: 40px;
    text-align: center;
}
.text-center {
    text-align: center;
}

.tabs-item-content.hide {
    display: none;
}

.tabs-item-content h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
}

.geo .container {
    padding-top: 75px;
    padding-bottom: 10px;
}

.geo p {
    color: #fff;
    text-align: center;
    line-height: 1.2;
    margin-top: 27px;
}

.footer .container {
    background: url("img/footer.png") no-repeat;
    background-size: cover;
}

.footer-inner {
    display: flex;
    padding: 25px 0;
}

.footer-left p {
    margin-bottom: 15px;
    line-height: 1;
    margin-top: 0;
}

.footer-left a {
    color:  #787878;
}

.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu li {
    line-height: 1;
    margin-bottom: 15px;
}

.footer-menu a {
    color: #787878;
}

.footer-left {
    margin-right: 120px;
}



.form-popup {
    /* Полупрозрачная подложка */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-popup.hidden {
    display: none;
}

.form-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    max-width: 600px;
    text-align: center;
    width: 100%;
}



.close-btn {
    cursor: pointer;
    float: right;
    font-weight: bold;
    color: #111;
}

form label {
    display: block;
    margin-bottom: 5px;
}

form p {
    margin: 0;
}

form input[type="text"],
form input[type="tel"] {
    width: 100%; /* Оставляем отступы */
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

form input[type="submit"] {
    padding: 20px;
    width: 100%;
    background-color: #D0C180;
    color: #111;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.menu-toggle {
    display: none;
}

.header-actions.mobile {
    display: none;
}

@media (max-width:1100px) {
    .menu-list li:last-child {
    	padding-right: 0;
        margin-right: 0;
    }

    .menu-list li {
        padding-right: 10px;
        margin-right: 10px;
    }
}

@media (max-width:992px) {
    .menu-toggle {
        display: inline-block;
        color: #fff;
border: none;
font-size: 36px;
background-color: transparent;
outline: none;

    }

    .hero {
        padding-left: 15px;
    }

    .hero h1 {
        font-size: 48px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu-list {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 67px;
    }

    .header-actions .btn-bg {
        border-color: #fff;
        color: #fff;
    }

    .header-actions.desktop {
        display: none;
    }

    .menu-mobile {
        display: none;
        align-items: center;

        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #475263;
    }

    .menu-mobile.hidden {
        display: flex;
    }

    .menu-list li {
        border: none;
    }
    .menu-list li a {
        font-size: 22px;
        color: #fff;
        display: block;
        padding: 10px 15px;

    }

    .header-actions.mobile {
        flex-direction: column;
        display: flex;
        width: 100%;
        align-items: flex-start;
        padding-left: 15px;
    }

    .header-actions.mobile .btn {
        min-width: 200px;
    }

    .header-actions .btn-bg {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .close-menu {
        display: inline-block;
    }

    .title {
        font-size: 32px;
    }

}