@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.mb-50 {margin-bottom:50px;}
.breadcrumb-content ul li.active {margin-left: 8px;}
.breadcrumb-content ul {margin-bottom:15px;}
.breadcrumb-area {padding: 30px 0px 39px 0px !important;}
.active {color: #ff2f2f !important;}
p {margin-bottom: 20px !important;font-family: Montserrat;}
li::marker {margin:15px !important;}
h3 {
font-family: 'Montserrat', sans-serif !important;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 37px;
letter-spacing: 0.25px;
}
.breadcrumb-content ul li {text-transform: inherit;}
.contact-info-wrap-3 h3, .get-in-touch-wrap h3 {text-transform: initial !important;}
.subscribe-form .subscribe-form-style .mc-form::before {content: url(/assets/images/Vector.png);}
.subscribe-form .subscribe-form-style .mc-form .clear input {color:#fff !important;}
.subscribe-form .subscribe-form-style .mc-form input {padding: 6px 115px 2px 30px;}
.main-menu>nav>ul>li a {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px;
text-transform:uppercase;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;}
.subscribe {background:#000;padding:102px 15px 94px 15px;color:#fff;}
.subscribe h3 {font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.25px;
text-align: left;
color:#fff;
}
.subscribe span {
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
}
input {
background: #000000;
border: 0px solid #eceff8;
height: 45px;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 10px;
font-size: 14px;
color: #ffffff;
width: 100%;
border-bottom:1px solid rgba(255, 255, 255, 0.6);
padding-left: 35px;
}
.btn-subscribe {
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
text-align: right;
color:#fff;
background: #000;
position: absolute;
right: 8px;
border: 0px;
}
.envelope::after {
content:url(/assets/images/Vector.png);
display:block;
position: absolute;
top: 27px;
}
.send-massage span {display: inline-block;position: absolute;padding-left: 20px;color:#999999;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: 0em;text-align: left;}
@media screen and (max-width:522px){

.send-massage span {display: block;position: absolute;color:#999999;font-family: Montserrat;font-size: 10px;padding-left: 0px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: 0em;text-align: left;}
}
.back {background-size:75% !important;}
.manager-cart {
    background:url(/assets/images/manager-card.svg);
    height:348px;
    margin:100px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.manager {
    width: 238px !important;
    height: 238px !important;
    position: absolute;
    top: 60px !important;
    left: 111px !important;
    border: 12px solid #ffffff26;
    border-radius: 100%;
}
.logo-manager {
    background: url(/assets/images/girl.png);
    border-radius: 100%;
    width:100%;
    height:100%;
    background-position: -347px 0px;
    background-size: 310px;
}
.service-phone p {
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
}
@media screen and (max-width: 1199px) {
   
    .service-phone p {font-size: 22px !important;margin-bottom:30px;display:block;}
    .logo-manager {
    top: 53px !important;
    left: 100px !important;
    width:100%;
    height:100%;
    }
    .contact-manager {
    width: 300px !important;
    position: absolute !important;
    right: 0 !important;
    top: 81px !important;
}
.manager {
    position: absolute;
    top: 60px !important;
    left: 111px !important;
    width: 200px !important;
    height: 200px !important;
    border: 12px solid #ffffff26;
    border-radius: 100%;
}
}
@media screen and (max-width: 991px) {
   .gallery-1, .gallery-2 {width:100% !important;margin-right:15px !important;margin-left:15px !important;} 
    .gallery-item-1, .gallery-item-2, .gallery-item-3, .gallery-item-01, .gallery-item-02, .gallery-item-03, .gallery-item-04, .gallery-item-05, .gallery-item-06, .gallery-item-07, .gallery-item-08 {
    height: 200px !important;
    width: 77vw !important;
    margin:10px 0px !important;
}

    
    .manager {
    position: absolute;
    top: 30px !important;
    left: 60px !important;
    border: 12px solid #ffffff26;
    border-radius: 100%;
    width: 170px !important;
    height: 170px !important;
}
    .logo-manager {
    background: url(/assets/images/girl.png);
    border-radius: 100%;
    width:100%;
    height:100%;
    background-position: -347px 0px;
    background-size: 310px;
}
.twitter, .facebook, .instagram, .youtube, .pinterest {width:40px !important;}
    .name-manager {font-size: 21px !important;}
    .position {font-size: 14px !important;}
    .phone-manager, .email-manager {font-size: 14px !important;}
    .contact-manager {
    width: 235px !important;
    position: absolute !important;
    right: 0 !important;
    top: 30px !important;
}
.manager-cart {height: 230px !important;}
}

@media screen and (max-width:767px){
    .manager {
    position: absolute;
    top: 30px !important;
    left: 60px !important;
    border: 12px solid #ffffff26;
    border-radius: 100%;
    width: 170px !important;
    height: 170px !important;
    display:none;
}
    .logo-manager {
    background: url(/assets/images/girl.png);
    border-radius: 100%;
    width:100%;
    height:100%;
    background-position: -347px 0px;
    background-size: 310px;
    display:none;
}
    .name-manager {font-size: 21px !important;}
    .position {font-size: 14px !important;}
    .phone-manager, .email-manager {font-size: 14px !important;}
    .contact-manager {
    width: 235px !important;
    position: absolute !important;
    right: 0 !important;
    top: 30px !important;
    display:none;
}
.manager-cart {height: 230px !important;display:none;}
.manag {display:none;}
}

.position {
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color:#fff !important;
margin-top:10px;
}
.title-manager {
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 37px;
letter-spacing: 0.25px;
text-align: left;
display: flex;
align-items: flex-end;
margin-bottom:15px;

}
.description-manager {
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color:#999999;
margin-top:15px;
}

.name-manager {
font-family: Montserrat;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
color:#fff;
}
.contact-manager {
width: 350px;
position: absolute;
right: 74px;
top: 81px;
}
.phone-manager {
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
margin-top: 34px;
}
.email-manager {
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#fff;
margin-top: 5px;
}
.brand-index {padding-bottom:100px;}
.brand-index img {margin: 0px auto;border-radius: 10px;}

.brand-index h2 {
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.25px;
text-align: left;
padding-top:100px;
}

.text-block-img h2 {
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.25px;
text-align: left;
}
.text-block-img span {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
display:block;
margin-bottom:31px;
color:#666666;
}
.text-block-img ul {margin-left: 15px;}
.text-block-img li {
list-style-image: url(/assets/images/dot.svg);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 28px;
letter-spacing: 0px;
text-align: left;
}

.brand-index span {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
display:block;
margin-bottom:31px;
color:#666;
}
.brand-title {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
margin-top:21px;
}
.brand-description {
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0px;
text-align: center;
margin-top:15px;
}
.brand-link {
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
margin-top:20px;
display: block;
}
.about-company {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
.about-company img {
    width: 177px !important;
    display: block;
    text-align: left;
    margin: 20px 0px 0px 0px;
}

.about-company a {
color:#fff;
background: #000000;
border-radius: 5px;
padding: 12px 26px;
margin-top:30px;
display: inline-block;
}
.news-desc {
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0px;
text-align: left;
color:#666666;
margin-top:10px;
}
footer h3 {
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 19px;
letter-spacing: 0.25px;
text-align: left;
margin-bottom: 41px;
}

@media screen and (max-width:758px){
    .hero-slider-content-6.slider-content-hm9 {padding-top:10px !important;margin-bottom:10px !important;}
    .hero-slider-content-6.slider-content-hm9 h1 {text-align:left !important;}
    .service-content span {padding-bottom: 0px !important;}
    .text-block-img ul {margin-left: 15px;padding-bottom: 20px;}
    .text-block-img {margin-bottom:0px;}
    footer h3 {margin-bottom: 10px;}
}
footer .phone-text,
footer .phone-adress,
footer .phone-email {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
padding-left: 30px;
}
.phone-adress::after,
.phone-text::after,
.phone-email::after {
content:'';
position: absolute;
background:url(/assets/images/image6.svg);
height: 50px;
width: 40px;
left: -25px;
top: -8px;
}
.phone-email::after {
    background-position:0px -182px;
}
.phone-adress::after {
    background-position:0px -120px;
}
.twitter::after,
.facebook::after,
.instagram::after,
.youtube::after,
.pinterest::after {
content:'';
position: absolute;
background:url(/assets/images/image5.svg);
height: 35px;
width: 35px;

}
.twitter::after {background-position:-30px -125px;}
.facebook::after {background-position:-65px -125px;}
.instagram::after {background-position:-105px -125px;}
.youtube::after {background-position:-141px -125px;}
.pinterest::after {background-position:-175px -125px;}

.twitter,
.facebook,
.instagram,
.youtube,
.pinterest {
    width:50px;
    height:50px;
}
footer .phone {
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
padding-left: 30px;
}
.menu a {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#666666;
margin-bottom: 8px;
display: block;
}
meni
.menu a:hover {text-decoration: underline !important;text-decoration-color: #666666 !important;}
.copyright {font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0px;text-align: left;color:#999999;}
.slider-area {height: 125vh;}
.slider-area-gray {height: 100vh;}
.bg-redline {
    background: url(/assets/images/unna.png);
    background-size: cover;
}
.hero-slider-content-6.slider-content-hm9 {padding-left:0px !important;}
.hero-slider-content-6 {padding-left: 0px !important;}
.bg-redline h5 {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-top:125px;
}
.bg-redline h1 {
font-family: Montserrat;
font-size: 72px;
font-style: normal;
font-weight: 700;
line-height: 82px;
letter-spacing: 0.25px;
text-align: left;
margin-top:15px;
text-transform: none;
}
.bg-redline p {
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
margin:42px 0px 55px 0px;
}
.btn-red {
width: 180px;
height: 50px;
background: #AB1A22 !important;;
border-radius: 5px;
color:#fff;
text-align: center;
padding:12px 0px;
margin-right:25px;
}
.btn-style-1 a:hover {background:#000 !important;}
.btn-black {
width: 150px;
height: 50px;
background: #000000 !important;;
border-radius: 5px;
color:#fff;
text-align: center;
padding:12px 0px;
}
.single-service-wrap {border-radius:15px;}

/*Translate*/
.dropbtn {
    padding: 5px;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 140px;
}

.dropbtn
{
  background: url('http://icons.iconarchive.com/icons/custom-icon-design/flag-3/16/Russia-Flag-icon.png') no-repeat left center;
  padding-left: 25px;
  width: 40px;
}

.dropbtn::after {
    background: rgba(0, 0, 0, 0) url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: -5px;
    width: 16px;
}

.dropdown-content a:first-child
{
  background: url('http://icons.iconarchive.com/icons/custom-icon-design/flag-3/16/Russia-Flag-icon.png') no-repeat left center;
}

.dropdown-content a:last-child
{
  background: url('https://rusflagcity.ru/data/gallery/1878.jpg') no-repeat left center;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 2px 0 2px 25px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
/*end translate*/
.text-block-img img {border-radius:10px;}

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
  z-index:10;
}

.menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 25px;
  right: 25px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 11;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  right: -100%;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 80px 0;

  list-style: none;

  background-color: #ECEFF1;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.menu__item {
  display: block;
  padding: 12px 24px;
  text-align: end;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
}
.menu__item:hover {
  background-color: #CFD8DC;
}

.main-menu.main-menu-padding-1>nav>ul>li {padding:0px 9px;}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    
   .gallery-2 {
    width: 70% !important;
}

    .gallery-item-1 {
     height:205px;
     width:205px;
}
.gallery-item-2 {
     height:205px;
     width:205px;
}
.gallery-item-3 {
     height:300px;
     width:205px;
}
.gallery-item-01 {
    height: 205px;
    width: 30vw !important;
}
.gallery-item-02 {
    height: 205px;
    width: 20vw !important;
}
.gallery-item-03 {
     height:300px;
     width: 20vw !important;
    margin: 30px 0px !important;
}
.gallery-item-04 {
     height:300px;
     width: 30vw !important;
    margin: 30px 0px !important;
}
.gallery-item-05 {
     height:205px !important;
     width:205px;
}
.gallery-item-06 {
     height:205px;
     width: 33vw !important;
}
.gallery-item-07 {
     height:205px;
     width: 30vw !important;
     margin: 30px 0px !important;
}
.gallery-item-08 {
     height:205px;
     width:240px !important;
     margin: 30px 0px !important;
}
    
.main-menu.main-menu-padding-1>nav>ul>li {
    padding-right: 0px !important;
}
.main-menu.main-menu-lh-1>nav>ul>li {
    line-height: 95px;
    padding: 0px 10px;
}
.hero-slider-content-6.slider-content-hm9 h1 {
    line-height: 70px !important;
}
}
@media screen and (min-width:768px) {
    .brand-index img {
    width: inherit;
}
}

@media only screen and (max-width: 767px) {
.service-area {margin-top:-100px !important;}
.mobile-header-active {width: 100% !important;}
.btn-style-1 {text-align: initial;}
.btn-red {margin-bottom:25px;}
.col-lg-8.col-md-8.col-sm-8.col-12.px-2.bg-white {margin-top: -180px;}
.respons img {width:100% !important;margin-bottom:20px;}
}
@media screen and (max-width:522px){
.service-area {
    margin-top: 70px !important;
}
}
.menu {margin-bottom:20px;}

.hero-slider-content-6 h1 {
font-family: Montserrat;
font-size: 60px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 82px !important;
letter-spacing: 0.25px !important;
text-transform: initial !important;
}
.hero-slider-content-6 h5 {
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.hero-slider-content-6.slider-content-hm9 p {
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color:#000;
}
.gallery-item-1 {
     height:205px;
     width:205px;
}
.gallery-item-2 {
     height:205px;
     width:205px;
}
.gallery-item-3 {
     height:300px;
     width:205px;
}
.gallery-item-01 {
     height:205px;
     width:440px;
}
.gallery-item-02 {
     height:205px;
     width:440px;
}
.gallery-item-03 {
     height:300px;
     width:205px;
}
.gallery-item-04 {
     height:300px;
     width:440px;
}
.gallery-item-05 {
     height:300px;
     width:205px;
}
.gallery-item-06 {
     height:205px;
     width:440px;
}
.gallery-item-07 {
     height:205px;
     width:205px;
}
.gallery-item-08 {
     height:205px;
     width:205px;
}

.gallery-1 .item {margin: 0px 0px 30px 0px;}
.gallery-2 {width:80%;}
.gallery-1 {margin-right: 30px;}
.gallery-1 div img, .gallery-2 div img {width:100%;}
.gallery h2 {font-family: Montserrat;font-size: 30px;font-style: normal;font-weight: 600;line-height: 30px;letter-spacing: 0.25px;text-align: left;}
.gallery span {margin-bottom:15px;font-family: Montserrat;font-size: 20px;font-style: normal;font-weight: 400;line-height: 36px;letter-spacing: 0em;text-align: left;display:block;}

