@import url(./vendor/fontawesome.min.css);
@import url(./vendor/bootstrap.min.css);
@import url(./vendor/normalize.css);
@import url(./vendor/slick.css);
@import url(./vendor/leaflet.css);
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBoldItalic.eot');
    src: url('../fonts/Rubik-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Rubik-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBold.eot');
    src: url('../fonts/Rubik-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBold.woff') format('woff'),
        url('../fonts/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Bold.eot');
    src: url('../fonts/Hind-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Bold.woff2') format('woff2'),
        url('../fonts/Hind-Bold.woff') format('woff'),
        url('../fonts/Hind-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.eot');
    src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff'),
        url('../fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.eot');
    src: url('../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/Rubik-Medium.woff') format('woff'),
        url('../fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-LightItalic.eot');
    src: url('../fonts/Rubik-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-LightItalic.woff2') format('woff2'),
        url('../fonts/Rubik-LightItalic.woff') format('woff'),
        url('../fonts/Rubik-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.eot');
    src: url('../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff'),
        url('../fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Italic.eot');
    src: url('../fonts/Rubik-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Italic.woff2') format('woff2'),
        url('../fonts/Rubik-Italic.woff') format('woff'),
        url('../fonts/Rubik-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Light.eot');
    src: url('../fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Light.woff2') format('woff2'),
        url('../fonts/Rubik-Light.woff') format('woff'),
        url('../fonts/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-SemiBold.eot');
    src: url('../fonts/Hind-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-SemiBold.woff2') format('woff2'),
        url('../fonts/Hind-SemiBold.woff') format('woff'),
        url('../fonts/Hind-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Black.eot');
    src: url('../fonts/Rubik-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Black.woff2') format('woff2'),
        url('../fonts/Rubik-Black.woff') format('woff'),
        url('../fonts/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Light.eot');
    src: url('../fonts/Hind-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Light.woff2') format('woff2'),
        url('../fonts/Hind-Light.woff') format('woff'),
        url('../fonts/Hind-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Regular.eot');
    src: url('../fonts/Hind-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Regular.woff2') format('woff2'),
        url('../fonts/Hind-Regular.woff') format('woff'),
        url('../fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Medium.eot');
    src: url('../fonts/Hind-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Medium.woff2') format('woff2'),
        url('../fonts/Hind-Medium.woff') format('woff'),
        url('../fonts/Hind-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BoldItalic.eot');
    src: url('../fonts/Rubik-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-BoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-BoldItalic.woff') format('woff'),
        url('../fonts/Rubik-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBoldItalic.eot');
    src: url('../fonts/Rubik-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Rubik-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBold.eot');
    src: url('../fonts/Rubik-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-ExtraBold.woff2') format('woff2'),
        url('../fonts/Rubik-ExtraBold.woff') format('woff'),
        url('../fonts/Rubik-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-MediumItalic.eot');
    src: url('../fonts/Rubik-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-MediumItalic.woff2') format('woff2'),
        url('../fonts/Rubik-MediumItalic.woff') format('woff'),
        url('../fonts/Rubik-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BlackItalic.eot');
    src: url('../fonts/Rubik-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-BlackItalic.woff2') format('woff2'),
        url('../fonts/Rubik-BlackItalic.woff') format('woff'),
        url('../fonts/Rubik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
html { scroll-behavior: smooth; }
#whoweare { 
	scroll-margin-top: 110px;
    scroll-snap-margin-top: 110px;
}

#sse { 
	scroll-margin-top: 110px;
    scroll-snap-margin-top: 110px;
}
#sample { 
	scroll-margin-top: 110px;
    scroll-snap-margin-top: 110px;
}
#footer-form { 
	scroll-margin-top: 50px;
    scroll-snap-margin-top: 50px;
}
#advantages { 
	scroll-margin-top: 170px;
    scroll-snap-margin-top: 170px;
}
.nav-item .nav-link {
	text-transform:uppercase;
}
.fa-thin {
	color:#fff;
}
.qq {
	background-image:url(../images/backgrounds/qq.png);
	background-repeat:no-repeat;
	background-position: 107px;
	  padding-bottom:100px;
}
.sample {
	margin-top:40px;
	background-color:#f2f2f2;
	padding-top:80px;
	padding-bottom:50px;
	background-image: -webkit-linear-gradient(-30deg, #e9e9e9 25%, #f2f2f2 25%);
}
.ddkke {
	justify-content: center;
	display: flex;
	align-items: center;
}
.vig1 {
	background-image:url(../images/vig1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:358px;
	padding-top: 20px;
}
.samples-box {
	display:flex;
	color: #3e7627;
	font-size:18px;
	font-family:'Rubik';
	font-weight:500;
	background: #fff;
	margin-bottom:14px;
	padding:25px;
	position:relative;
	line-height:19px;
}
.samples-box img{
	width:20px;
	height:35px;
	position:absolute;
	right:30px;
	margin-top:2px;
}
.box-transparent {
	background-color: transparent;
	border: 2px dashed;
	padding-top:22px;
}
.vig2 {
	background-image:url(../images/vig2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:519px;
	padding-top: 20px;
}
.vig3 {
	background-image:url(../images/vig3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:398px;
	padding-top: 20px;
}
.vig4 {
	background-image:url(../images/vig4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:594px;
	padding-top: 20px;
}
.vig5 {
	background-image:url(../images/vig5.png);
	background-repeat:no-repeat;
	background-position:left;
	background-position:left;
	padding-left:245px;
	padding-top: 20px;
}
.vig {
	justify-content: center;
  display: flex;
  flex-direction: column;
}
.gen-vig {
	height: 217px;
	margin-top:40px;
}
#sse {
	margin-top:60px;
}
h2 {
  font-family: 'Rubik';
  font-size: 44px;
  color: #282828;
  font-weight: 500;
  line-height:46px;
}

/* root styles start */
html,
body {
  font-family: 'Hind';
  color: #444f5a;
  font-size: 24px;
  line-height: 24px;
  font-weight: 200;
  scroll-behavior: smooth;
  width: 100%;
  position: absolute;
  height: 100%;
  background: #fff;
}

.gap55px {
  gap: 55px;
}

:root {
  --bg-black: #1b1b1b;
  --head-black: #424242;
  --text-black: #1a1a1a;
  --main-theme: #ff0000;
  --white: #ffffff;
  --gray: #c8c8c8;
  --error-message-color: red;
  --transition-time: 0.3s;
}

p {
  margin-bottom: 20px;
    font-family: "Hind", sans-serif;
  font-size: 18px;
  color: #1a1a1a;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right:40px;
}
.navbar .navbar-container {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.nav-left, .nav-right {
	position:absolute;
}
.nav-left {
	left: -47px;
}
.nav-right {
	right: -43px;
  top: -3px;
}
.nav-01 .container {
    position: relative;
	background-color:#fff;
	padding-left:0;
	padding-right:0;

  margin-top:27px;
}
.fixed-top.scrolled.nav-01 .container {
	margin-top:20px;
}
.nav-01 .phone-holder {
    position: absolute;
    right: 0;
    top: 18px;
    color: #f6a9b5;
    font-size: 16px;
    font-family: 'Hind';
    font-weight: 400;
}
    .nav-01 .phone-holder a {
        color: #f6a9b5;
        font-size: 18px;
        font-family: 'Hind';
        text-decoration: none;
        font-weight: 600;
    }
.scrolled #navbar-menu {
    position: relative;
}
.scrolled .phone-holder {
    top:0;
}
.navbar-collapse {
    flex-grow: 0;
}

.logo {
    width: 71px;
    margin-top: 0;
    padding: 0;
}

.logo-sticky {
    display: none;
}

.navbar {
    padding: 0;
}

.navbar-nav {
    text-transform: capitalize;
    width: auto !important;
    height: auto;
    justify-content: first baseline;
    align-items: first baseline;
}
@media (max-width: 1199.98px) {
  .show .navbar-nav {
		padding-top:70px;
	}
	#navbar-menu.show .nav-link {
	  padding-bottom: 26px !important;
	}
	#navbar-menu.show button.hamburger {
		padding-right:0;
	}
}

.nav-link {
    color: #282828;
	font-size:12px;
    padding-left: 10px !important;
}
    .nav-link.pr-0 {
        padding-right: 0 !important;
    }
.nav-link:hover {
    color: #282828;
	font-size:12px;
}

.dropdown-item-menu .nav-link {
    color: #282828;
	font-size:12px;
}

.item-dropdown {
    position: relative;
}

.item-dropdown .dropdown-item-menu {
    display: none;
}

.item-dropdown.show>.dropdown-item-menu {
    display: block;
    background: red;
}

.nav-item .dropdown-switch {}

.nav-item.item-dropdown.lvl1>.dropdown-switch:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    margin-left: 5px;
    font-weight: 900;
}

.nav-item.item-dropdown.show.lvl1>.dropdown-switch:after {
    content: "\f106";
}

.nav-item.item-dropdown.lvl2>.dropdown-switch:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    margin-left: 5px;
    font-weight: 900;
}

.nav-item.item-dropdown.show.lvl2>.dropdown-switch:after {
    content: "\f106";
}

