:root {
    --main-one:#1a8ccb;
    --main-two:#f74244;
}
@media (min-width: 1200px) {
    .container {max-width: 1182px;}
}
body {font-family: 'Montserrat';}
a {text-decoration:none;}
.btn-main {position:relative;border-radius: 3px;background: var(--main-one);color: #fff;border: 0;border-bottom: 3px solid var(--main-two);}
.btn-main:before {/*content: '';*/display:block;background: var(--main-two);position: absolute;z-index: -1;left: 0;width: 100%;top: 0;bottom: -3px;border-radius: 3px;}
.btn-main:hover,.btn-main:focus,.btn-main:active {background: var(--main-two) !important;border-color:var(--main-two) !important;color: #fff !important;}
.btn-main.btn-lg {font-weight:600;padding: 0.75rem;min-width:240px;}
img {max-width:100%;}
h1, .h1, h2, .h2 {font-family: 'Raleway', sans-serif;font-weight:600;margin-bottom: 1.5rem;}
.desc {color:#8c8c8c;}
.c-white {color:#fff !important;}
.c-grey {color:#f5f5f5 !important;}
.c-main {color:var(--main-one) !important;}
.c-main2 {color:var(--main-two) !important;}
.bg-white {background-color:#fff !important;}
.bg-grey {background-color:#f5f5f5 !important;}
.bg-main {background-color:var(--main-one) !important;}
.bg-main-two {background-color:var(--main-two) !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-18 {font-size: 18px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.ff-r {font-family: "Raleway", sans-serif !important;}
.ff-m {font-family: Montserrat, sans-serif !important;}
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}
.required {color: red;}
.ul-styled {list-style:none;}
.ul-styled li {background:url(../tpl/list.png) left top 5px no-repeat;padding: 4px 0px;padding-left:50px;}
.carousel-indicators {align-items: center;margin-bottom: 3rem;}
.carousel-indicators [data-bs-target] {width: 11px;height: 11px;border: 2px solid transparent;border-radius: 100%;margin: 0px 5px;overflow:hidden;}
.carousel-indicators [data-bs-target] span {display:block;background: #a6a5a5;height:100%;}
.carousel-indicators .active {background: transparent;border: 2px solid #d3c1ad;}
.carousel-indicators .active span {background: transparent;}

/* header */
header {position: absolute;z-index: 99;left:0;width:100%;top:0;color:#fff;background:transparent;font-size: 18px;}
header .navbar {padding:20px 0;}
header .navbar-brand {padding:0;}
header .navbar-menu {flex:0 0 50%;max-width:50%;}
header .nav {justify-content: space-evenly;}
header .nav-link,
header .nav-link:hover {color:inherit;}

body.page header {position:sticky;background: linear-gradient(90deg, #211b19, #4e3427);}

/* footer */
.footer {background: #191919;color: #c3c3c3;padding: 60px 0;text-align: center;}
.footer a, .footer .nav-link, .footer .nav-link:hover {color:inherit;}
.footer .btn {color:#fff;}
.footer .row {align-items:center;}
.footer .nav {justify-content: space-evenly;}
footer {background: #111111;color: #555555;font-size: 13px;padding:30px 0px;}
footer a, footer .nav-link, footer .nav-link:hover {color:inherit;}
footer .container {display:flex;line-height:1;justify-content: center;}
footer .container > div {padding:0px 10px;margin:10px 0;}
footer .container > div + div {border-left:1px solid #242424; }

.main-screen {height:866px;}
.main-screen .carousel-inner {height:100%;}
.main-screen .carousel-item {height:100%;padding: 170px 0px;position:relative;}
.main-screen img {object-fit: cover;position:absolute;top:0;left:0;width:100%;height:100%;}
.main-screen .carousel-caption {position: relative;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;font-weight:300;padding: 0;height: 100%;}
.main-screen .sup-head-title {font-family: 'Raleway', sans-serif;font-size: 24px;font-weight:400;margin-bottom:10px;}
.main-screen .head-title {font-family: 'Montserrat';font-size: 63px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;}
.main-screen .btn {margin-top:2rem;width:240px;text-transform: uppercase;font-weight: 700;padding: .75rem;}

.news-list {margin-top: 2rem;}
.news-list > div {padding-top:30px;}
.news-list .news-item {display:flex;flex-direction: column;height: 100%;background: #fbfaf8;color: #474747;text-decoration: none;}
.news-list .news-item__img {position:relative;background:#000;}
.news-list .news-item__img img {width:100%;}
.news-list .news-item__info {padding: 20px 25px;}
.news-list .news-item__info p {margin: 5px 0 0;color:#888;font-size:14px;font-weight:300;}
.news-list .news-item__title {font-family: 'Raleway', sans-serif;font-size:20px;font-weight:500;line-height: 1.2;}
.news-list .news-item:hover {background:var(--main-one);color:#fff;}
.news-list .news-item:hover .news-item__info p {color:#c7c7c7;}
.news-list .news-item:hover .news-item__img img {opacity:0.6}
.project-list .news-item {background:var(--main-two);color:#fff;}
.project-list .news-item__title {font-weight:400;}

.text-content {padding:90px 0;font-weight: 300;background-size: cover;background-position: center;}
.text-content h2, .text-content .desc {text-align:center;margin-bottom: 0.5rem;}

.info-content {background: linear-gradient(90deg, #211b19, #4e3427);color: #c2c2c2;padding: 50px 0;font-size: 17px;}
.info-content h2 {color:#c7b299;font-size: 28px;font-weight:400;margin-top: 1rem;}
.info-item {padding-top: 30px;text-align: center;}
.info-item__digit {font-size: 121px;font-weight: 700;line-height: normal;color: var(--main-one);}
.info-item__text {color: #474040;font-weight: 600;}

.form-content {height: 705px;padding: 60px 0;text-align: center;color: #fff;font-weight: 300;display: flex;align-items: center;}
.form-content .btn {margin-top:2rem;}
.contacts-content {padding:180px 0;color:#8c8c8c;}
.contacts-content h2 {text-align:left;color:#555;margin-bottom:1.5rem;}
.contacts-content .desc {text-align:left;color:#646363;margin-bottom:1.5rem;}
.contacts-content .ul-styled {padding-left:45px;}

.gallery-list {margin-top: 20px;}
.gallery-list > div {padding-top: 30px;}

.page-content {padding:90px 0px;}

@media (max-width:1199px) {
    .carousel-control-next, .carousel-control-prev {width:10%;}
    .main-screen {height: 700px;}
    .main-screen .carousel-caption {width:80%;margin:auto;}
    .main-screen .sup-head-title {font-size: 22px;}
    .main-screen .head-title {font-size: 48px;}

}
@media (max-width:991px) {
    header {position:sticky;background: linear-gradient(90deg, #211b19, #4e3427);font-size:1rem;}
    header .navbar {padding:15px 0px;}
    header .navbar-brand img {height:41px;}
    .footer .btn {margin-top:30px;}
    .main-screen {height: 600px;}
    .main-screen .carousel-item { padding:90px 0px;}
    .news-list .news-item__title {font-size:18px;}
    .info-content {text-align:center;}
    .info-content .btn {margin-top:1rem;}
    .form-content {height:500px;}
    .text-content,
    .page-content {padding:60px 0;}
    .contacts-content {background:#fff !important;}
    .contacts-content .ul-styled {padding-left:0px;}
}
@media (max-width:767px) {
    .carousel-indicators {margin-bottom:1rem;}
    header .navbar-menu {flex:1;max-width: none;}
    header .nav {justify-content:flex-end;}
    .main-screen {height:auto;font-size:12px;}
    .main-screen .carousel-item { padding:60px 0px;}
    .main-screen .sup-head-title {font-size: 18px;}
    .main-screen .head-title {font-size: 32px;}
    .news-list {margin-top:0;}
    .news-list .news-item__info {padding:15px 20px;}
    .news-list .news-item__info p {font-size:13px;}
    
    .gallery-list {margin: 20px -5px 0;}
    .gallery-list > div {padding: 10px 5px 0;}
}
@media (max-width:575px) {
    html,body {font-size:14px;}
    header {font-size:12px;}
    header .navbar {padding:10px 0px;}
    .footer {padding:30px 0px;}
    .footer .btn {margin-top:20px;}
    footer {padding:15px 0;}
    
    .carousel-control-next, .carousel-control-prev {display:none;}
    .main-screen .carousel-caption {width:100%;}
    
    .text-content,
    .page-content {padding:40px 0;}
    .form-content {height:auto;}
    
    .info-item {padding-top:2rem;}
    .info-item__digit {font-size: 71px;}
}
@media (max-width:375px) {
    header {font-size:10px;}
    header .nav-link {padding:5px 10px;}
}


/* modal */
.form-control {font-size: 14px;height: calc(1.5em + 1.5rem + 2px);padding: 0.75rem 0.75rem;}
textarea.form-control {height:auto;}
.form-check-label {font-size:14px;}
.modal.show {display: flex !important;align-items: center;flex-wrap: wrap;}
.modal-dialog {width: 100%;}
.modal-content {background:#eee;}
.modal-header {border-bottom: 0;justify-content: center;padding: 1rem 2.5rem;}
.modal-header .btn-close {position: absolute;right: 15px;top: 15px;float: none;margin: 0;}
.modal-title {font-weight: 700;}
@media (min-width: 768px) {
    .modal-md {
        max-width: 650px;
    }
}
@media (min-width: 576px) {
    .modal-header {
        padding: 2rem 2rem 1rem;
        text-align: center;
        display: block;
        border-bottom: 0;
    }
    .modal-body {
        padding: 1rem;
    }
    .modal-footer {
        border:0;
        justify-content: center;
        padding-top: 0;
    }
}