@import url('vendors.min.css');
@import url('icon.min.css');
@import url('style.min.css');
@import url('responsive.min.css');
@import url('theme.css'); 

*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body { margin:0; padding:0; font-family: "Inter Tight", sans-serif; font-weight:normal; }
body { overflow-x:hidden !important;  }
h1, h2, h3, h4, h5, h6 { font-family: "Unbounded", sans-serif; font-weight:600; padding:0; margin:0; margin-bottom:10px; color:var(--primary-black); }
h5  { font-size:18px; }
p { margin-bottom:10px; }
p, li  { line-height:22px; font-size:16px; color:#666;  font-family: "Inter Tight", sans-serif; font-weight:normal; }
li  { margin-bottom:10px; }
ul {list-style:none;}
a { color:#000; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:none; }
a:hover,a:focus { text-decoration:none; outline:0;  } 
.clear { clear:both; float:none !important; width:100% !important; }
.ie6,.ie7,.ie8,.ie9, img{ border:none; }
b, strong { font-weight:600; }
main { padding:40px 0; }

.pd-0 { padding:0px !important; }
	
:root { 
  --primary-black:#000;  
  --primary-grey:#4e4e4e;  
  --white:#fff;  
}

.bg-extra-light { background: #F1FDF3;  }

.dark-border { border:1px solid#666 !important; } 

.btn.btn-large { padding:9px 26px !important; font-size:13px; letter-spacing:0.5px; }
.btn.btn-hover-animation .btn-icon { margin-left: -8px; }

.btn { text-transform:uppercase; font-weight:normal; font-size:13px; letter-spacing:1px; }

.btn-transparent-brown-color { /* background-color: var(--primary-black); */ border-color: var(--primary-black); color: var(--primary-black); }
.btn-transparent-brown-color:hover { background-color: var(--primary-black); border-color: var(--primary-black); color: var(--white); }

.btn-transparent-grey-color { border-color: var(--primary-grey); color: var(--primary-grey); }
.btn-transparent-grey-color:hover { background-color: var(--primary-grey); border-color: var(--primary-grey); color: var(--white); }


.listing { padding-left:0px; }
.listing li { position:relative; padding-left:15px; }
.listing li:before { content:''; background:url(../img/list.png) repeat; background-size:cover; width:8px; height:10px; position:absolute; top:5px; left:0px; }

.header-button { }
.header-button a { color:#fff; }


.outline { color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px black; }



.mk--animated-title small { font-size:50%; } 
.mk--animated-title span.mk-title-highlight {
    background-image: linear-gradient(to right, #000000, #000000);
    background-clip: text; -webkit-text-fill-color: white;
    -webkit-text-stroke-color: transparent;
    -webkit-text-stroke-width: 2px;
}









/* Social Media */
.social-icon-style-10 ul li a { border:1px solid transparent; 
-webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out;
-ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out; }

.social-icon-style-10 ul li a:hover { padding-bottom:1px; border-bottom:2px solid #fff; text-decoration:none; }


.container { /* border:1px solid#fff; */ }


/* ===== Header ===== */

.nav_height { height:80px; }
.navbar  { /* box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .1); */ }

header .navbar { padding:0px 0 0px 0; }
.navbar .navbar-nav .nav-item { margin-bottom:0px; }
.navbar .navbar-nav .nav-link { color:#333 !important; font-size:14px; }	
.navbar .navbar-nav .nav-link:hover { color:#333 !important;  }
.navbar .header-button a { color:#fff !important; letter-spacing:0px; font-weight:600;  }


header .navbar-brand { width:120px; padding:15px 0; }

header .navbar-brand .desktop-logo { display:none; }
header .navbar-brand .inner-logo { }

#beep-two { display:none; }
.navigation-overlay { /* display:none; */ }
 
@media (max-width:995px) {

header .navbar,
.navbar.bg-transparent { background:none !important; background-color: transparent !important; }
body { height:auto !important; overscroll-behavior: auto !important; scroll-behavior: smooth !important; }

.navbar .col-lg-2.text-end { display:none; }
header .navbar-brand { width:100px; padding:10px 0 !important; }
}



.btn-menu { background:#fff; border:none; outline:0; font-size:0; overflow:visible; box-shadow:none; outline:none; width:50px; height:50px; border-radius:50%; margin-top:11px; padding-top:9px; display:none; }
.btn-menu:focus { border:none; box-shadow:none; outline:none; }
.btn-menu .lines { position: relative; display: inline-block; vertical-align: middle; z-index: 1; width:24px; height: 27px }
.btn-menu .lines span { position: absolute; display: block; height:2px; width: 100%; background: #333;
-webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s
}
.btn-menu .lines span:nth-child(1) { top: 0 }
.btn-menu .lines span:nth-child(2) { top: 9px;}
.btn-menu .lines span:nth-child(3) { top: 17px }

.open-nav .btn-menu .text { -webkit-transform:translateX(-10px); transform:translateX(-10px); opacity:0 }
.open-nav .btn-menu .lines span{
-webkit-transition:background .2s,top .2s,left .2s,opacity .2s,-webkit-transform .2s .4s;
transition:background .2s,top .2s,left .2s,opacity .2s,-webkit-transform .2s .4s;
transition:background .2s,top .2s,left .2s,opacity .2s,transform .2s .4s;
transition:background .2s,top .2s,left .2s,opacity .2s,transform .2s .4s,-webkit-transform .2s .4s
}
.open-nav .btn-menu .lines span:nth-child(1),.open-nav .btn-menu .lines span:nth-child(3){ top:12px; background:#333 }
.open-nav .btn-menu .lines span:nth-child(1){ -webkit-transform:rotate(45deg); transform:rotate(45deg) }
.open-nav .btn-menu .lines span:nth-child(3){ -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }
.open-nav .btn-menu .lines span:nth-child(2){ display:none; }

.header_logo { position:relative; width:140px; display:inline-block; margin-top:30px; }
.nav{ position:absolute; top:50%; left:0; right:0; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.nav ul{ list-style:none; font-size:0; width: 100%; padding:0px; }
.nav li{ display:inline-block; overflow: hidden; vertical-align:top; margin:10px 5px; border-left:1px solid#9b8672; }
.nav li:first-child { border-left:none; }
.nav a{display:block; margin:0; padding:0 15px; position:relative; font-size:26px; line-height:1; color:#d5b99c; text-transform:uppercase; font-style:normal; }
.nav a:hover{ color:#fff; }
.nav a span{ position:relative; display:inline-block; -webkit-transition:-webkit-transform .3s; -moz-transition:-moz-transform .3s; transition:transform .3s }
.nav a span::before{ position:absolute; top:100%; content:attr(data-hover); font-weight:400; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.nav a:focus span,.nav a:hover span { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%); }
.navigation-wrap .contacts p .sound_player{ visibility:hidden; }
.navigation-wrap .contacts p:hover .sound_player{ visibility:visible; }
.nav audio{ position:absolute; left:110%; top:10px; display:block; height:30px; width:200px; }
.navigation-overlay{ overflow:visible; position:fixed; top:0; left:0; right:0; bottom:0; padding:15px; z-index:-1; opacity:0;
-webkit-transition:opacity .2s 0s,z-index 0s 3s,-webkit-transform .3s 0s;
transition:opacity .2s 0s,z-index 0s 3s,-webkit-transform .3s 0s;
transition:opacity .2s 0s,transform .3s 0s,z-index 0s 3s;
transition:opacity .2s 0s,transform .3s 0s,z-index 0s 3s,-webkit-transform .3s 0s;
-webkit-transform:scale(.2); transform:scale(.2); -webkit-transform-origin:50% 50vh; transform-origin:50% 50vh; }

.navigation-overlay .contacts{ position:absolute; bottom:19px; left:0; right:0; padding-bottom:15px; text-align:center; letter-spacing:.01em }
.navigation-overlay .contacts:after{ content:''; position:absolute; bottom:0; left:50%; width:50px; height:1px; margin-left:-13px; background:#fff }
.navigation-overlay .svg-background{ position:absolute; left:-13%; top:-12%; right:-12%; bottom:-13% }
.navigation-overlay .svg-background svg path{ fill:rgba(0,0,0,.9) }
.navigation-wrap{ position:relative; height:100% }
.no-svg .navigation{ background-color:#fddfc0 }


.open-nav .navigation-overlay{ z-index:999; opacity:1;
-webkit-transition:opacity .2s .2s,z-index 0s 0s,-webkit-transform .2s .2s; transition:opacity .2s .2s,z-index 0s 0s,-webkit-transform .2s .2s;
transition:opacity .2s .2s,transform .2s .2s,z-index 0s 0s; transition:opacity .2s .2s,transform .2s .2s,z-index 0s 0s,-webkit-transform .2s .2s;
-webkit-transform:scale(1); transform:scale(1) }
.open-nav .nav-secondary .alt{ opacity:1 }
.open-nav .navigation-overlay .btn-menu { position:absolute; top:0px; right:0px; }

.navigation-wrap .contacts .col-md-6{ margin-bottom:15px }
.navigation-wrap .contacts .text-right{ border-right:1px solid#fff }
.navigation-wrap .contacts a,.navigation-wrap .contacts p{ color:#fff; font-size:16px; margin-bottom:0 }
.navigation-wrap .contacts p span {  }
.list-cities { padding:0px; }
.list-cities li{ display:inline-block; list-style:circle; margin:0 3px; color:#fff; line-height:normal; }
.list-cities li .fa{ font-size:6px; vertical-align:middle; }
	
@media (max-width:995px) {

.btn-menu { display:block; }

}
  
.sticky-wrap span { font-weight:500 !important; font-size:14px; }  
  
  
/* Home */

 
.home_head { position:absolute; left:0px; right:0px; z-index:9999; top:52%; transform:translateY(-52%); }
.home_head h1 { color:#fff; font-size:56px; line-height:normal; margin-bottom:20px; }
.home_head h1 span { font-size:38px; display:block; }
.home_head p { color:#fff; line-height:26px; font-size:14px; }
.home_head .btn { border-bottom:1px solid#fff; margin-top:15px; padding:12px 30px 12px 0 !important; }

.exp_circle { position:absolute;  right:5%; z-index:99; bottom:10%; width:110px; }

@media (max-width:500px) {
.home_head p { line-height:22px; font-size:15px; }

}	

@media (max-width:380px) {
.home_head h1 { font-size:28px; line-height:normal; }	

}	

.tc-services-st4 { position: relative; padding: 150px 0 55px; }
.tc-services-st4 .services { position: relative; }
.tc-services-st4 .services .ser-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }
.tc-services-st4 .services .ser-row::before { position: absolute; content: ""; top: 0; right: 100%; width: calc((100vw - 1300px) / 2 ); height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(#f6f6f6), to(transparent)); background-image: linear-gradient(to left, #f6f6f6, transparent);
}
.tc-services-st4 .services .ser-row::after { position: absolute; content: ""; top: 0; left: 100%; width: calc((100vw - 1300px) / 2 ); height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#f6f6f6), to(transparent)); background-image: linear-gradient(to right, #f6f6f6, transparent); }
.tc-services-st4 .services .ser-row a:first-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-start: 0; border-inline-start: 0; }
.tc-services-st4 .services .ser-row a:last-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-end: 0; border-inline-end: 0; }
.tc-services-st4 .services .ser-row .ser-link { font-size:18px; font-weight: 600; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 40px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 80px; background-color: #f6f6f6; }

.tc-services-st4 .services .ser-row .ser-icon { position: relative; width: 80px; height: 80px; background-color: #f6f6f6; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; }
.tc-services-st4 .services .ser-row .ser-icon img { width: 50px; height: 50px; -o-object-fit: contain; object-fit: contain; }

@media screen and (max-width: 991px) {
.tc-services-st4 { padding: 50px 0; }
.tc-services-st4 .services .ser-row .ser-link { font-size:10px; height:40px; line-height:normal; text-align:center; padding:10px 10px; }
.tc-services-st4 .services .ser-row .ser-icon { width: 30px; height: 30px; }
.tc-services-st4 .services .ser-row .ser-icon img { width: 20px; height: 20px; }
}


#about-me { }
#about-me .btn.btn-large { padding:10px 20px !important; }

@media screen and (max-width: 500px) {
	
#about-me { }
#about-me .btn.btn-large { padding:10px 15px !important; }

}
	
#clients {  }
#clients .container { padding-bottom:80px; }
#clients .col-lg-2 { background:#fff; border:1px solid#ddd; padding:10px 20px; }


.portfolio-wrapper .portfolio-box { }
.portfolio-wrapper .portfolio-box .portfolio-caption { }
.portfolio-wrapper .portfolio-box .portfolio-caption .text-black { line-height:normal; }
.portfolio-wrapper .portfolio-box .portfolio-caption .text-black small { font-size:16px; }









.marquee-slide { }
.marquee-slide .swiper-slide { }
.marquee-slide .swiper-slide > div { height:80px; font-size:80px; font-family: "Unbounded", sans-serif; font-weight:normal; color:#f2f2f2; padding-top:26px; font-weight:700;  }
.marquee-slide .swiper-slide > div.text-outline {   }
.marquee-slide .swiper-slide > div.alt-font { font-family: var(--alt-font) !important; }



.blog-only-text .card-body { line-height:24px; }


.contact_form { }
.contact_form .form-group { margin-bottom:20px; }
.contact_form .form-group { }
.contact_form .submit { }
.contact_form .submit .btn { padding:12px 20px; }
.contact_form .submit .btn:hover,
.contact_form .submit .btn:focus { background:#000; color:#fff; }
/*
.grecaptcha-badge { visibility: hidden !important; }
*/



.inner_section { background:#FDF4F5; }
.inner_section .right-minus-20px { top:40%; transform:translateY(-40%); }

@media (max-width:500px) {
.inner_section .ipad-top-space-margin { margin-top:0px !important; padding-top:40px  !important; }
.inner_section .right-minus-20px { width:200px; height:120px; top:40%; transform:translateY(-40%); }
.inner_section .small-screen {  height: auto !important; }
}

/* About us Page */

.biography { }
.biography .col-lg-12 { margin-bottom:30px; }
.biography h3 { font-size:26px; }
.biography h4 { font-size:18px; }
.biography ul { }
.biography ul li { list-style:disc; }
.biography ul li em { font-weight: 600; }





/* Contact Us */

.contact_page { }
.contact_page .p-14 { padding:8% 10% !important; }
.contact_page .btn.btn-large { padding:14px 26px !important; margin-bottom:0px !important; border:none; }

/* .contact_page { }
.contact_page .contact-form-style-03 { }
.contact_page .contact-form-style-03 form { display:flex; flex-wrap:wrap; }
.contact_page .contact-form-style-03 .form-group { width:50%; padding:0 15px; }


 */













/* Footer */

.viewport {  background:#fff;  }

 
.footer { background:#000; padding-bottom:20px;  }
.footer .footer_description .text-decoration-line-bottom { color:#99CDA9 ; }
.footer_title { font-size:80px; }
.footer_subtitle { text-transform:uppercase; letter-spacing:3px; }
.footer_subtitle, .footer_title { font-weight:700; margin-bottom:20px; color:#fff; }
.footer_description { color:#fff; font-size:20px; width:60%; line-height:36px; margin:10px auto; }

.site-info { border-top:1px solid#252525; padding-top:20px; }
.copyright { color:#fff; font-family: "Unbounded", sans-serif; font-weight:normal; font-size:12px;   }
.copyright strong { font-weight:normal;   }


.footer_social a { padding:6px; margin:2px; width:30px; height:30px; color:#fff; display:inline-block; font-size:16px; }

@media (max-width:480px) {
.footer_description { color:#fff; font-size:20px; width:100%; line-height:36px; margin:10px auto; }	
.footer_title { font-size:60px; }
.footer_subtitle { font-size:24px; }
}	







/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}

/* Firefox */
input[type=number] {   -moz-appearance:textfield; }


/* Placeholder */
.form-group ::-webkit-input-placeholder { color:#333; }
.form-group :-moz-placeholder { color:#333; }
.form-group ::-moz-placeholder { color:#333;}
.form-group :-ms-input-placeholder { color:#333; }


/* Scroll Bar */
::-webkit-scrollbar-track {  background:#fff; }
::-webkit-scrollbar { width:4px; background:#fff;}
::-webkit-scrollbar-thumb { background:#000; }


@media (max-width:995px) {
	
.full-screen { height:auto !important; }
#clients .container { padding-bottom:0px; }
#clients .clients_list  { padding:0 10px; }
#clients .col-lg-2 { border-bottom:0px; }
#clients .col-lg-2:nth-child(15),
#clients .col-lg-2:nth-child(16) { border-bottom:1px solid#ddd; }
#clients .col-lg-2:nth-of-type(odd) { border-right:0px; }
}
	
@media (max-width:500px) {

.col-xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }	

}