@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

body{
 font-family: 'Montserrat', sans-serif;
 overflow-x: hidden;
 overflow-y: visible !important;
 margin: 0;
 padding-right: 0px!important;
background: #000;
}

@media (min-width: 1200px){
.container {
    width: 1200px;
    max-width: 100%;
}
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    line-height: 1.1;
    color: inherit;

}
h1 {
   
    margin-top: 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
position: relative;
}

h1:before {
 content: '';
    position: absolute;
    width: 391px;
    height: 4px;
    left: 0px;
    top: -20px;
    background: #7C0000;
}

h1 span{
  font-weight: 700;
}

h2{
    
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
position: relative;
}
h2 span{
  font-weight: 700;
}

h3{
    
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 28px;
    color: #FFFFFF;
position: relative;
}
h3 span{
  font-weight: 700;
}

a {
     color: #ffe0e0;
    text-decoration: none;
}
a:hover, a:focus, a:active {
     color: #ffe0e0;
      text-decoration: none;
}
header{
     

padding: 20px 0px 0px 0px;
}

.logo{
    text-align: left;
}

.logo img {
       vertical-align: middle;
}

#banner{
background: #000;
min-height: 700px;
height: auto;
position: relative;
}


#banner:before {
position: absolute;
content:'';
width: 700px;
height: 2px;
left: 50%;
margin-left: -350px;
bottom: 0px;
background: #FFFFFF;
}
.page-default #banner:before{
    display: none;
}

.banner-content{
background: url('../img/banner.jpg')no-repeat;
height: 100%;
min-height: 700px;
background-position: top center;
background-size: cover;
}

p.sub-h1{
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #C8C8C8;
margin-top: 17px;
}

p.sub-h1 span{

font-weight: 700;

}

p.sub-h2{
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 18px;
color: #C8C8C8;
margin-top: 17px;
}

p.sub-h2 span{

font-weight: 700;

}

.offer{
position: relative;
}
.offer:before{
content: '';
    position: absolute;
    width: 8px;
    height: 200px;
    left: -50px;
    top: 190px;
background: url('../img/arrow.svg')no-repeat;

}


.img-banner{
    margin-top: -70px;
    margin-left: -100px;
    float: right;
        width: 354px;
}

.link a:focus{border: 0;}
a:focus {
    outline: 0;
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
}

:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}


button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#111!important; opacity:0.5; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#111; opacity:0.5; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity:0; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity:0; }
textarea { overflow:auto;  }

.f1{
      font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    color: #979797;
    padding: 17px 20px;
    width: 100%;
    transition: all 0.3s;
    margin-bottom: 14px;
    box-sizing: border-box;
    background: #e7e7e7;
    border-radius: 5px;
    border: 0;
    font-family: Montserrat;
}

.btn{
background: #328793;
border-radius: 5px;
border: 0;
padding: 16px 30px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 14px;
text-align: center;
letter-spacing: -0.05em;
text-transform: uppercase;
color: #FFFFFF;
    cursor: pointer;
transition: all 0.2s;
}
.btn:hover{
background: #489ba7;
    cursor: pointer;
transition: all 0.2s;

}

.contact-form .btn{
width: 100%;
    margin-top: 12px;
}


label {
    display: inline-flex;
    margin-bottom: .5rem;
    font-size: 6px;
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
    border: 0;
}



.lightbox .lb-image {
       width: 800px!important;
    height: 1200px!important;
}


.modal-open {
    padding-right: 0 !important;
}
.modal-open .scroll-elem {
  overflow: hidden;
}
.modal-open {
    padding-right: 0 !important;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: visible;
    background: rgba(0, 0, 0, 0.31);
    backdrop-filter: blur(8px);
  z-index: 9999;
}
.modal-dialog {
    max-width: 480px;
    margin: 30px auto;
}



.modal-title {
      margin: 0;
    line-height: 1.42857143;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-align: left;
    color: #0e0e0e;
}

.modal-subtitle {
          margin: 0;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #9c9c9c;
    width: 80%;
  
}
.modal .btn {
  
}

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


.close {
 font-size: 32px;
    font-weight: 500;
    line-height: 22px;
    color: #939494;
    background: #ab222200!important;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    z-index: 999999;
    border-radius: 80px;
    height: 0px;
    width: 0px;
    margin-right: 70px;
    margin-top: 0;
    text-align: center;
    right: 0;
    transition: all 0.2s;
}
.close:hover, .close:focus {
    
    background: #ab222200!important;
color: #939494;
    opacity: 0.8;
   transition: all 0.2s;
}
.modal label {
    display: inline-flex;
    margin-bottom: .5rem;
    font-size: 9px;
}


footer{

padding: 80px 0px 80px 0px;

}
footer .contact-block {
    text-align: center;
}

footer .contact-block .messenger:before {
    content: '';
    position: absolute;
    width: 330px;
    height: 4px;
    left: 50%;
    top: -15px;
    margin-left: -165px;
    background: #7C0000;
}

