/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');
@import "bootstrap-icons.css";
@import "bootstrap.css";


.border-2 {border-width: 2px !important;}
.bg { background: url("../img/1.jpg") no-repeat 50% 0 #0e0f13; background-size: cover; background-attachment: fixed; height: calc(100vh);}
.bg.bg-menu {height: auto;}
.bg::after {content: ''; background-color: rgba(0, 0, 0, 0.7); position: absolute;width: 100%; height: 100%; top:0; left: 0;}
.bg::before {content: ''; position: absolute; z-index: 1; width: 100%; height:150px; left:0; bottom:0;background: -moz-linear-gradient(top,  rgba(9, 9, 11,0) 0%, rgba(9, 9, 11,1) 100%);background: -webkit-linear-gradient(top,  rgba(9, 9, 11,0) 0%,rgba(9, 9, 11,1) 100%);background: linear-gradient(to bottom,  rgba(9, 9, 11,0) 0%,rgba(9, 9, 11,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f9fa', endColorstr='#f8f9fa',GradientType=0 );}

.bg::before {content: ''; position: absolute; z-index: 1; width: 100%; height:150px; left:0; bottom:0;background:url("../img/bg-line.png") repeat-x 0 0;}


.form-control:focus, .form-select:focus {border-color: #dc3545;box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 80%);}

.form-select option:hover { background-color: #dc3545;}

.rounded-0 {border-radius: 0 !important;}

.contact {position: relative; background: rgba(9, 9, 11, 0.7); overflow: hidden;}
.contact::before {content: ''; position: absolute; z-index: 0; width: 100%; height: 150px; left:0; top:0;background: -moz-linear-gradient(top,  rgba(9, 9, 11,1) 0%, rgba(9, 9, 11,0) 100%);background: -webkit-linear-gradient(top,  rgba(9, 9, 11,1) 0%,rgba(9, 9, 11,0) 100%);background: linear-gradient(to bottom,  rgba(9, 9, 11,1) 0%,rgba(9, 9, 11,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fa', endColorstr='#00f8f9fa',GradientType=0 );}
.contact::after {content: ''; position: absolute; z-index: 0; width: 100%; height: 100px; left:0; bottom:0;background: -moz-linear-gradient(top,  rgba(9, 9, 11,0) 0%, rgba(9, 9, 11,1) 100%);background: -webkit-linear-gradient(top,  rgba(9, 9, 11,0) 0%,rgba(9, 9, 11,1) 100%);background: linear-gradient(to bottom,  rgba(9, 9, 11,0) 0%,rgba(9, 9, 11,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f9fa', endColorstr='#f8f9fa',GradientType=0 );}

.fw-bolder {font-weight: 800 !important;}

.ff-roboto {font-family: 'Roboto Condensed', sans-serif;}

.bg-dark {background-color: #09090b !important;}
.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-3 {z-index: 3;}

.contact iframe { width: 120%;height: 120%;z-index: -1; position: absolute; left: -10%; top: -10%; filter: grayscale(1) invert(1)}

.menu-item {color: #fff !important; font-weight: 500;}
.menu-item a:hover {opacity: 0.85;}

.lh-11 {line-height: 1.1;}
.lh-12 {line-height: 1.2;}
.lh-13 {line-height: 1.3;}

.qs-120 {width: 120px; height: 120px; font-size: 60px;}

.decision-link {color: var(--bs-danger); text-decoration:none;}
.decision-link:hover{color: var(--bs-danger);}
.decision-content {max-width: 800px;margin: 0 auto; text-align: center;}
.decision-box {padding: 3rem 5rem 1.5rem; border: 3px solid var(--bs-danger)}

.list li {padding-top: 8px;line-height: 1.3;}
.list li:first-child {padding-top: 0;}

.fs-14 { font-size: 0.875rem;}

.link {cursor:pointer;}
.link > div > img {transition: all .3s ease-in-out;}
.link:hover > div >img {margin-top: -12px; margin-bottom: 12px;}

.about-l {font-size: 8rem; font-weight: 300;}

#goUp {position: fixed;z-index: 1000;bottom: 20px;font-size: 2.5rem;right: -2px;width: 54px;height: 44px;background: #dc3545; border-radius: 40px 0 0 40px; border:2px solid #09090b; cursor: pointer; display: none;}
#goUp i {width: 40px;height: 40px; display:block; line-height:40px; position: relative;}
#goUp i::after {content: '';position: absolute;display: block;width: 24px;height: 30px;background-color: #fff;z-index: -1;top: 5px;left: 8px;}

@media (min-width: 768px) {
    .border-md-top {border-top: 1px solid #dee2e6 !important;}
    .border-md-start {border-left: 1px solid #dee2e6 !important;}
    /* .bg::before {height: 450px;} */
}

@media (max-width: 991px) {
    .decision-box {padding: 1rem}
}


@media (min-width: 992px) {
    .border-lg-start {border-left: 1px solid #dee2e6 !important;}
    .modal #contacts {width: 480px; margin: 0 auto;}
}


@media (min-width: 1200px) {
    .bg:not(.vh-100) {height: auto !important;}
}

@media (max-height: 530px) {
    .bg.vh-100 {height: auto !important;}
}



article.bg-dark {background: url("../img/body-bg.png") !important;}


/* @media (min-width: 1400px) {
    .bg { background-size: 80%;}
} */


body {scrollbar-width: thin; scrollbar-color: #dc3545 #09090b;}

body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {background: #09090b;}
body::-webkit-scrollbar-thumb {background-color: #dc3545; border-radius: 20px; border: 3px solid #09090b; }