.navbar .menu_logo {
    display: none;
}
.navbar-toggler .hamburger-inner {
  top: 15px;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s;
  width: 20px;
  right: 0;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  content: "";
  width: 21px;
  height: 2px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  transition: transform ease .15s;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.navbar-toggler .hamburger-inner::after {
  content: "";
  display: block;
  top: -17px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
	left:8px;
}
.navbar-toggler .hamburger-inner::before {
  content: "";
  display: block;
  top: -8px;
  width: 21px;
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  left:4px;
}
.navbar-brand {
	display:flex;
}
.navbar-brand span {
	font-family: 'Rubik';
	color:#282828;
	font-size:23.41px;
	font-weight:500;
	
}
.navbar-brand {
  padding-top: 21px;
  padding-bottom: 22px;
  
}
.navbar-brand img {
	margin-right:10px;
	
}
.orrrrder1 {
	order: 1;
}
.orrrrder2 {
	order: 2;
}
@media (max-width: 1199.98px) {

		.box-transparent {
		padding-bottom: 11px;
		padding-top: 11px;
	}
    .logo {
        width: 71px;
    }
    .navbar-nav {
        
    }
    .nav-01.scrolled .navbar-nav {
        padding-top: 0;
    }
	.nav-01.scrolled .show .navbar-nav {
        padding-top: 70px;
    }
    .nav-01 .phone-holder {
        top:28px;

    }
    .nav-01.scrolled .phone-holder {
        top: 0;
    }
	.nav-item .nav-link {
	text-transform:capitalize;
}
}
@media(max-width: 991.98px) {
		.orrrrder1 {
	order: 2;
}
.orrrrder2 {
	order: 1;
}
	.box-transparent {
	padding-bottom: 22px;
    padding-top: 22px;
}
    .scrolled .phone-holder {
        top: 0;
    }
    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        justify-content: start;
    }

    .nav-01 .logo {
    }

    .navbar .hamburger-inner,
    .navbar .hamburger-inner::before,
    .navbar .hamburger-inner::after {
        height: 2px;
    }

   

    

}
.contact-uss {
	display:block;
	font-size: 12px;
    font-weight: 500;
    position: relative;
    letter-spacing: 1.5px;
	margin-right: 57px;
}
@media(min-width: 1200px) {
		.contact-uss {
		display:none;
	}
}
@media(min-width: 768px) {
    a.nav-link.selected::before {
        content: "";
        position: absolute;
        width: calc(100% - 30px);
        border-bottom: 3px solid #fff;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar.scrolled a.nav-link.selected::before {
        border-bottom-color: red;
        ;
    }

    .nav-item.item-dropdown.lvl2>.dropdown-switch:after {
        content: "\f0da";
    }

    .nav-item.item-dropdown.show.lvl2>.dropdown-switch:after {
        content: "\f0d9";
    }

    .nav-item .nav-link {
        font-size: 12px;
        font-weight: 500;
        position: relative;
		letter-spacing:1.5px;
    }

    .item-dropdown.show.lvl1>.dropdown-item-menu {
        position: absolute;
        left: 15px;
        top: 100%;
        margin-top: 15px;
        border-radius: 5px;
        min-width: 200px;
    }

    .item-dropdown.show.lvl1>.dropdown-item-menu .nav-link {
        color: #282828;
	font-size:12px;
    }

    .item-dropdown.show.lvl1>.dropdown-item-menu:after {
        content: "\f0d8";
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        color: var(--main-color);
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 24px;
        width: 100%;
        text-align: left;
        padding: 0px 15px;
        font-weight: 600;
    }

    .item-dropdown.show.lvl2.show {}

    .item-dropdown.show.lvl2>.dropdown-item-menu {
        position: absolute;
        left: 100%;
        top: 0;
        min-height: 100%;
        min-width: 180px;
        border-radius: 5px;
    }
}

.navbar-phone {
    position: absolute;
    color: red;
    text-align: right;
    right: 15px;
    top: 20px;
    z-index: 99999;
}

.navbar-phone-button {
    color: red;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
}

.navbar.scrolled .navbar-phone-button {
    color: red;
}

.dropdown-menu {
    margin: 0;
    border: none;
    border-radius: 0;
    background: #ccc;
}

.dropdown-toggle::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    width: auto;
    height: auto;
    border: none;
    font-size: 15px;
    vertical-align: middle;
}



.fixed-top.scrolled #navbar-menu {
    margin-top: 0px;
}

.fixed-top.scrolled .navbar-phone {
    display: none !important;
}

.fixed-top.scrolled img:not(.logo-sticky) {
    /*display: none;*/
}

.fixed-top.scrolled .logo-sticky {
    display: inline;
    width: 71px;
    height: auto;
	margin-right:12px;
}

    .fixed-top.scrolled .nav-link {
	font-size:12px;
    }
.green-bg-withangle {
	background-color:#4f9324;
	color:#fff;
	clip-path: polygon(
        12% 0%,       /* top-left angle */
        100% 0%, 
        88% 100%,    /* bottom-right angle */
        0% 100%
    );
  border-radius: 2px;
 
}
.green-bg-withangle2 {
	background-color:#005500 !important;
	color:#fff;
	clip-path: polygon(
        27% 0%,       /* top-left angle */
        100% 0%, 
        73% 100%,    /* bottom-right angle */
        0% 100%
    );
  border-radius: 2px;
 
}


.menu-contacts-block {
	background-image:url('../images/backgrounds/menu-contacts-bg.png');
	background-repeat:no-repeat;
	background-position: bottom left;
	position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 61px;
  color: #fff;
  font-size:18px;
  font-family: 'Hind';
  padding-top: 20px;
  padding-bottom:24px;
  text-overflow: ellipsis;
  overflow:hidden;
  max-width: 315px;
  display:none;
}
.adsfdd {
	position: absolute;
  left: 61px;
  bottom: 235px;
  height:2px;
  width:60px;
  background-color:#33941c;
}
@media (min-width: 768px) {

  

    .navbar-nav {
        background: transparent;
    }

    .nav-link {
		font-size:12px;
        border: none;
        padding: 18px 15px;
		font-family: 'Rubik';
		text-transform:capitalize;
    }
	.nav-link.green-bg-withangle {
		padding-left:50px !important;
		padding-right:50px !important;
	}
    .dropdown-menu {
        margin-top: 15px;
        background: #000;
    }

    .dropdown-menu:after {
        content: "";
        position: absolute;
        top: -19px;
        height: 20px;
        left: 0;
        right: 0;
    }

    .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -19px;
        left: 20px;
        border: 10px solid transparent;
        border-bottom: 9px solid #000;
    }

    .dropdown-item {
        color: #fff !important;
    }

    .dropdown-item:hover {
        background: #ff9900;
    }

    .nav-item.item-dropdown.lvl1>.dropdown-switch:after,
    .nav-item.item-dropdown.lvl2>.dropdown-switch:after {
        float: right;
    }
	
}

/*.hamburger {
    right: 25px;
}*/

/*.navbar-container {
    margin: 0;
    min-width: 100%;
    padding: 0 25px;
}*/

@media(max-width: 1199.89px) {
	.menu-contacts-block {
		display:block;
	}
	.show .green-bg-withangle {
		background-color:transparent !important;
		clip-path:unset;
	}
    .logo {
        margin-top: 0;
    }
    .nav-01 .hamburger {
        top: 45px;
    }
    .nav-01 .phone-holder {
        top: 36px;
        right: 96px;
    }
    .nav-01.scrolled .phone-holder {
        top: 16px;
        right: 96px;
    }

    #navbar-menu.collapse {
        transition: none !important;
    }

    #navbar-menu .nav-link {
        color: #fff !important;
        font-family: 'Rubik';
        font-size:32px;
		font-weight:500;
    }

    #navbar-menu.collapsing {
        transition: none !important;
    }

    .navbar #navbar-menu {
        position: fixed;
		background-image: linear-gradient(to right, #035702, #0e5d09, #226715, #417829, #508033);
        background-repeat:no-repeat;
        right: -380px;
        height: 100dvh;
        /* height: calc(var(--vh, 1vh) * 100); */
        width: 380px;
        top: 0;
        background-color: #031c32;
        display: flex;
        flex-direction: column;
        align-items: first baseline;
        justify-content: space-between;
        transition: right .4s ease-in-out !important;
		padding-left:46px;
    }

    #navbar-menu button.hamburger {
        top: 50px;
        right: 35px;
    }

    #navbar-menu .hamburger-inner,
    #navbar-menu .hamburger-inner::before,
    #navbar-menu.hamburger-inner::after {
        background-color: #fff;
    }

    #navbar-menu.show {
        right: 0 !important;
        box-shadow: -10px 0px 7px -5px rgba(0, 0, 0, .5);
    }

    .navbar.menu_open .hamburger {
        right: 40px;
        transition: right .4s ease-in-out !important;
    }

    #navbar-menu .navbar-nav {
        flex-grow: 1;
    }

    #navbar-menu .navbar-menu-buttons {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
        width: 100%;
        align-items: center;
    }

        #navbar-menu .navbar-menu-buttons .btn {
            width: fit-content;
            padding: 17px 50px;
            font-size: 16px;
        }
            #navbar-menu .navbar-menu-buttons .btn span {
                font-family: 'Hind';
                font-size: 18px;
                font-weight: 600;
            }

    #navbar-menu .navbar-menu-buttons .btn:not(:last-child) {
        margin-bottom: 20px;
    }
  
    .nav-item .nav-link {
        padding: 10px 15px !important;
        font-size: 18px;
        letter-spacing: 2px;
        font-weight: 200;
    }

    .navbar.scrolled img.menu_logo,
    .navbar .menu_logo {
        display: block;
        mix-blend-mode: multiply;
        opacity: 0.5;
        margin: 10px 0px 50px;
    }

    a.nav-link.selected::before {
        display: none;
    }
}