.totop {
  position: fixed;
    bottom: 80px;
    right: 50px;
    color: #5d5d5f94;
    font-size: 25px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid #54535375;
    width: 40px;
    height: 40px;
    text-align: center;
}
.totop:hover {
       color: #111;
    transition: all 0.2s;
}
.scrolltop {
    opacity: 0;
    transition: all 0.2s;
}


.contact-block{

}
.contact-header .contact-block{
    float: right;
margin-top: 20px;
}
.contact-block span {
    font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
color: #FFFFFF;
}

.contact-block a.link{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    display: inline-block;
    padding-top: 5px;
}

.contact-block .messenger{
    margin-top: 25px;
    position: relative;
}
.contact-block .messenger:before {
 content: '';
    position: absolute;
    width: 330px;
    height: 4px;
    left: 0px;
    top: -15px;
    background: #7C0000;
}

.contact-block img {
       margin-right: 30px;
    margin-top: -8px;
}

/* model */

.row.model{
padding: 100px 0px 180px 0px;
position: relative;
}

.row.model:before {
position: absolute;
content:'';
width: 700px;
height: 2px;
left: 50%;
margin-left: -350px;
bottom: 0px;
background: #FFFFFF;
}

.row.model .model-img{
width: 504px;
height: 460px;
object-fit: cover;
}

.row.model .img{
position: relative;
}

.row.model .img:before{
content: '';
    position: absolute;
    width: 504px;
    height: 460px;
    right: 0px;
    bottom: -80px;
    background: #7C0000;
    z-index: -1;
}


.row.model p.sub-h1 {
  
    width: 80%;
}

.row.model .contact-block{
    position: absolute;
    bottom: 170px;
}

.row.model .offer:before {
   
    top: 130px;
   
}

.row.left-img .contact-block {
    position: absolute;
    bottom: 170px;
        right: 15px;
}

.row.model .content{
  
  padding-left: 110px;
}

.advantages-wrap{
padding-top: 40px;
}

.advantages{
margin-top: 80px;
}

.advantages .item{
text-align: center;
background: #7C0000;
padding: 37px 20px 60px 20px;
margin-bottom: 25px;
min-height: 311px;
}

.advantages .item .icon{

}

.advantages .item p.title{
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
    margin-top: 25px;
}

.advantages .item p.text{
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin-bottom: 0;
}

.title-h1 {
    font-weight: 900;
    font-size: 70px;
    padding: 100px 0px;
}

@media (max-width: 999px){
.container{
max-width: 324px;
margin: 0 auto;
}
.order1{
order: 1;
}

.order2{
order: 2;
}

#banner:before {
   display: none;
    
}

#banner {
   
}
.row.model:before {
    display: none;
}

.row.model {
 
  
}
h2 {
    
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}
.row.left-img .contact-block {

    bottom: 0;
    right: 0px;
}
.row.model .content {
    padding-left: 15px;
}
h1 {
    margin-top: 0px;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
border-top: 4px solid #7C0000;
padding-top: 10px;
}
h1:before {
    display: none;
   
}
p.sub-h1 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    text-align: center;
}
.img-banner {
    margin-top: 10px;
    margin-left: 0px;
}

.contact-block .messenger:before {
    display: none;
  
}

.contact-block .messenger{
border-top: 4px solid #7C0000;
    padding-top: 20px;
    margin-top: 15px;

}

.contact-header .contact-block {
    float: inherit;
    text-align: center;
width: 294px;
margin: 20px auto 0px auto;
}
.contact-block img {
    margin-right: 10px;
    margin-top: -8px;
}


.row.model .model-img {
    width: 272px;
    height: 248px;
    object-fit: cover;
}
.row.model .img:before {
 width: 272px;
    height: 248px;
    right: 0px;
    bottom: -25px;
}

.row.model .contact-block {
   position: absolute;
    bottom: -50px;
    text-align: center;
    width: 294px;
    left: 50%;
    margin-left: -147px;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 40px;
}
.row.model .img {
    position: relative;
    max-width: 294px;
    margin: 0 auto;
}
.row.model p.sub-h1 {
    width: 100%;
}
.offer:before {
   
    left: -20px;
    top: 190px;
   
}

.advantages {
    margin-top: 10px;
}
.advantages-wrap {
    padding-top: 100px;
}

.logo {
    text-align: center;
}
footer .contact-block {
    text-align: center;
    width: 294px;
    margin-top: 0px;
    margin-bottom: 50px;
}
.advantages .item {
 margin-top: 30px;
margin-bottom: 30px;
    min-height: auto;
}

.advantages .item p.title {
  
    font-size: 16px;
    line-height: 20px;
  
}
.advantages .item p.text {
  
    font-size: 16px;
    line-height: 20px;
   
}
header {
    padding: 20px 0px 0px 0px;
}
.mt-5 {
    margin-top: 2rem!important;
}
.logo img {
    vertical-align: middle;
    width: 120px;
}
}