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

@font-face {
    font-family: 'Tabac Glam G1';
    src: url('../fonts/TabacGlamG1-Regular.eot');
    src: local('../fonts/Tabac Glam G1 Regular'), local('TabacGlamG1-Regular'),
        url('../fonts/TabacGlamG1-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TabacGlamG1-Regular.woff2') format('woff2'),
        url('../fonts/TabacGlamG1-Regular.woff') format('woff'),
        url('../fonts/TabacGlamG1-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_haas_grotesk_displ36ThIt';
    src: url('../fonts/neuehaasdisplaythinitalic-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaythinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.figure-testimonial__text{
font-family: 'neue_haas_grotesk_displ36ThIt';
opacity: 0.7;
}
.slider-testimonials__text blockquote{
position:relative;
padding-left: 60px;
padding-right: 60px;
}
.slider-testimonials__text blockquote:before{
position: absolute;
top:0;
left: -10px;
width: 60px;
height: 54px;
content: "";
z-index: 2;
background: url(../img/general/open-quote-white.svg);
background-size: 60px 54px;
background-repeat: no-repeat;
opacity: 0.3;
}
.slider-testimonials__text blockquote:after{
position: absolute;
bottom:0;
right: -10px;
width: 60px;
height: 54px;
content: "";
z-index: 2;
background: url(../img/general/quote-white.svg);
background-size: 60px 54px;
background-repeat: no-repeat;
opacity: 0.3;
}
@media only screen and (max-width: 599px){
.slider-testimonials__text blockquote{
padding-left: 30px;
padding-right: 30px;
}
.slider-testimonials__text blockquote:before{
left: -10px;
width: 30px;
height: 27px;
background-size: 30px 27px;
}
.slider-testimonials__text blockquote:after{
right: -10px;
width: 30px;
height: 27px;
background-size: 30px 27px;
}

}
.preloader__heading img{
max-width: 120px;
opacity:0.8;
}
/********** Navigation **********/
.header {
  pointer-events: none;
  padding-top: 20px;
  padding-bottom: 0;
}

.header_sticky a{
color: #17181d;
}
.header_sticky a:hover{
color: #888888!important;
}
.header_sticky {
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu > li.social__item:not(:last-child) {
  margin-right: 5px;
}
.logo__wrapper-img {
 margin-bottom: 20px;
}
@media only screen and (max-width: 1279px){
.menu > li:not(:last-child) {
  margin-right: 10px;
}
}

/********** Home Hero **********/
.slider-fullscreen-projects__content{
position: absolute;
bottom:120px;
left:0;
text-align: left;
margin-left: var(--gutter-horizontal);
  margin-right: var(--gutter-horizontal);
}

.slider__wrapper-button-footer{
text-align: left;	
}
.section-masthead__wrapper-scroll-down {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  z-index: 70;
}
.section-projects-slider .small-caps {
  color: var(--color-light-1);
}
.slider__wrapper-button-footer a{
min-width:200px;
}
.section-fullheight.bg-dark-1 .small-caps {
  color: var(--color-light-1);
}
.swiper-slide.pad {
padding-left: 160px;
padding-right: 160px;
}
@media only screen and (max-width: 1599px){
.swiper-slide.pad {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (max-width: 1199px){
	.section-fullheight__inner{
		min-height: 98vh;
	}
	.swiper-slide.pad {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 991px){
	.slider-fullscreen-projects__content{
bottom:100px;
}
}
@media only screen and (max-width: 599px){
	.section-fullheight__inner{
		min-height: 86vh;
	}
	.slider__arrow{
		display:none;
	}
	.slider-fullscreen-projects__content{
bottom:80px;
}
}
@media only screen and (max-width: 380px){
	.section-fullheight__inner{
		min-height: 88vh;
	}
}
/********** Home Hero End **********/

/********** Home Intro **********/
.section-services__wrapper-letter_right img{
    width:340px;
	height: 340px;
}
.section-about__floating-image img{
opacity: 0.9;
}
.section-services__letter {
  opacity: .09;
}

.service-icon img{
width:92px;
height:80px;
}
.service-icon{
width:150px;
height:150px;
border:solid 1px #AFAFAF;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
/********** Home Intro End **********/

/********** Contact Page **********/
#map
{
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
.map-wrapper {
  height: 100%!important;
  border:1px solid #fff;
}
.form-intro {
  display: block;
  max-width: 590px;
  margin: 0 auto;
  padding: 0 15px;
}

@media only screen and (max-width: 991px){
.map-wrapper {
  height: 500px!important;
}
}
/********** Contact Page End **********/

/********** Self Hosted Vid **********/
.vid-outer-holder{
position: relative;
width: 100%;
height: 100vh;
}
.vid-holder{
	width:100%;
	max-width: 1200px;
    position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
/********** Self Hosted Vid End **********/

/********** Call To Action Banner **********/

.cta-text-holder{
position:absolute;
top:50%;
left:50%; 
transform:translate(-50%,-50%);
width:850px;
z-index: 2;
text-align: center;
}
.cta-text-holder .h4{
color: #ffffff;
}

.cta-text-holder a{
color: #ffffff;
border-bottom: solid 1px #ffffff;
}

@media only screen and (max-width: 991px){
.cta-text-holder{
width:100%;
padding: 0 50px;
}
}
@media only screen and (max-width: 599px){
.cta-text-holder{
padding: 0 20px;
}
}
/********** Call To Action Banner End **********/

/********** brand-lines **********/
.brand-lines {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	    flex-flow: wrap;
}

.brand-lines__column {
	-ms-flex-preferred-size: 33%;
	             flex-basis: 33%;
}

.brand-lines__inner img{
opacity: 0.7;
width: 240px;
max-width: 240px;
max-height: 240px;
display:block;
margin: 0 auto;
}

.brand-lines__inner {
	min-height: 240px;
	border-right:  1px solid rgba(0, 0, 0, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.brand-lines__column:nth-child(3n) .brand-lines__inner {
	border-right:  1px solid rgba(0, 0, 0, 0);
}

.brand-lines__column:nth-last-child(1) .brand-lines__inner,
.brand-lines__column:nth-last-child(2) .brand-lines__inner,
.brand-lines__column:nth-last-child(3) .brand-lines__inner {
	border-bottom: none;
}
@media only screen and (max-width: 1050px){
.brand-lines__inner img{
width: 200px;
max-width: 200px;
max-height: 200px;
}
.brand-lines__inner {
	min-height: 200px;
}
}
@media only screen and (max-width: 850px){
.brand-lines__inner img{
width: 180px;
max-width: 180px;
max-height: 180px;
}
.brand-lines__inner {
	min-height: 180px;
}
}
@media only screen and (max-width: 767px){
.brand-lines__column {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.brand-lines__inner {
min-height: 240px; 
border-right:  none;
border-bottom: none;
}
}
/********** brand-lines end **********/

/********** Footer **********/
.footer__area .widgettitle{
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight:300;
font-size: 14px;
}
.footer__area .widget ul {
margin-top: 16px;
}
.footer__area .widget_nav_menu ul.menu > li a {
 color: #cccccc;
}
.smas-logo{
max-width: 500px;
display: block;
margin:0 auto;
padding-left:30px;
padding-right: 30px;
}
@media only screen and (max-width: 575px){
.smas-logo{
max-width: 300px;
}
}
/********** Footer end **********/

/********** Custom Links **********/
.text-line-link {
font-family: 'Inter', sans-serif;
text-transform:uppercase;
font-size: calc(10 * 1px + (13 - 10) * ((100vw - 320px) / 2240));
font-weight: 700;
letter-spacing: 1px;
display: inline-block;
}
.text-line-link.wt-link {
color:#ffffff;
}
.text-line-link:before {
background-color: #69b048;
}
.text-line-link.wt-link:before {
background-color: #69b048;
}
.text-line-link:after {
background-color: #ffffff;
}
.text-line-link.wt-link:after {
background-color: #ffffff;
}
.text-line-link:hover{
color: #1b1b1b;
}
.text-line-link.wt-link:hover{
color: #ffffff;
}

.text-line-link {
z-index: 1;
text-align: center !important;
margin-bottom: 0;
margin-top: 24px;
position: relative;
padding: 0;
min-width: 0;
}
.text-line-link:after,
.text-line-link:before {
position: absolute;
bottom:-4px;
left: 0;
width: 100%;
height: 2px;
content: "";
display: block;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.text-line-link:before{
width: 0;
z-index: 2;
-webkit-transition:all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition:all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.text-line-link:hover:before {
width: 100%;
}
/********** Custom Links End **********/


/********** Typography **********/
p.small-caps {
  margin-top: 2em;
  margin-bottom: 0;
}

p.small-caps.green {
  color:#406b2c;
}

.service-feat {
    padding-left: 0!important;
	margin-top: 30px;
}
.service-feat li {
    display: inline-block!important;
    font-size:12px;
	padding-right: 15px;
	text-transform:uppercase;
}

p.lead{
  font-size:120%;
}
/********** Typography End **********/


@media only screen and (max-width: 360px){
.brand-lines__inner {
	min-height: 180px;
	border-right:  1px solid rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	display:block;
    margin:0 auto;
}
.brand-lines__column {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}


.client-logo{
max-width:240px;
}


.mob-pad {
paddin-top:150px;
}


@media only screen and (max-width: 991px){
.mob-pad {
	paddin-top:200px;
}
}