@media (max-width: 767.96px) {
    .navbar #navbar-menu {
        width: 100vw;
        right: -100vw;
    }

    body.menu_open {
        overflow: hidden;
    }
	.menu-contacts-block {
		max-width:100%;
	}
}
@media (max-width: 575.98px) {
    .phone-holder {
        display:none;
    }
    .hamburger {
        right:30px;
    }
}
@media (max-width: 450.98px) {
    .phone-holder {
        display:none;
    }
    .hamburger {
        right:30px;
    }
	.menu-contacts-block {
		max-width: 315px;
	}
}
@media (max-width: 575.98px) {
  .hamburger {
    right: 30px;
  }
}
.hamburger {
	
  position: absolute;
  top: 50%;
  right: -5px;
  padding: 5px;
  padding-top: 24px;
  display: inline-block;
  cursor: pointer;
  transition: opacity, filter linear 0.15s;
    transition-property: opacity, filter;
    transition-duration: 0s, 0.15s;
    transition-timing-function: ease, linear;
    transition-delay: 0s, 0s;
  transition-property: opacity, filter;
  transition-duration: 0s, 0.15s;
  transition-timing-function: ease, linear;
  transition-delay: 0s, 0s;
  background-color: transparent;
  border: none;
  transform: translateY(-50%);
  padding-left: 15px;
  padding-right: 35px;
}
.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}


.about-us {
  text-align: center;
}

.about-us .max-w {
  max-width: 923px;
  margin: auto;
}

.about-us .max-w:after {
  content: " ";
  width: 67px;
  height: 3px;
  background: #3091d5;
  margin-bottom: 38px;
  display: block;
  margin: auto;
  margin-top: 50px;
}






.arrow-down {
  position: absolute;
  right: 0;
  bottom: 0;
}

.display-flex {
  display: flex;
}

.brand-title {
  position: relative;
  top: 10px;
}

.what-we-do-text {
  font-weight: normal;
}

.brands {
  padding-top: 43px;
  padding-bottom: 43px;
  border-bottom: 1px solid #c9c9c9;

}

#brands {
  background: #f1f1f1;
}

.cartier {
  position: relative;
  top: 10px;
}

/* navbar styles end */
/* main-banner styles start */
.main-banner {
  height: 100%;
  color: var(--white);
  background: url("../images/backgrounds/main-banner.jpg") 0 0 no-repeat;

  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 75px;
  position: relative;
  background-position-x: center;
}

.main-banner-wrapper {
  height: 100%;
  color: var(--white);
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.main-banner>.container {
  z-index: 9;
}

.main-banner:before {
  content: "";
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  left: 0;
}

.main-banner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.main-banner .banner-text {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 31px;
  text-align: center;
  color: #fff;
}

.kassi {
max-width:860px;
margin:auto;
}
.main-banner .banner-title {
  font-size: 60px;
  line-height: 60px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 23px;
  text-align: center;
  font-family: 'Rubik';
}
.main-banner p {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  font-family: 'Hind';
  color: #fff;
}

.main-banner .banner-caption {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: left;
}

.main-banner .scroll-info {
  position: absolute;
  top: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #837d7a;
  padding: 30px 35px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  padding-left: 63px;
  z-index: 9;
}

.main-banner .scroll-info span {
  position: relative;
  margin-bottom: -30px;
}

.main-banner .scroll-info span::before {
  content: " ";
  width: 15px;
  height: 23px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  background: url("../images/icons/mouse.png") 0 0 no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: -30px;
}
.advantages {
	margin-top:110px;
}
.advantages h2 {
	text-align:center;
}
/* main-banner styles end  */
.button {
  background: #4f9324;
  color: #fff;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  padding: 25px 50px;
  padding-left: 34px;
  text-decoration: none;
  letter-spacing: 2px;
  display: inline-block;
  clip-path: polygon(0 0, 100% 0, 92% 98%, 0% 100%);
  font-family: 'Rubik';
  text-transform:uppercase;
}
footer .button {
	background-image: linear-gradient(to right, #015500, #0b5904, #145d0a, #1b610f, #216514, #286918, #2f6d1d, #357121, #3d7526, #44792b, #4c7e30, #538235);
}
.button_framed {

  border: 1px solid transparent;
}

.button:hover,
.button:focus {
  text-decoration: none;
  outline: none;
  color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* featurettes styles start */
.featurettes {
  padding-top: 107px;
  padding-bottom: 112px;
}

.featurettes .g-1 {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}


.featurette {
  height: 100%;
  min-height: 264px;
  position: relative;
  color: var(--white);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  max-height: 300px;
  /*&:hover {
    cursor: pointer;
    &:before {
      background: rgba(255, 0, 0, 0.45);
    }
    & .featurette-text {
      height: 100%;
    }
    & .featurette-arrow {
      opacity: 0;
    }
  }*/
}

.featurette:before {
  content: " ";
  opacity: 1;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  -webkit-transition: all var(--transition-time) linear;
  transition: all var(--transition-time) linear;
}

.featurette:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 49%, black 50%, rgba(0, 0, 0, 0) 51%) center/3px 3px repeat transparent;
}

.featurette a {
  color: var(--white);
  text-decoration: none;
}

.featurette img {
  width: 100%;
  opacity: 0;
}

.featurette .featurette-inner {
  width: 100%;
  height: 100%;
  padding: 35px 42px 9px 34px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .featurette .featurette-inner {
    padding: 15px;
  }
}

.featurette .featurette-title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  font-family: "Playfair Display", serif;
  margin-top: auto;
  margin-bottom: 26px;
}

@media (max-width: 767.98px) {
  .featurette .featurette-title {
    font-size: 30px;
    line-height: 30px;
  }
}

.featurette .featurette-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--white);
  -webkit-transition: all var(--transition-time) linear;
  transition: all var(--transition-time) linear;
  overflow: hidden;
  height: 0;
  display: none;
}

.featurette .featurette-arrow {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--main-theme);
  color: var(--white);
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  opacity: 1;
  -webkit-transition: all var(--transition-time) linear;
  transition: all var(--transition-time) linear;
  display: none;
}

.featurettes-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  color: var(--main-theme);
  padding: 0 13%;
}

@media (max-width: 1199.98px) {
  .featurettes-footer {
    padding: 0 10%;
  }

  .testimonial-text {
    min-height: 180px;
  }
}

.featurettes-footer .featurettes-footer-text {
  text-align: center;
  font-family: "Playfair Display", serif;
  padding-bottom: 23px;
}

.featurettes-footer .featurettes-footer-contacts {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
  border-top: 2px solid var(--main-theme);
  padding-top: 16px;
}

.featurettes-footer .featurettes-footer-contacts a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  line-height: 20px;
  font-weight: 700;
  color: var(--blue);
  margin-top: 3px;
}

.featurettes-footer .featurettes-footer-contacts a i {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.05em;
  margin-right: 10px;
}

/* featurettes styles end */
.block-header-head h2 {
  font-size: 36px;
  line-height: 50px;
  font-weight: 500;
  font-family: 'Rubik';
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}


.block-header-head.inline h2 span {
  display: inline-block;
  margin-right: 30px;
}

@media (max-width: 767.98px) {
  .block-header-head:before {
    margin-bottom: 15px;
  }
}

.block-header-head.centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-header-sub {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: var(--text-black);
  margin-top: 35px;
}

@media (max-width: 767.98px) {
  .block-header-sub {
    margin-top: 0;
  }
}

.block-header_white {
  color: var(--white) !important;
}

@media (max-width: 767.98px) {
  .block-header {
    margin-bottom: 35px;
  }
}

.whatwedo {
  padding-top: 43px;
  background: #f1f1f1;
  padding-bottom: 50px;
}

.whoweare {
  padding-top: 100px;
  margin-bottom: 10px;
  background-color:#f2f2f2;

}


.whoweare .boxes-title {
  margin-bottom: 25px;
}

.whoweare .box {
  font-size: 22px;
  color: #444f5a;
  font-weight: normal;
}

.boxes-title {
  color: #b6b6b6;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 17px;
  letter-spacing: 2px;
  font-family:'Rubik';
}

.whatwedo img {
  margin-bottom: 20px;
}

.whatwedo .box {
  margin-bottom: 35px;
}

/* call to us banner style start */
.call-banner {
  color: #fff;
  background: url("../images/backgrounds/call-banner.jpg");
  font-weight: 700;
  padding-top: 158px;
  padding-bottom: 158px;
  background-size: cover;
  background-repeat: none;
  margin-top:96px;
}

.advantades-wrapper {
  padding: 15px 0 58px 0px;
}

.advantades-wrapper .advantades__item {
  text-align:center;
  margin: 0 auto;
}

.advantades__item h3 {
  font-size: 18px;
  color: #1a1a1a;
  font-family: 'Hind';
  font-weight: normal;
  padding: 0 0px 0 0;
  margin-bottom: -7px;
  margin-left:auto;
  margin-right:auto;
  max-width: 230px;
}

.only-desk2 {
  display: none;
}

.advantades__item div {
  width: 90px;
  height: 90px;
  background-color: #fff;
  margin:0 auto;
  margin-bottom:15px;
}

.call-banner.covered>.container {
  position: relative;
  z-index: 2;
}

.call-banner-head {
  text-align: left;
  margin-bottom: 10px;
}

.call-banner-head h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .call-banner-head h2 {
    font-size: 45px;
    line-height: 45px;
  }
}

@media (max-width: 767.98px) {
  .call-banner-head {
    margin-bottom: 25px;
  }
}

.call-banner-subhead {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 28px;
  text-transform: none;
  text-align: left;
  color: #fff;
}

.call-banner-subhead span {
  font-weight: 400;
}


/* call to us banner style end */
/*columned content styles start */
.columned-content {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--black);
}

.columned-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-columns: 2;
  columns: 2;
  gap: 30px;
}

.columned-content ul.services li {
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: var(--main-theme);
  padding: 30px 0;
  margin-top: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.columned-content ul.services li::before {
  content: "+";
  font-size: 24px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-right: 14px;
}

.columned-content ul.services li:first-child {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .columned-content ul {
    -webkit-columns: 1;
    columns: 1;
  }
}

img.column-image {
  max-width: 100%;
}

/*columned content styles end */
/* icon labels styles start */
.icon-labels {
  background: var(--bg-black);
  padding-top: 120px;
  padding-bottom: 101px;
}

@media (max-width: 767.98px) {
  .icon-labels {
    margin-top: 0;
  }
}

.icon-labels .section-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 35px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 804px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  .icon-blocks {
    padding-top: 25px;
  }
}

@media (max-width: 575.98px) {
  .icon-blocks {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.icon-block {
  color: var(--white);
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  padding-bottom: 40px;
}

.icon-block-icon {
  font-size: 50px;
  line-height: 36px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.16);
}

.icon-block-icon img {
  max-width: 50px;
}

.icon-block-text {
  text-align: center;
  padding-top: 20px;
}

/* icon labels styles end */
/* lightwidget gallery styles start */
.lightwidget-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.lightwidget-gallery img {
  width: 100%;
}

@media (max-width: 767.9px) {
  .lightwidget-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 380px) {
  .lightwidget-gallery {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767.9px) {
  .lightwidget-gallery .lightwidget-image:nth-child(6) {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .lightwidget-gallery .lightwidget-image:nth-child(7) {
    display: none;
  }
}

/* lightwidget gallery styles end */
/* testimonials styles start */
.testimonials {
  color: #222222;
  position: relative;
  z-index: 2;
}

.testimonials .read-all {
  margin-top: 4.4rem;
}

.testimonials h2 {
  text-align: center;
  color: var(--white);
}

.testimonials-carousel .carousel-indicators {
  position: relative;
  margin-top: 60px;
  margin-left: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.testimonials-carousel .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 1.1rem;
  border: none;
  background: #cdcdcd;
}

.testimonials-carousel .carousel-indicators .active {
  background: #3091d5;
  width: 10px;
  height: 10px;
}

@media (max-width: 767.98px) {
  .testimonials-carousel .carousel-indicators {
    margin-top: 50px;
  }
}

@media (max-width: 767.9px) {
  .testimonials-carousel {
    padding-top: 0;
  }
}

.testimonial-body .col-12 {
  padding-left: 0;
  padding-right: 0;
}

.testimonial-text {
  font-size: 20px;
  line-height: 28px;
  color: #1a1a1a;
  font-weight: 400;
  font-family: 'Hind';
  min-height: 120px;
}

.author {
  font-family: 'Hind';
  color: #3e7627;
  font-weight: normal;
  font-size: 20px;
  margin-top: 15px;
}
.author span {
  font-family: 'Rubik';
  color: #3e7627;
  font-weight: 500;
  font-size: 12px;
  margin-top: 3px;
  text-transform:uppercase;
  letter-spacing: 1px;
}

.testimonial-text.show-read-more .read-more {
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin-top: 1.5rem;
  color: var(--white);
  font-size: 1.5rem;
}

.testimonial-text.show-read-more .more-text {
  display: none;
}

@media (max-width: 767.98px) {

  .testimonial-text br {
    display: none;
  }

  .testimonials {
    padding-left: 10px;
    padding-right: 10px;
  }
}


.testimonial-author {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  font-style: normal;
  padding-top: 30px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #1f1f1f;
}

/* testimonials styles end */
/* certificates styles start */
.certificates {
  padding-top: 66px;
  padding-bottom: 58px;
}


.certificate-icons {
  padding-left: 30px;
}


.certificate-icon {
  width: 33.3333%;
}

.certificate-icon img {
  width: 100%;
}

/* certificates styles end */
/* map styles start */
#map {

  background:
    linear-gradient(to bottom, transparent 50%, #1b1b1b 50%),
    linear-gradient(100deg, #fff, #fff);
}

.map {
  min-height: 504px;
  width: 100%;
  position: relative;
  background: url("../images/map.webp") center center no-repeat;
  background-size: cover;
  border-radius: 15px;
  position: relative;
}

.map .map-box {
  position: absolute;
  top: -42px;
  left: 42px;
  background: #3091d5;
  height: 222px;
  width: 272px;
  padding: 45px;
  border-radius: 15px;
}

.map .map-box h2 {
  color: #fff;
  font-family: 'Impact';
  font-size: 46px;
  line-height: 44px;
}

.map .map-box span {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}

/* map styles end */
/* footer styles start */
footer {
  background: #161616;
  color: #fff;
  padding-top: 110px;
  padding-bottom: 41px;
}

.footer {
  background: #161616;
}

.footer-inline-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.2rem;
  margin-bottom:1px;
}

.footer-inline-menu li a {
  color: #fff;
  font-size: 12px;
  line-height: 36px;
  font-weight: 500;
  text-decoration: none;
  text-transform:uppercase;
  font-family: 'Rubik';
}

@media (max-width: 575.98px) {
  .footer-inline-menu li a {
    text-align: left;
    display: block;
  }
}



@media (max-width: 575.98px) {


  .footer-inline-menu {
    display: block;
    -webkit-columns: 1;
    columns: 1;
  }
}

.site-rights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--white);
}

.site-copyright a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Gothic A1';

}

.site-copyright {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Hind';
  padding-top: 8px;
}

.site-authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Hind';
  padding-top: 6px;
}
.green-line {
	height:2px;
	width: 60px;
	background-color:#2a6c1b;
	margin:0 auto;
	margin-bottom:30px;
}
.testimonial-prev-btn, .testimonial-next-btn {
	padding:1px;
	padding-top:50px;
}
.site-authors a {
  color: var(--white);
  text-decoration: none;
}

.site-authors a:hover,
.site-authors a:focus {
  text-decoration: underline;
}

.site-authors img {
  margin-left: 4px;
  margin-top: 1px;
}

/* footer form styles start */
.footer-form .slogan {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  padding-top: 32px;
  padding-bottom: 22px;
}

.contact-description div {
  font-size: 18px;
  font-weight: 400;
  font-family: 'Hind';
}

.footer-form {
  position: relative;
  padding-bottom: 80px;
}

@media (max-width: 767.98px) {
  .footer-form .slogan {
    padding-top: 0;
    padding-bottom: 35px;
  }
}

.footer-form .form {
  font-size: 16px;
  font-weight: 200;
  font-family: 'Hind';
}

.footer-form .form-group {
  margin-bottom: 22px;
}

.footer-form .form-group .required {
  color: var(--error-message-color);
}

.footer-form .form-group label.error {
  font-size: 16px;
  color: var(--error-message-color);
}

.footer-form .form-control {
  font-size: 1rem;
  line-height: 3rem;
  font-weight: 400;
  height: 64px;
  border-radius: 0;
}

.checkmark {
  
}



.footer-form textarea.form-control {
  height: 230px;
}

.footer-form button {
  padding: 25px 43px 22px;
  margin-top: 20px;
}

.footer-form button i {
  margin-left: 2rem;
}

.footer-form .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.footer-form .socials a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  text-decoration: none;
  font-size: 20px;
  background-color: #bdad42;
  border-radius: 5px;
  aspect-ratio: 1/1;
  height: 64px;
}

.footer-form .socials a img {
  max-height: 28px;
}

.ch {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 767.98px) {
  .footer-form .socials {
    padding-bottom: 30px;
  }
}

.form-group-row .form-group:first-child {
  padding-right: 22.5px;
}

@media (max-width: 767.98px) {
  .form-group-row .form-group:first-child {
    padding-right: 15px;
  }
}

.form-group-row .form-group:last-child {
  padding-left: 22.5px;
}

@media (max-width: 767.98px) {
  .form-group-row .form-group:last-child {
    padding-left: 15px;
  }
}

/* footer form styles end */
/* footer contacts styles start */
.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  text-decoration: none;
  margin-bottom: 25px;
}

.contact:hover,
.contact:focus {
  text-decoration: none;
  color: var(--white);
}

.tel {
  color: #4e9c22;
  font-size: 18px;
  font-family: 'Hind';
  margin-bottom: 2px;
  font-weight: 500;
  margin-top: 18px;
}

.mail {
  color: #4e9c22;
  font-size: 18px;
  font-family: 'Hind';
  font-weight: 500;
}

.contact a {
  color: #4e9c22;
  display: block;
}

.contact-icon {
  width: 5.9rem;
  height: 5.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--black);
  font-size: 2.4rem;
  line-height: 4.8rem;
  border-radius: 50%;
  margin-right: 1.6rem;
}

.contact-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  font-family: "Playfair Display", serif;
  color: var(--main-theme);
}

.contact-description {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  word-wrap: break-word;
}

.section-logo {
  margin-top: 91px;
}

/* footer contacts styles end */
/* footer form styles end */
/* footer styles end */
.custom-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.custom-checkbox {
  position: relative;
  width: 19px;
  height: 19px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 15px;
}

.custom-checkbox input {
  position: absolute;
  cursor: pointer;
  height: 0;
  width: 0;
  opacity: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #fff;
  border: none;
}

.checkmark.error {
  background: var(--error-message-color);
}

@media (max-width: 767.98px) {
  .checkmark {
    height: 13px;
    width: 13px;
    margin-top: 4px;
  }
}

.custom-checkbox input:checked~.checkmark,
.custom-checkbox input:checked {
  background-color: #fff !important;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked~.checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 0px;
  top: 0px;
  width: 19px;
  height: 19px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVQ4T6WTXQ2AMAwGDwdIQAISQAEWsIQCQAkWkIAEJJCSNCljP7Dtdblb26+rKDxVIU+uoAY2YMoRKNwC61/BAwbGP4IXLPP7KvDCVtAARyCRIKyCBRiAHtgdSRRWwQjMwOlIkrBtwZVIO5LzHZVMO7RwdohWIoIk7EtBJXIXfVkr8sUoki5Wtm3n6x4E/1yx4AI+qiERKNFzCwAAAABJRU5ErkJggg==") 2px 2px no-repeat;
  -webkit-animation: checkbox 0.3s linear;
  animation: checkbox 0.3s linear;
}

@media (max-width: 767.98px) {
  .custom-checkbox .checkmark:after {
    top: -5px;
    left: -1px;
  }
}

@-webkit-keyframes checkbox {
  from {
    width: 0;
  }

  to {
    width: 19px;
  }
}

@keyframes checkbox {
  from {
    width: 0;
  }

  to {
    width: 19px;
  }
}

.modal {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.modal-header h4 {
  font-size: 24px;
  line-height: 37px;
  font-weight: 400;
  font-family: "Playfair Display", serif;
  color: var(--head-black);
}

.modal-header button {
  border: none;
  background: none;
  font-size: 34px;
  padding: 0;
}



a {
  text-decoration: none;
}



#services-section {
  padding-top: 45px;
  padding-bottom: 96px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  #services-section .block-header {
    margin-bottom: 20px;
  }
}

#section-services {
  padding-top: 104px;
  padding-bottom: 104px;
}

@media (max-width: 767.98px) {
  #section-services {
    padding-top: 51px;
    padding-bottom: 51px;
  }
}

#about-us-section {
  padding-top: 103px;
  padding-bottom: 104px;
  background: #e7e7e7;
}

#about-us-section .block-header {
  margin-bottom: 35px;
}

@media (max-width: 767.98px) {
  #about-us-section {
    padding-top: 51px;
    padding-bottom: 51px;
  }
}

#gallery-section {
  padding-top: 118px;
  padding-bottom: 103px;
}

@media (max-width: 767.98px) {
  #gallery-section {
    padding-top: 51px;
    padding-bottom: 51px;
  }
}

#gallery-section iframe {
  margin-top: -150px;
}

@media (max-width: 798px) {
  #gallery-section iframe {
    margin-top: 0px;
  }
}

#reviews-section {
  background-size: cover;
  position: relative;
  background-color: #fff;
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
}

#reviews-section .block-header {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

#reviews-section>.container {
  padding-top: 110px;
  padding-bottom: 87px;
  z-index: 9;
  position: relative;
}












.block-subheader {
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

.overflow-carousel-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 18px;
}

.overflow-carousel_visible .slick-list {
  overflow: visible;
  height: 100%;
}

.case-studies {
  overflow: hidden;
  background-color: #f1f1f1;
}

.case-studies .boxes-title {
  margin-top: 33px;
}

.case-studies .overflow-slide {
  margin-right: 2px;
}

.case-studies .cursor-pointer {
  position: relative;
  top: 7px;
}

.cursor-pointer {
  cursor: pointer;
}

.slick-track {
  padding-bottom: 2px;
}








.testimonial-text img {
  float: left;
}

@media (max-width: 767.98px) {
  #reviews-section>.container {
    padding-top: 52px;
    padding-bottom: 48px;
    background: none;
  }
}

@media (max-width: 767.98px) {
  #footer-form {
    padding-top: 70px;
  }
    .block-header {
    margin-bottom: 10px;
  }
  
}

/* root styles end */


.featurettes-05-item {
  min-height: 584px;
  position: relative;
  border-radius: 15px;
}

.featurettes-05-item1 {
  background: url(../images/backgrounds/feat1.webp);

}

.featurettes-05-item2 {
  background: url(../images/backgrounds/feat2.webp);

}

.featurettes-05-item3 {
  background: url(../images/backgrounds/feat3.webp);

}

.featurettes-05-item:hover {
  background: linear-gradient(0deg, rgba(15, 82, 129, 0.7), rgba(15, 82, 129, 0.7)), url(../images/backgrounds/feat1.webp);
  min-height: 584px;
  position: relative;
}

.featurettes-05-item .item-text {
  position: absolute;
  bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 15px;

  transition: opacity .3s;

}

.featurettes-05-item .item-text p {
  color: #fff;
  font-size: 16px;
  display: none;
}

.featurettes-05-item:hover p,
.featurettes-05-item:hover h3::after {
  display: block;
}

.featurettes-05-item:hover .item-box {
  display: none;
}

.featurettes-05-item h3 {
  color: #fff;
  font-size: 36px;
  font-family: 'Impact';
}

.featurettes-05-item h3::after {
  content: " ";
  width: 67px;
  height: 3px;
  background: #3091d5;
  margin-bottom: 28px;
  display: block;
  margin-top: auto;
  margin-top: 25px;
  display: none;
}

.block-header_white h2 {
  color: var(--white) !important;
}

.block-header_white h2::before {
  content: " ";
  width: 67px;
  height: 3px;
  background: #3091d5;
  margin-bottom: 28px;
  display: block;
  margin-top: auto;
  margin-top: 25px;
  margin: auto;
  margin-bottom: 50px;
}

.block-header_white2 h2 {
  color: #262626;
  text-align: left;
}

.block-header_white2 h2::after {
  content: " ";
  width: 67px;
  height: 3px;
  background: #3091d5;
  margin-top: 28px;
  display: block;
  margin-top: 50px;
}

.block-header_white3 h2 {
  color: #fff;
  text-align: left;
}

.bad-row-rsk2 .site-rights {
  display: none;
}

.item-box {
  background-color: #3091d5;
  height: 50px;
  width: 50px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 8px;
  position: absolute;
  bottom: 0;
  right: 0;


  background-image: url(../images/right.png);
  background-repeat: no-repeat;
  background-position: center center;

}

.bad-row-rsk {
  /*display:none;*/
}
.sample h2 {
	margin-bottom:30px;
}
.sample1 {
	padding-right:7px;
}
.sample2 {
	padding-right:7px;
	padding-left:7px;
}
.sample3 {
	padding-left:7px;
}
.sample4 {
	padding-right:7px;
}
.sample5 {
	padding-right:7px;
	padding-left:7px;
}
.sample6 {
	padding-left:7px;
}
@media (max-width: 1399.98px) {
  .testimonial-text {
    min-height: 150px;
  }

  .brand-title div {
    width: 325px;
  }



  .gap55px {
    gap: 25px;
  }



  .map .map-box h2 {
    font-size: 44px;
  }

  .cartier {
    max-width: 108px;
    top: 5px;
  }

  .heuer {
    max-width: 51px;
    top: 8px;
    position: relative;
  }

  .breitling {
    max-width: 134px;
    top: 8px;
    position: relative;
  }

  .omega {
    max-width: 90px;
    top: 8px;
    position: relative;
  }

  .rolex {
    max-width: 84px;
    top: 8px;
    position: relative;
  }

  .align-content-end {
    align-content: end;
  }

  .brands {
    padding-top: 29px;
    border: 0;
  }

  #brands {
    border-bottom: 1px solid #c9c9c9;
  }

  .whatwedo img {
    margin-bottom: 20px;
    width: 100%;
  }

  .what-we-do-text {
    font-family: 'Gothic A1';
    font-size: 22px;
  }

  .whatwedo .box {
    margin-bottom: 28px;

  }

	.qq {
		background-image:none;
		padding-bottom: 50px;
	}
	.whoweare  {
		background-image:url(../images/backgrounds/qq.png);
	background-repeat:no-repeat;
	background-position: -33px 67px;
	padding-top: 60px;
	
	}
	.vig1 {
		background-position: -151px;
		padding-left: 203px;
	}
	.vig2 {
		background-position: -164px;
		padding-left: 346px;
	}
	.vig3 {
		background-position: -165px;
		padding-left: 224px;
	}
	.vig4 {
		background-position: -297px;
		padding-left: 259px;
	}
	.vig4 h2 {
		letter-spacing: -1.5px;
	}
	
	.vig5 {
		background-position: left;
		background-image: url(../images/vig5-2.png);
		padding-left: 157px;
	}
  .whoweare .box {
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
  }

  .whoweare {
    margin-bottom: 91px;
  }

  .call-banner {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 146px;
    padding-bottom: 153px;
  }



  .footer-form .slogan {
    font-size: 22px;
    line-height: 24px;
  }

  .only-desk {
    display: none;
  }

  .ftr1 {
    width: 100%;
  }

  .footer-inline-menu {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }



  #whatwedo .box {
    padding-right: 0;
  }

  .slick-slide img {
    max-height: 477px;
  }


}
.need-help {display:none;}
.columned-content h2 {
	margin-bottom:30px;
}
@media (max-width: 1199.98px) {
	.need-help {display:block;}
	.sample6 .samples-box {
		padding-top: 13px;
	}
	.sample6 img {
		  margin-top: 17px;
	}
	.contact-text {
		width:100%;
	}
	.contactleft {
		float:left;
		margin-right:30px;
		width:50%;
	}
	.block-header-head h2 {
		margin-bottom:10px;
	}
}
@media (max-width: 991.98px) {
	.need-help {display:none;}
  .footer-inline-menu {
  
  }
  .site-copyright br:last-child {
	  display:none;
  }
  .site-authors {
	  padding-top:10px;
  }
  .contact-uss {
	  margin-right: 0;
	  margin-left: 90px;
  }
  .footer-form {
	  
	  padding-bottom:40px;
  }
  .whoweare h2 br:first-child {
	  display:none;
  }
  h2 {
	  font-size:40px;
  }
  .whoweare {
	  background-position: -33px 130px;
  }
}
.slogan2 {
  display: none;
}

.contacts2 {
  display: none;
}

.socials2 {
  display: none;
}

.abr {
  display: none !important;
}

.facebook_iframe {
  height: 522px;
}
@media (max-width: 795.98px) {
	.contact-uss {
	  margin-right: 0;
	  margin-left: 80px;
  }
}
@media (max-width: 782.98px) {
	.contact-uss {
	  margin-right: 0;
	  margin-left: 70px;
  }
}
@media (max-width: 776.98px) {
	.contact-uss {
	  margin-right: 0;
	  margin-left: 60px;
  }
}
@media (max-width: 1607px) {
  .facebook_iframe {
    height: 447px;
  }
}

@media (max-width: 1346px) {
  .facebook_iframe {
    height: 382px;
  }
}

@media (max-width: 1092px) {
  .facebook_iframe {
    height: 318px;
  }
}

@media (max-width: 946px) {
  .facebook_iframe {
    height: 280px;
  }
}

@media (max-width: 780px) {
  .facebook_iframe {
    height: 241px;
  }
}

@media (max-width: 767.98px) {
  .facebook_iframe {
    height: 429px;
  }
}

@media (max-width: 686px) {
  .facebook_iframe {
    height: 388px;
  }
}

@media (max-width: 630px) {
  .facebook_iframe {
    height: 360px;
  }
}

@media (max-width: 559px) {
  .facebook_iframe {
    height: 325px;
  }
}

@media (max-width: 496px) {
  .facebook_iframe {
    height: 293px;
  }
}

@media (max-width: 464px) {
  .facebook_iframe {
    height: 500px;
  }
}

@media (max-width: 434px) {
  .facebook_iframe {
    height: 471px;
  }
}

@media (max-width: 410px) {
  .facebook_iframe {
    height: 447px;
  }
}

@media (max-width: 380px) {
  .facebook_iframe {
    height: 418px;
  }
}

@media (max-width: 352px) {
  .facebook_iframe {
    height: 389px;
  }
}

@media (max-width: 300px) {
  .facebook_iframe {
    height: 337px;
  }
}

.case-studies .block-subheader {
  display: block;
}

.case-studies .block-subheader .overflow-carousel-nav {
  display: block;
}

@media (max-width: 991.99px) {
  .bad-row-rsk2 .site-rights {
    display: block;
  }

  .advantades-wrapper .advantades__item {
    display: block;
	max-width:290px;
  }

  .advantades__item div {
    margin: auto;
    margin-bottom: 15px;
	text-align:center;
  }

  .advantades__item h3 {
    width: unset;
    text-align: center;
    padding-left: 0;
  }

  .testimonial-body {
    padding: 0;
  }

  .slick-slide img {
    max-height: 358px;
  }



  .main-banner {
    padding-bottom: 55px;
  }

  .whoweare h2 {
    max-width: 100%;
    margin-bottom: 28px;
  }

  #brands {
    padding-bottom: 50px;
  }

  .cartier {
    max-width: 121px;
    top: 5px;
  }

  .heuer {
    max-width: 58px;
    top: 8px;
    position: relative;
    margin-left: 38px;
    margin-right: 38px;
  }

  .breitling {
    max-width: 153px;
    top: 8px;
    position: relative;
  }

  .omega {
    max-width: 103px;
    top: 8px;
    position: relative;
    margin-left: 38px;
    margin-right: 38px;
  }

  .rolex {
    max-width: 96px;
    top: 8px;
    position: relative;
  }


  .display-flex {
    
  }
.ddkke img {
	width:41px;
}
.gap55px {
	gap:0;
}
 .gen-vig h2 {
    letter-spacing: -1.5px;
  }
  .vig1, .vig2, .vig3, .vig4, .vig5 {
   
    padding-left: 154px;
  }
  .vig1 {
	   background-position: -181px;
  }
  .vig2 {
	   background-position: -346px;
  }
   .vig3 {
	   background-position: -230px;
  }
   .vig4 {
	   background-position: -440px;
  }
   .vig5 {
	   background-position: -11px;
  }
  
  .sample1 {
	padding-right:7px;
	}
	.sample2 {
		padding-left:7px;
		padding-right:18px
	}
	.sample3 {
		padding-right:7px;
		padding-left:18px;
	}
	.sample4 {
		padding-right:18px;
		padding-left:7px;
	}
	.sample5 {
		padding-left:18px;
		padding-right:7px;
	}
	.sample6 {
		padding-left:7px;
	}
 .sample6 .samples-box {
    padding-top: 25px;
  }
    .sample6 img {
    margin-top: 6px;
  }
  #reviews-section > .container {
	  padding-top:81px;
	  padding-bottom: 68px;
	  
  }
  .contact a {
	  font-size:18px;
  }
}

  .brand-title {
    text-align: center;
  }

  .brand-title div {
    margin: auto;
    margin-bottom: 25px;
  }

  .main-banner .banner-title {
    font-size: 50px;
    line-height: 52px;
  }

  .call-banner-head h2 {
    font-size: 60px;
    line-height: 62px;
  }

  .banner-text {
    max-width: 400px;
  }

  .map .map-box h2 {
    font-size: 44px;
  }

  .featurettes-05-item:hover {
    background: linear-gradient(0deg, rgba(15, 82, 129, 0.7), rgba(15, 82, 129, 0.7)), url(../images/backgrounds/feat1md.webp);
    min-height: 360px;
    position: relative;
  }

  .featurettes-05-item1 {
    background: url(../images/backgrounds/feat1md.webp);
  }

  .featurettes-05-item {
    min-height: 360px;
    position: relative;
    border-radius: 15px;
  }

  .block-header_white2 h2::after {
    display: none;
  }

  .block-header_white2 h2 {

    text-align: center;
  }

  #testimonial_carousel {
    text-align: center;
  }

  .testimonials-carousel .carousel-indicators {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }




}

@media (max-width: 1185px) {
  .ch {
    left: -100px;
  }

  .testimonial-text {
    min-height: 200px;
  }
}

.flex-column .contacts .socials {
  display: none;
}

@media (max-width: 991.98px) {
	.kassi {
    padding-left: 0;
    padding-right: 0;
  }
  
  .main-banner .banner-title {
	  letter-spacing: -0.5px;
	  margin-bottom: 10px;
	}
	.main-banner p {
		font-size: 22px;
		line-height: 26px;
	}
  .testimonial-text {
    min-height: 210px;
  }

  #reviews-section .flex-column {
    flex-direction: column !important;
  }

  .abr {
    display: block !important;
  }

  .hidemd {
    display: none !important;
  }

  .footer-form .socials1 {
    display: none;
  }

  .socials2 {
    display: block;
  }

  .site-rights {
    margin-top: 20px;
    display: block;
	
  }

  .ch {
    display: none;
  }

  .contacts1 {
    display: none;
  }

  .contacts2 {
    display: block;
  }

  .slogan1 {
    display: none;
  }

  .slogan2 {
    display: block;
    max-width: 300px;

  }

  .footer-form .slogan {
    font-size: 22px;
    line-height: 26px;
    padding-top: 0;
    max-width: 275px;
    margin-right: 90px;
  }

  .footer-form .slogan br {
    display: none;
  }

  .flex-column .socials {
    display: none !important;
  }

  .flex-column .contacts .socials {
    display: flex !important;
  }

  .flex-column {
    flex-direction: inherit !important;
  }

  .block-header-head h2 {
   
  }

  .foooo-form {
    margin-top: 20px;
  }

  .bad-row-rsk {
    
  }

  .only-desk2 {
    
    width: 50%;
  }

  .ftr1 {
  
  }

  .footer-inline-menu {
 
  }

  .only-desk2 .site-authors {
   
  }

  .footer-inline-menu li a {

  }
}

.overflow-carousel-nav .boxes-title {
  display: none;
}

@media (max-width: 767.98px) {
	  .main-banner p {
    display:none;
  }
  .samples-box img {
	  margin-top: -5px;
  }
	.contact-uss {
		display:none;
	}
  .case-studies h2 {
    margin-top: 40px;
  }
.author {
	margin-top:25px;
}
   .testimonial-text {
	font-size:18px;
	line-height:27px;
  }

  .farrd {
    display: none;
  }

  .overflow-carousel-nav .boxes-title {
    display: block;
  }

  .overflow-carousel-nav {
    margin-left: auto;
    margin-right: auto;
  }

  .block-subheader {
    position: relative;
  }

  .case-studies .cursor-pointer {
    position: absolute;
    top: 32px;
  }

  .cursor-left {
    left: 0;
  }

  .cursor-right {
    right: 0;

  }

  .footer-form .slogan {
    font-size: 22px;
    line-height: 26px;
    padding-top: 0;
    margin-bottom: 30px;
    max-width: 100%;
    margin-right: 0;
  }



  .flex-column {
    flex-direction: column !important;
  }

  .slick-slide img {
    max-height: 535px;
  }

  .what-we-do-text {
    font-family: 'Gothic A1';
    font-size: 18px;
    font-weight: 400;
  }

  .whatwedo img {
    margin-bottom: 10px;
  }

  #whatwedo .box {
    padding-left: 15px;
  }

  .whatwedo {
    padding-bottom: 30px;
  }

  .whoweare .col-12 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .whoweare .box {
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
  }

  .whoweare h2 {
    font-size: 40px;
	line-height:44px;
  }
.whoweare {
	background-position: -52px 130px;
	margin-bottom: 54px;
}
.vig p {
	margin-bottom:10px;
}
#sse {
  margin-top: 0;
}
#sse .col-12 {
	padding-right:5px;
}
  .vig1, .vig2, .vig3, .vig4, .vig5 {
    padding-left: 92px;
	display:block;
	 padding-top: 44px;
  }
   .vig2, .vig3, .vig4, .vig5 {
    margin-top: 97px;
  }
 .vig1 {
    background-position: -238px;
	
  }
   .vig2 {
    background-position: -422px;
	margin-top:145px;
	
  }
  .vig3 {
	  margin-top: 76px;
	  background-position:-293px;
	  padding-top: 34px;
  }
    .vig4 {
    background-position: -500px;
	 margin-top: 111px;
	 padding-top: 34px;
  }
   .vig5 {
    background-position: -68px;
	 margin-top: 87px;
	 padding-top: 33px;
  }
  .ddkke {
	  justify-content:left;
  }
   .ddkke img {
    width: 34px;
  }
 
  
  h2 {
    font-size: 40px;
	line-height:44px;
  }
  body {
    font-size: 22px;
  }


  .contactleft {
    float: unset;
  }
  
  
  .cartier {
    max-width: 91px;
    top: 5px;
  }
.footer-inline-menu li a {
	letter-spacing:2px;
}
  .heuer {
    max-width: 44px;
    top: 8px;
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
  }

  .breitling {
    max-width: 115px;
    top: 8px;
    position: relative;
  }

  .omega {
    max-width: 77px;
    top: 8px;
    position: relative;
    margin-left: 27px;
    margin-right: 27px;
  }

  .rolex {
    max-width: 72px;
    top: 8px;
    position: relative;
  }

  .mbuto-envelope,
  .mbuto-point {
    display: none;
  }

  .main-banner .banner-title {
    font-size: 44px;
    line-height: 46px;
  }

  .main-banner .banner-title br {
    display: none;
  }

  

  .call-banner-head h2 {
    font-size: 50px;
    line-height: 52px;
	letter-spacing: -0.9px;
  font-weight: 500;
  }
  .call-banner-subhead br{
   display:none;
  }
  .main-banner .banner-text {
    display: none;
  }

  .map .map-box h2 {
    font-size: 44px;
  }
  


  .main-banner {
    padding-bottom: 55px;
  }

  .arrow-down {
    display: none;
  }

  .main-banner .banner-caption {
    margin-bottom: -35px;
  }

  .about-us {
    margin-top: 30px;
  }


.call-banner-button .button {
	
}
  .featurettes-05-item:hover {
    background: linear-gradient(0deg, rgba(15, 82, 129, 0.7), rgba(15, 82, 129, 0.7)), url(../images/backgrounds/feat1md.webp);
    min-height: 360px;
    position: relative;
  }

  .featurettes-05-item1 {
    background: url(../images/backgrounds/feat1md.webp);
  }

  .featurettes-05-item {
    min-height: 360px;
    position: relative;
    border-radius: 15px;
  }

  .call-banner {
  background-position: bottom;
  padding-top: 170px;
    padding-bottom: 170px;
  }
.advantages {
	margin-top:80px;
}

  .advantades__item h3 {
    font-size: 16px;
    line-height: 20px;
  }
.sample1, .sample2, .sample3, .sample4, .sample5, .sample6 {
	padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
.sample1 br, .sample2 br, .sample3 br, .sample4 br, .sample5 br {
	display:none;
}
  #reviews-section > .container {
    padding-top: 70px;
    padding-bottom: 68px;
  }
  .boxes-title {
	  margin-bottom:12px; 
  }
  #reviews-section .block-header {
	  margin-bottom: 25px;
	}
  .call-banner-subhead {
    max-width: 100%;
    line-height: 28px;
  }

  .block-header_white2 h2::after {
    display: none;
  }

  .block-header_white2 h2 {

    text-align: center;
  }

  #testimonial_carousel {
    text-align: center;
  }

  .testimonials-carousel .carousel-indicators {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .slogan1 {
    display: none;
  }

  .slogan2 {
    display: block;
    max-width: 100%;


  }

  .footer-form .slogan {
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contacts1 {
    display: none;
  }

  .contacts2 {
    display: block;
  }

  .ch {
    display: none;
  }

  .footer-form .socials1 {
    display: none;
  }

  .socials2 {
    display: block;
  }

  .abr {
    display: block !important;
  }

  .hidemd {
    display: none !important;
  }

  .site-rights {
    margin-top: 20px;
    display: block;

  }

  .about-us .max-w::after {
    margin-top: 35px;
  }

  #services-section {
    padding-top: 35px;
    padding-bottom: 51px;
  }

  #reviews-section {
    margin-bottom: 0;
  }

  .map .map-box {
    top: -28px;
    left: 28px;
  }

  .footer {
    padding-top: 20px;
  }

.site-copyright {
	padding-top:28px;
}
  .footer-form button {
    padding: 20px 37px;
    margin-top: 25px;
  }

  .test-text-quotes {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .ch2 {
    display: none;
  }
}

#main-menu .button {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  margin-top: 25px;
  display: none;
  max-width: 100%;
  width: 300px;
  padding-inline: 20px;
}

.asdllls2 {
	  display:none;
  }
 .asdllls2 .max-w {
	 float: left;
    text-align: center;
 }
 .asdllls2 .gap55px {
	 overflow: hidden;
  position: relative;
  height: 100%;
  gap: 16px;
 }
 @keyframes ticker {
  from {
    transform:translateX(0%)
  }
  to {
    transform:translateX(-100%)
  }
}
.logo-small {display:none;}
.slanted-bar {
  width: 100%;
  max-width: 200px;
  height: 6px;
  background: #346b4a;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
   display:none;
 margin-bottom:25px;
}

.nav-left-mobile, .nav-right-mobile {
	  display:none;
  }
  .container.navbar-container {
	  width:calc(100% - 80px);
  }
@media (max-width: 575.98px) {
	.navbar-brand img {
		margin-right:0;
	}
	.call-banner {
	margin-top:66px;
}
	  .ddkke img {
    width: 31px;
  }
	  h2 {
		font-size: 32px;
		line-height: 36px;
	  }
	.slanted-bar {
			display:block;
	}
	.vig1 .slanted-bar {
		background: #346b4a;
		height:8px;
	}
	.vig2 .slanted-bar {
		background: #3b7f35;
	}
	.vig3 .slanted-bar {
		background: #5a9946;
	}
	.vig4 .slanted-bar {
		background: #83ba47;
	}
	.vig5 .slanted-bar {
		background: #b7b54c;
	}
	.gen-vig {
		background-image:none;
		padding:0;
	}
	.logo {display:none;}
	.logo-small {display:block;width:49px;height:35px;}
  .ftr1 {
    width: 100%;
  }
  
  
    .whoweare {
    margin-bottom: 30px;
  }
  
   .vig2, .vig3, .vig4, .vig5 {
    margin-top: 82px;
  }
  .vig3 {
	  
	  margin-top:63px;
  }
   .vig4 {
	  
	  margin-top:95px;
  } 
  .vig5 {
	  
	  margin-top:60px;
  }
    .nav-01 .hamburger {
    top: 27px;
	right: -23px;
  }
  .hamburger {
	  padding-bottom:3px;
	  padding-top:24px;
  }
  .nav-left, .nav-right {
	  display:none;
  }
  .nav-left-mobile, .nav-right-mobile {
	  display:block;
  }
  .nav-left-mobile {
	  left: -32px;
    position: absolute;
    top: 0px;
  }
  .nav-right-mobile {
	  right: -21px;
		position: absolute;
  }
  .container.navbar-container {
	  width:calc(100% - 56px);
  }
  .navbar-brand span {
	  font-size: 17px;
  line-height: 19px;
  position:relative;
  top:-2px;
  margin-left:7px;
  }
  .navbar-brand {
	  padding-top: 10px;
	  padding-bottom: 8px;
	}
  #brands {
	padding-bottom:0;
}
 .cartier {
    max-width: 91px;
    top: 13px;
  }
   .brands {
    padding-top: 0;
    border: 0;
  }
  .asdllls {
	  display:none;
  }
  .asdllls2 {
	  display:block;
	  padding-top:28px;
  }
  .asdllls2 .display-flex {
	  display:flex;
  }
   .asdllls2 .accred-logos {
    flex-wrap: wrap;
	margin-right: 16px;
  }
  .asdllls2 .accred-logos {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 16px;
  animation: ticker 30s infinite linear forwards;
  flex-shrink: 0;
  min-width: 100%;
}


  .only-desk2 {
    display: none;
  }

  .testimonial-text {
    min-height: 300px;
  }
.testimonial-prev-btn, .testimonial-next-btn {
	padding-top:35px;
}
  .navbar .header-phone img {
    margin-left: 28px;
  }

  .main-banner .banner-title {
    font-size: 40px;
    line-height: 42px;
    margin: auto;
    text-align: center;
  }

  #main-menu {
    width: 100%;
  }

  #main-menu ul {
    margin-top: auto;
    margin-bottom: auto;
  }

  .call-banner-head h2 {
    font-size: 40px;
    line-height: 42px;
  }
 .qq {
    padding-bottom: 27px;
  }
  p {
    font-size: 18px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-banner .banner-text {
    display: none;
  }

  .map .map-box h2 {
    font-size: 44px;
  }

  .main-banner .banner-caption {
    margin-bottom: -35px;
  }

  .about-us {
    margin-top: 30px;
  }

  .button {
    padding: 30px 100px;
  }

  .kassi {
    padding-left: 28px;
    padding-right: 28px;
  }

 



  #whatwedo .box {
    padding-right: 15px;
    width: 100%;
  }



  .whoweare h2 {
    font-size: 32px;
    line-height: 34px;
  }
.whoweare h2 br {
	display:none;
}
  .kassi .button {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }

  .featurettes-05-item:hover {
    background: linear-gradient(0deg, rgba(15, 82, 129, 0.7), rgba(15, 82, 129, 0.7)), url(../images/backgrounds/feat1md.webp);
    min-height: 360px;
    position: relative;
  }

  .featurettes-05-item1 {
    background: url(../images/backgrounds/feat1md.webp);
  }

  .featurettes-05-item {
    min-height: 360px;
    position: relative;
    border-radius: 15px;
  }

  .call-banner {
    padding-top: 122px;
  }

  .call-banner-subhead {
    max-width: 300px;
    line-height: 28px;
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 26px;
  }

  .advantades-wrapper .col-3 {
    width: 50%;
  }

  #reviews-section>.container {
    padding-top: 55px;
    padding-bottom: 48px;
    background: none;
  }
 #reviews-section .block-header {
    margin-bottom: 18px;
  }
  .columned-content h2 {
  margin-bottom: 25px;
}
  .advantades-wrapper {
    padding: 28px 0 0px 0px;
  }
.sample {
	padding-bottom:30px;
}
  .advantades__item h3 {
    max-width: 215px;
    margin: auto;
    margin-bottom: 25px;
	font-size:18px;
  }
  .advantages {
    margin-top: 70px;
  }
  .block-header_white2 h2::after {
    display: none;
  }

  .block-header_white2 h2 {

    text-align: center;
  }

  #testimonial_carousel {
    text-align: center;
  }

  .testimonials-carousel .carousel-indicators {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .slogan1 {
    display: none;
  }

  .slogan2 {
    display: block;
    max-width: 100%;


  }

  .footer-form .slogan {
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contacts1 {
    display: none;
  }

  .contacts2 {
    display: block;
  }

  .ch {
    display: none;
  }

  .footer-form .socials1 {
    display: none;
  }

  .socials2 {
    display: block;
  }

  .abr {
    display: block !important;
  }

  .hidemd {
    display: none !important;
  }

  .site-rights {
    margin-top: 20px;
    display: block;
		text-align:left;
  }

  .about-us .max-w::after {
    margin-top: 35px;
  }

  #services-section {
    padding-top: 35px;
    padding-bottom: 51px;
  }

  .map .map-box {
    top: -28px;
    left: 28px;
  }

  .ch2 {
    display: none;
  }

  .footer {
    padding-top: 35px;
  }

  .footer-form button {
    padding: 20px 37px;
    margin-top: 25px;
  }

  .block-header-head h2 {
    font-size: 32px;
    margin-bottom: 0;
  }

  .block-header {
    margin-bottom: 20px;
  }

  .footer-form .slogan {
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .foooo-form {
    margin-top: 20px;
  }



  .slick-slide img {
    max-height: 317px;
  }

  .featurettes-05-item2 {
    background-position: cover;
  }

  .call-banner-inner .button {
    padding: 25px 50px;
  }

  .call-banner {
    padding-bottom: 122px;
  }

  .map .map-box {
    top: -30px;
    left: unset;
    margin: auto;
    position: relative;
    border-radius: 10px;
  }

  .footer {
    text-align: center;
  }

  .site-authors {
    display: block;
  }

  .adv-logo {
    height: 15px;
  }

  #main-menu .button {
    display: block;
    text-wrap: nowrap;
    overflow: hidden;
  }

}
@media (max-width: 400.98px) { 
	.testimonial-text {
		min-height: 490px;
	}
}

#gallery {
  background: linear-gradient(to top, transparent 80%, #1b1b1b 20%), linear-gradient(100deg, #fff, #fff);
}

.galsm {
  width: 100%;
  margin-bottom: 15px;
}

.galery-grid .container {
  padding: 0;
}

.insta {
  text-align: center;
  background-color: #3091d5;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
  border-radius: 15px;
  display: flex;
  height: 100%;
}

.insta img {
  margin-bottom: 15px;
  width: 32px;

}

.insta-box {
  width: 115px;
  margin: auto;
}

.pb-15px {
  padding-bottom: 15px;
}

.gallery-item1 img {
  width: 100%
}

.gallery-item1 {
  margin-bottom: 15px;
}

.insta a {
  color: #fff;
}

.insta-sq {
  cursor: pointer;
}

@media(max-height: 650px) {
  .main-banner {
    padding-bottom: 30px;
  }
}

@media (max-width: 459px) {
  .samples-box {
    padding-right: 58px;
  }
}
@media (max-width: 401px) {
  .mbuto_menu {
    display: none;
  }
}

.g-icon {
  border-radius: 5px;
}


.navbar-toggler:focus {
  box-shadow: unset;
}
.dots {
	display:none !important;
}
.nonemd2 {display:none;}
@media (max-width: 991.98px) {
	.nonemd {
		display:none;
	}
	.nonemd2 {
		display:flex;
		margin-top:0;
	}
  .dots {
	display:block !important;
	
	}
	.after-dots {display:none !important;}
}
@media (max-width: 767.98px) {
  .dots {
	display:none !important;
	
	}
	.after-dots {display:block !important;}
}
.float-right {float:right;}

@media (max-width: 456.98px) {
  .sample1 img {
	  margin-top:6px;
  }
}
@media (max-width: 449.98px) {
  .sample2 img {
	  margin-top:6px;
  }
}
@media (max-width: 416.98px) {
  .sample5 img {
	  margin-top:6px;
  }
}
@media (max-width: 390.98px) {
  .sample3 img {
	  margin-top:6px;
  }
}
@media (max-width: 389.98px) {
  .sample4 img {
	  margin-top:6px;
  }
}
@media (max-width: 767.98px) {
  .sample6 img {
	  margin-top:6px;
  }
}
@media (max-width: 374.98px) {
  .sample6 img {
	  margin-top:18px;
  }
}
@media (max-width: 410.98px) {
  .mail.dots {
	  display:block !important;
  }
  .mail.after-dots {
	  display:none !important;
  }
}

  @media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 30px;
	letter-spacing: 2px;
  }
  }
  @media (min-width: 1400px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 45px;
  }
}
.why-icons {
	color:#4f9324;
	font-size:48px;
	font-weight:300 !important;
	background:#f2f2f2;
	padding:21px;
	border-radius:50px;
}
.whyus-bx {
	max-width:1000px;
	margin:auto;
}
.ccoontact-us {
	text-transform:uppercase;
}
.samples-box span {
	background-image: linear-gradient(60deg, #005500, #538235);
	background-clip: text;
	color: transparent;
}
.grad1 {
	background-image: linear-gradient(60deg, #005500, #538235);
	background-clip: text;
	color: transparent;
}
.grad1 span {
	background-image: unset;
	background-clip: unset;
	color: unset;
}
@media (max-width: 767.98px) {
	 .samples-box span {
		background-image: unset;
		background-clip: unset;
		color: unset;
	}
	.samples-box .grad1 {
		background-image: linear-gradient(60deg, #005500, #538235);
		background-clip: text;
		color: transparent;
	}
	.samples-box div {
		background-image: linear-gradient(60deg, #005500, #538235);
		background-clip: text;
		color: transparent;
	}
	.samples-box div.kk {
		background-image: unset;
		background-clip: unset;
		color: unset;
	}
	.samples-box div.kk .kkk {
		background-image: linear-gradient(60deg, #005500, #538235);
		background-clip: text;
		color: transparent;
	}
}

@media (max-width: 500.98px) {
  .vig {max-width:321px;}
   .vig2 {
    margin-top: 175px;
  }
   .vig5 {
    margin-top: 95px;
  }
  #sse {
	  padding-bottom: 71px;
  }
}
/*.navbar-container {
	box-shadow: rgba(0, 0, 0, 0.45) -12px 11px 20px -20px
}*/
.pdflink, .pdflink:hover {
	color: #4e9c22;
	font-size: 18px;
  font-family: 'Hind';
  font-weight: 500;
}
.samples-box a {
	color:inherit;
}