/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0.3
*/

/*font-family: "fields", sans-serif;
font-weight: 400; or 500, 600, 700
font-style: normal;*/

/*font-family: "fields-display", sans-serif;
font-weight: 400; or 700
font-style: normal;*/


body, body em{
	font-family: "basic-sans", sans-serif;
	font-size:19px;
}

body b, body strong, body .bold{font-family: "basic-sans", sans-serif;}

#page-header-bg h1, body h1{font-family: "basic-sans", sans-serif;}

.inner-heading h1{
	font-weight:800;
	letter-spacing:0.1px;
    font-size: 76px;
    line-height: 74px;
}

@media (min-width:1000px) and (max-width:1300px){
.inner-heading h1{
    font-size: 68px;
    line-height: 66px;
	}
}
@media (max-width:999px){
.inner-heading h1{
    font-size: 52px;
    line-height: 52px;
	}
}

.inner-heading h1 .fields{font-weight:400; position:relative; display:inline-block;}

@media (min-width:1000px){
	.inner-heading h1 .fields{display:block; width: fit-content;}
}

#top nav > ul > li > a{
	font-family: "basic-sans", sans-serif;
	font-weight:700;
}

#header-outer[data-lhe="text_reveal"] #top nav >ul >li[class*="menu-item-btn"] >a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a{
	margin-left:18px;
	margin-right:18px;
}

body #header-outer{background: #efecea;}

#header-outer .menu-item-4420 > a:before {
    background: #19abac;
}

.noicon .nectar-menu-icon{
	display:none!important;
}
.noicon .menu-title-text{
	font-size:20px;
	font-weight:600;
}

body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title {
    padding-top: 0;
}

.white-text, .white-text h1, .white-text h2, .white-text h3{color:#fff;}
.red-text, .red-text h1, .red-text h2, .red-text h3{color:#d91f2d; text-shadow:#fff 0px 0px 0.5px;}
.orange-text, .orange-text h1, .orange-text h2, .orange-text h3{color:#ec802f;}
.yellow-text, .yellow-text h1, .yellow-text h2, .yellow-text h3{color:#fed803;}
.teal-text, .teal-text h1, .teal-text h2, .teal-text h3 {color:#19abac;}
.green-text, .green-text h1, .green-text h2, .green-text h3 {color:#aec936;}
.home-heading h1, .home-heading h1 strong{font-family: 'basic-sans'; letter-spacing:0.1px;}
.home-heading h1 strong{font-weight:900;}
.fields{font-family:'fields';}

.fields h1{
    font-family: 'fields';
    font-size: 80px;
    letter-spacing: 0.1px;
}

@media (max-width:1300px){
	.fields h1{font-size:72px;}
}
@media (max-width:999px){
	.fields h1{font-size: 64px;}
}

.home-heading .fields, .squiggle-underline-orange h2 span, .squiggle-underline-green h2 span{
  position: relative;
  display: inline-block;
}

.home-heading .fields::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;

  width: 100%;
  height: 12px;

  background-image: url("imgs/yellow-line-squiggle2.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  opacity: 0;
  transform: translateY(5px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.inner-heading .fields::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;

  width: 100%;
  height: 12px;

  background-image: url("imgs/teal-line-squiggle2.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  opacity: 0;
  transform: translateY(5px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.inner-heading.services .fields::after {
	background-image: url("imgs/green-underline.svg");
}
.inner-heading.case-studies .fields::after {
	background-image: url("imgs/cs-orange-circle.svg");
    bottom: -18px;
    height: 115px;
    width: 120%;
    left: -25px;
	z-index:-1;
}

@media (max-width:1300px){
.inner-heading.case-studies .fields::after {
	bottom: -22px;
    height: 111px;
    width: 117%;
    left: -23px;
    z-index: -1;
	}
}

@media (max-width: 999px) {
    .inner-heading.case-studies .fields::after {
        bottom: -28px;
        height: 111px;
        width: 115%;
        left: -7px;
        z-index: -1;
    }
}

.squiggle-underline-orange h2 span::after, .squiggle-underline-teal h2 span::after, .squiggle-underline-green h2 span::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -35px;
  width: 100%;
  height: 34px;

  background-repeat: no-repeat;
  background-size: 100% 100%;

  opacity: 0;
  transform: translateY(5px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}
.squiggle-underline-orange h2 span::after{background-image: url("imgs/orange-squiggle.svg");}
.squiggle-underline-teal h2 span::after{background-image: url("imgs/teal-squiggle.svg");}
.squiggle-underline-green h2 span::after{background-image: url("imgs/green-squiggle.svg");}

/* Use your EXISTING animation trigger */
.home-heading .fields.animate::after, .squiggle-underline-orange.animate h2 span::after, .squiggle-underline-teal.animate h2 span::after, .squiggle-underline-green h2 span::after, .inner-heading .fields.animate::after{
  opacity: 1;
  transform: translateY(0);
}


body, body h1, body h2, body h3, body h4, body h5, body h6, .woocommerce div.product .woocommerce-tabs .full-width-content ul.tabs li a, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb i, body:not(.original) .comment-list .comment-author, body:not(.original) .comment-list .pingback .comment-body > a, .post-area.standard-minimal .post .more-link span, #sidebar .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date{color: #0b3243;}

body h2{
text-align: center;
    font-family: "fields", sans-serif;
    font-weight: 600;
    font-size: 50px;
}

body h3, .row .col h3{
    font-family: "fields", sans-serif;
    font-weight: 600;	
	font-size:32px;
	letter-spacing:0;
}

.footer-h3{font-size:28px!important;}

body .linkedin-cols h3, .row .col .linkedin-cols h3{
    font-size: 28px;
    line-height: 32px;
}

.animated-underline{text-align:center;}

.animated-underline h2{
  position: relative;
  display: inline-block;
}

.animated-underline h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 6px;
  width: 100%;
  background-color: #19abac;

  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;

  transition: transform 0.8s ease, opacity 0.5s ease;
	transition: transform 1s cubic-bezier(.22,.61,.36,1), opacity 0.6s ease;
}

.animated-underline.white-text h2::after {background-color: #aec936;}

.animated-underline.animate h2::after {
  transform: scaleX(1);
  opacity: 1;
} 



@media only screen and (min-width: 1000px) {
    .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search {
        max-width: 1400px;
    }
    #header-outer[data-full-width="true"] header > .container {
        padding: 0 2vw;
        max-width: 1400px;
    }
}

@media (min-width:1141px){
	#header-outer #top #logo{margin-left:80px;}
}


.bg-wipe, .bg-circle{text-align:center;}

.bg-wipe h3{
  position: relative;
  padding: 4px 10px;
  z-index: 1;
  overflow: hidden;
 font-size:28px!important;
}

@media (max-width:1300px){
	.bg-wipe h3{padding:6px 10px;}
}

@media (max-width:999px){
	.bg-wipe h3{padding:8px 10px;}
}

.bg-circle h3{
  position: relative;
  padding: 4px 10px;
  z-index: 1;
    font-size: 25px !important;
    line-height: 27px !important;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
}

.bg-circle h3::before {
    content: "";
    position: absolute;
    background-image: url(imgs/red-circle.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 90px;
    left: 0;
    right: 0;
    top: -11px;
	opacity:0;
	transition: opacity 1.5s ease;
}


@media (max-width:999px){
	.bg-circle h3{
		width: 333px;
   	 	margin: 0 auto;
	}
	.bg-circle h3::before{top:-14px;}
}

.bg-circle.delay-2 h3::before{background-image: url(imgs/yellow-circle.svg); transition: opacity 2.5s ease;}
.bg-circle.delay-3 h3::before{background-image: url(imgs/blue-circle.svg); transition: opacity 3.75s ease;}
.bg-circle.delay-4 h3::before{background-image: url(imgs/orange-circle.svg);}
.bg-circle.delay-5 h3::before{background-image: url(imgs/teal-circle.svg); transition: opacity 2.5s ease;}
.bg-circle.delay-6 h3::before{background-image: url(imgs/green-circle.svg); transition: opacity 3.75s ease;}

/* background layer */
.bg-wipe h3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #d91f2d;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  border-radius:25px;	
}
.bg-wipe.delay-2 h3::before {background:#e5a922;}
.bg-wipe.delay-3 h3::before {background:#094a7a;}
.bg-wipe.delay-4 h3::before {background:#ec802f;}
.bg-wipe.delay-5 h3::before {background:#2ca9ac;}
.bg-wipe.delay-6 h3::before {background:#aec936;;}

.bg-wipe.delay-1 h3{color:#d91f2d;}
.bg-wipe.delay-2 h3{color:#e5a922;}
.bg-wipe.delay-3 h3{color:#094a7a;}
.bg-wipe.delay-4 h3{color:#ec802f;}
.bg-wipe.delay-5 h3{color:#2ca9ac;}
.bg-wipe.delay-6 h3{color:#aec936;}

/* animation only happens AFTER class is added */
.bg-wipe.animate h3::before {
  animation: wipeBg 0.7s ease forwards;
}
.bg-circle.animate h3::before{
	opacity:1;
}

/* stagger delays */
.delay-1.animate h3::before, .delay-4.animate h3::before{ animation-delay: 0.15s; }
.delay-2.animate h3::before, .delay-5.animate h3::before{ animation-delay: 0.4s; }
.delay-3.animate h3::before, .delay-6.animate h3::before{ animation-delay: 0.65s; }

@keyframes wipeBg {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.bg-wipe.animate h3{
  animation: textColor 1s forwards;
}

@keyframes textColor {
  to {
    color: white;
  }
}

.linkedin-cols img{width:100%; border:8px solid #fff; border-radius:10px;}

@media (min-width:1230px){
	.home-cols{padding:0 75px!important;}
	.linkedin-cols{padding:0 55px!important;}
}

@media (max-width:1100px){
	.res-remove-cols .vc_col-sm-1{display:none;}
	.res-remove-cols .vc_col-sm-10{width:100%!important;}
}

@media (min-width:768px) and (max-width:1000px){
	.linkedin-cols .vc_col-sm-4{width:33.333%!important;}
}

.arrow-button{
	display: flex;
    color: #0b3243;
    font-weight: 700;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.ab-arrow{
    margin-left: 20px;
	position: relative;
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -o-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}
.arrow-button img{
    margin-bottom: 0!important;
    width: 36px!important;
}

.arrow-button:hover .ab-arrow{
	transform:translateX(10px);
}
.arrow-button:hover .ab-text{text-decoration:underline;}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease;
}

.fade-in.animate {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-slow {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s ease, transform 1s ease!important;
}

.fade-in-slow.animate{
  opacity: 1;
  transform: translateY(0);
}

/* Home page Case Studies */

.home-case-studies{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
	margin-bottom:15px!important;
}

@media (min-width:691px){
	.home-case-studies{margin-bottom:-50px!important;}
}

@media (min-width:1000px){
	.home-case-studies{margin-bottom:-10px!important;}
}

@media (min-width:1060px){
	.home-case-studies{margin-bottom:-20px!important;}
}

@media (min-width:1200px){
	.home-case-studies{margin-bottom:-40px!important;}
}

.home-case-studies .vc_col-sm-6:first-child .wpb_raw_code .wpb_wrapper, .home-case-studies .vc_col-sm-6:nth-child(3) .wpb_raw_code .wpb_wrapper{
    display: flex;
    justify-content: flex-end;
}

@media (max-width:999px){
	.home-case-studies .vc_col-sm-6:first-child .wpb_raw_code .wpb_wrapper, .home-case-studies .vc_col-sm-6:nth-child(3) .wpb_raw_code .wpb_wrapper, .home-case-studies .vc_col-sm-6 .wpb_raw_code .wpb_wrapper{display: flex; justify-content:center;}
	.pd-box{order:3;}
	.all-cs-wrap{order:4;}
}

.home-case-studies .vc_col-sm-6{margin-top:25px; margin-bottom:25px;}

.home-case-studies .vc_col-sm-6:nth-child(4) a.case-study, .home-case-studies .vc_col-sm-6:nth-child(2) a.case-study{border-radius:35px 0 0 0;}

.home-case-studies .vc_col-sm-6:first-child a.case-study, .home-case-studies .vc_col-sm-6:nth-child(3) a.case-study{border-radius:0 35px 0 0;}

a.case-study{
-webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 450px;
	width:100%;
    overflow: hidden;
    padding: 30px 40px;
    position: relative;
    text-align: left;
    -webkit-transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: box-shadow 0s, transform .3s;
    transition: box-shadow 0s, transform .3s, -webkit-box-shadow 0s, -webkit-transform .3s;
    will-change: transform;
	text-decoration:none;
}
.case-study:after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    content: "";
    z-index: 1;
}
/*.case-study:not(.case-study-static):hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}*/

a.case-study img{
	width:100%!important;
	height:100%!important;
	object-fit:cover;
}

.case-study-content{
    -webkit-transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: box-shadow 0s, transform .3s;
    transition: box-shadow 0s, transform .3s, -webkit-box-shadow 0s, -webkit-transform .3s;
    will-change: transform;	
}
.case-study:hover .case-study-content, .case-study:hover .case-study-image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.case-study:after, .case-study-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.case-study-image {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    z-index: 1;
}

.case-study-content {
    position: relative;
    z-index: 10;
	color:#fff;
	width:80%;
}

.case-study-content .btn{
	background-color: #ec802f;
    color: #fff;
    cursor: pointer;
    border: 0;
    font-size: 18px;
    font-family: 'basic-sans';
    font-weight: 700;
    padding: 12px 32px;
}

.home-case-studies .vc_col-sm-6:nth-child(2) .case-study-content .btn {
    background-color: #aec936;
}

.home-case-studies .vc_col-sm-6:nth-child(4) .case-study-content .btn {
    background-color: #19abac;
}

.case-study:hover .btn {
    -webkit-box-shadow: 0 0 0 10px hsl(355deg 75% 49% / 0%);
    box-shadow: 0 0 0 10px hsl(355deg 75% 49% / 0%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-box-shadow .5s, -webkit-transform .3s;
    transition: -webkit-box-shadow .5s, -webkit-transform .3s;
    transition: box-shadow .5s, transform .3s;
    transition: box-shadow .5s, transform .3s, -webkit-box-shadow .5s, -webkit-transform .3s;
}

.case-study-client{
    margin-bottom: 8px;
	font-size: 30px;
	font-family: 'fields';
}
.case-study-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}

.case-study-type{
	font-size: 20px;
    margin-bottom: 5px;
    font-weight: 300;
}

.home-case-studies{margin-left:-15px; margin-right:-15px;}

.home-case-studies::-webkit-scrollbar-track{background:#e9ecef;margin:0 30px}
.home-case-studies::-webkit-scrollbar{height:2px;width:2px}
.home-case-studies::-webkit-scrollbar-thumb{background:#ad252c;}
.home-case-studies::-webkit-scrollbar-thumb:hover{background:#555}

.case-study-static:after{display:none;}

.case-study-static{
	background: #d91f2d;
	cursor:default;
}

.case-study-static .case-study-content{width:100%;}

a.case-study.case-study-static{align-items:flex-start;}

.case-study-static .case-study-content{margin-top:30px;}
.case-study-static .case-study-title{
    font-size: 80px;
    line-height: 72px;
    font-weight: 400;
}

.case-study-static .case-study-title strong{
	font-weight:900;
	font-style:italic;
}
.case-study-static .case-study-title span{
font-family: 'fields';
    font-size: 76px;
}

@media (min-width:1000px) and (max-width:1070px){
	.case-study-static .case-study-title span{font-size:6.8vw;}
	.case-study-static .case-study-title{
		font-size:7.4vw;
		line-height:7vw;
	}
}

.case-study-static-img{
	position: absolute;
    top: 68%;
    z-index: -1;
    width: 102%;
    left: -20px;
}

@media (max-width:630px){
.case-study-static .case-study-title{
        font-size: 13.6vw;
        line-height: 12.4vw;
}
.case-study-static .case-study-title span {font-size: 12.7vw;}
.case-study-static-img {
        top: 67%;
        width: 64vw;
        left: -22px;
}
}

@media (max-width:430px){
    .case-study-static .case-study-title span {
        font-size: 13.6vw;
    }
    .case-study-static .case-study-title {
        font-size: 14.8vw;
        line-height: 14vw;
    }
	 .case-study-static-img {
        top: 70%;
        width: 65vw;
        left: -15px;
    }
}
@media (max-width: 390px) {
    .case-study-static .case-study-title span {
        font-size: 13.1vw;
    }
}

.vc_col-sm-6.empty, .vc_col-sm-6.all-cs-wrap{margin-top:0; margin-bottom:0;}

.all-cs{
    display: flex;
    justify-content: flex-end;
}

@media (min-width:1100px){
	.all-cs{width: 450px;}
}

@media (max-width:999px){
	.all-cs{justify-content:center;}
	.all-cs .arrow-button{
		width:450px;
		max-width:100%;
		display:flex;
		justify-content:flex-end;
	}
}

.vc_col-sm-6.empty{margin-bottom:0!important;}

.all-cs .arrow-button{
    color: #fff;
    font-family: 'fields';
    font-weight: 400;
    font-size: 24px;
}

@media (max-width:500px){
	.case-study-content{width:100%;}
}

/* end home case studies */

.our-clients h2{
	text-align: center;
    color: #d91f2d;
    font-family: 'basic-sans';
    font-weight: 400;
    font-size: 68px;
    letter-spacing: 1px;
	line-height:70px;
}

.our-clients h2 strong{
	letter-spacing: 0;
    font-weight: 900;
}

@media (max-width:700px){
	.our-clients h2{
    font-size: 54px;
    letter-spacing: 0.5px;
    line-height: 60px;
	}
}

.big-green-arrow .img-with-aniamtion-wrap{
		position: absolute;
		width: 500px;
		width: 19vw;
		top: -300px;
		justify-content: flex-end;
		display:none;
}

.big-green-arrow .img-with-aniamtion-wrap img{width:320px!important;}
.big-green-arrow .img-with-aniamtion-wrap{
    /*width: 28vw;
    top: -69px;*/
    left: -81px;
	width: 25vw;
    top: 59px;
}

/*.big-green-arrow .img-with-aniamtion-wrap img{transform: rotate(165deg)!important;}*/

@media (min-width:1101px){
	.big-green-arrow .img-with-aniamtion-wrap{display: flex;}
}

@media (min-width:1230px){
	.big-green-arrow .img-with-aniamtion-wrap{
		/*width:23vw;
        top: -66px;
        left: -81px;*/
        width: 24vw;
        top: 32px;
        left: -91px;
	}
    .big-green-arrow .img-with-aniamtion-wrap img {
        width: 360px !important;
    }
}


@media (min-width: 1550px) {
    .big-green-arrow .img-with-aniamtion-wrap {
		width: 23vw;
        /*top: -109px;*/
		top:-26px;
        left: -110px;
    }
	.big-green-arrow .img-with-aniamtion-wrap img{width:450px!important;}
}

/*@media (min-width:1750px){
	.big-green-arrow .img-with-aniamtion-wrap{
		width: 23vw;
        top: -109px;
        left: -110px;
	}
}*/

/*@media (max-width:1749px){
	.big-green-arrow .img-with-aniamtion-wrap img{margin-top:50px;}
}

@media (max-width:1229px){
	.big-green-arrow .img-with-aniamtion-wrap img{margin-top:70px;}
}*/
@media (max-width:1100px){
	.footer-ex-col{display:none;}
}

.no-margin, .no-margin h3, .wpb_wrapper>div.no-margin, .row .col .no-margin h3{margin-bottom:0;}

.footer-p p{
	font-size:21px;
	font-weight:600;
}

@media (min-width:1000px){
	.footer-address{text-align:right;}
}

.signup .arrow-button {
    display: flex;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    line-height: 0;
    background: #0b3243;
    font-family: 'fields';
    font-weight: 400;
    letter-spacing: 0;
    font-size: 22px;
    padding: 10px 15px;
    border-radius: 25px;
	max-width:180px;
}

.signup .ab-arrow{
	margin-left: 15px;
}

.signup .arrow-button img {
    width: 32px !important;
}

.social{display:flex;}

.social a{margin-right:6px}

@media (min-width:1000px){
	.social{justify-content: flex-end;}
	.social a{margin-left:6px; margin-right:0;}
}

.social img{
	height:32px!important;
	margin-bottom:0!important;
	border-radius:50%;
    -webkit-transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: -webkit-box-shadow 0s, -webkit-transform .3s;
    transition: box-shadow 0s, transform .3s;
    transition: box-shadow 0s, transform .3s, -webkit-box-shadow 0s, -webkit-transform .3s;
}

.social img:hover{
box-shadow: 0 0 5px 2px hsl(194.78deg 100% 13.53% / 29%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-box-shadow .5s, -webkit-transform .3s;
    transition: -webkit-box-shadow .5s, -webkit-transform .3s;
    transition: box-shadow .5s, transform .3s;
    transition: box-shadow .5s, transform .3s, -webkit-box-shadow .5s, -webkit-transform .3s;
}

.nectar_hook_global_section_footer .inner-wrap .row-bg{
	background-image:url(imgs/footer-bg.webp);
	background-repeat:no-repeat;
    background-position: 7% 90%;
    background-size: 60%;
	background-color: #efecea !important;
}

@media (max-width:999px){
	.nectar_hook_global_section_footer .inner-wrap .row-bg{
        background-position: 5% 98%;
        background-size: 60%;
	}
}

@media (max-width:620px){
	.nectar_hook_global_section_footer .inner-wrap .row-bg{
		background-position: 10% 97%;
    	background-size: 72%;
	}
}

.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{
    content: "";
    position: absolute;
    top: -15.5%;
    left: 0;
    width: 100%;
    height: 103px;
    z-index: 9999;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/top-red-curve3.svg);
}
.red-curves.nf-curves .row-bg-wrap:before{top: -26.5%; z-index:-1;}

@media (max-width:464px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{height:26px;}
}

@media (min-width:401px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -16.5%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -27.5%;}
}

@media (min-width:465px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -18.5%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -29.5%;}
}

@media (min-width:465px) and (max-width:539px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{height:28px;}
}

@media (min-width: 540px) {
    .myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before {
        top: -22%;
    }
	.red-curves.nf-curves .row-bg-wrap:before{top: -34%;}
}

@media (min-width: 540px) and (max-width:691px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before {height: 32px;}
}


@media (min-width: 692px) {
    .myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before {top: -53%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -92%;}
}

@media (min-width:772px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -79%;}
}

/*@media (min-width:825px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -79%;}
}*/

@media (min-width:1125px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -77%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -91%;}
}

@media (min-width:1301px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -68%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -72%;}
}

@media (min-width:1630px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{top: -75%;}
	.red-curves.nf-curves .row-bg-wrap:before{top: -77%;}
}

@media (min-width:2040px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{
		top: -87%;
        height: 120px;
	}
	.red-curves.nf-curves .row-bg-wrap:before{top: -89%;}
}

@media (min-width: 2400px) {
    .myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before {
        top: -100%;
        height: 140px;
    }
	.red-curves.nf-curves .row-bg-wrap:before{
		background: #d91f2d;
        height: 71px;
        top: -60%;
	}
}

@media (max-width:358px){
	.myrow .row-bg-wrap:before, .red-curves .row-bg-wrap:before{display:none;}
}

.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{
    content: "";
    position: absolute;
    bottom:-21%;
    left: 0;
    width: 100%;
    height: 103px;
    z-index: 9999;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/bottom-red-curve3.svg);
}
.red-curves.nf-curves .row-bg-wrap:after{bottom: -32%; z-index:-1;}

@media (max-width:419px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{height:30px;}
}

@media (min-width:420px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{bottom: -24%;}
	.red-curves.nf-curves .row-bg-wrap:after{bottom: -37%;}
}

@media (min-width:420px) and (max-width:771px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{height:35px;}
}

@media (min-width:772px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{bottom: -40%;}
}

@media (min-width:772px) and (max-width:879px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{height:40px;}
}

@media (min-width:880px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{bottom: -86%;}
	.red-curves.nf-curves .row-bg-wrap:after{bottom: -79%;}
}

@media (min-width:1145px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{bottom: -75.5%;}
	.red-curves.nf-curves .row-bg-wrap:after{bottom: -80%;}
}

@media (min-width:1301px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after, .red-curves.nf-curves .row-bg-wrap:after{bottom: -65%;}
}

@media (min-width:1550px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after, .red-curves.nf-curves .row-bg-wrap:after{bottom: -71%;}
}

@media (min-width:1780px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after, .red-curves.nf-curves .row-bg-wrap:after{bottom: -75%;}
}

@media (min-width: 2400px) {
    .myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after {
        bottom: -96%;
        height: 140px;
    }
	.red-curves.nf-curves .row-bg-wrap:after{
		background: #d91f2d;
		height: 66px;
        bottom: -55%;
	}
}

@media (max-width:358px){
	.myrow .row-bg-wrap:after, .red-curves .row-bg-wrap:after{display:none;}
}


.home-slider:before{
    content: "";
    position: absolute;
    top:-43px;
    left: 0;
    width: 100%;
    height: 103px;
    z-index: 9999;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/white-curve1.svg);
  content: "";
  position: absolute;
  top: -1px !important;
  left: 50%;
  transform: translateX(-50%);
  height: 100px;
  z-index: 99;
  background: url("imgs/stone-curve.svg") no-repeat top center;
    background-size: auto;
  background-size: 100% auto;
}

@media (min-width:1000px){
	.home-slider:before{width: max(105%, 1200px);}
}

@media (min-width:550px){
	.home-slider:before{top:-37px;}
}

@media (min-width:772px){
	.home-slider:before{top:-31px;}
}

@media (min-width:992px){
	.home-slider:before{top:-26px;}
}

@media (min-width:1270px){
	.home-slider:before{top:-18px;}
}

@media (min-width:1600px){
	.home-slider:before{top:-11px;}
}

@media (min-width:1921px){
	.home-slider:before{
        top: -55px;
        height: 200px;
	}
}

@media (min-width:2040px){
	.home-slider:before{
        top: -48px;}
}

@media (min-width:2100px){
	.home-slider:before{
        top: -46px;}
}

@media (min-width:2200px){
	.home-slider:before{
        top: -43px;}
}


@media (max-width:660px){
	.noicon .menu-title-text{font-size:16px;}
}

@media (min-width:1000px) and (max-width:1660px){
	.who-we-are{margin-top:120px!important;}
}

.blue-curves > .row-bg-wrap:before{
	content: "";
    position: absolute;
    top: -109px;
    left: 0;
    width: 100%;
    height: 187px;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/blue-top-curve.svg);
}

@media (min-width:415px){
	.blue-curves .row-bg-wrap:before{top: -113px;}
}

@media (min-width:515px){
	.blue-curves .row-bg-wrap:before{top: -118px;}
}

@media (min-width:600px){
	.blue-curves .row-bg-wrap:before{top: -122px;}
}

@media (min-width:815px){
	.blue-curves .row-bg-wrap:before{top: -132px;}
}

@media (min-width:1000px){
	.blue-curves .row-bg-wrap:before{top: -140px;}
}

@media (min-width:1100px){
	.blue-curves .row-bg-wrap:before{top: -146px;}
}

@media (min-width:1330px){
	.blue-curves .row-bg-wrap:before{top: -157px;}
}

@media (min-width:1700px){	
	.blue-curves .row-bg-wrap:before{top: -174px;}
}

@media (min-width: 1921px) {
    .blue-curves .row-bg-wrap:before {
        top: -190px;
        height: 200px;
    }
}

@media (min-width: 2040px) {
    .blue-curves .row-bg-wrap:before {
        top: -213px;
        height: 230px;
    }
}

@media (min-width: 2350px) {
    .blue-curves .row-bg-wrap:before {
		top: -220px;
        height: 250px;
    }
}

@media (min-width: 2400px) {
    .blue-curves .row-bg-wrap:before {
        top: -264px;
        height: 300px;
    }
}

.blue-curves > .row-bg-wrap:after{
	content: "";
    position: absolute;
    bottom: -108px;
    left: 0;
    width: 100%;
    height: 186px;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/blue-bottom-curve.svg);
}

.blue-curves .inner-bc .row-bg-wrap:before{display:none;}

@media (min-width:365px){
	.blue-curves .row-bg-wrap:after{bottom: -110px;}
}

@media (min-width:430px){
	.blue-curves .row-bg-wrap:after{bottom: -113px;}
}

@media (min-width:490px){
	.blue-curves .row-bg-wrap:after{bottom: -116px;}
}

@media (min-width:590px){
	.blue-curves .row-bg-wrap:after{bottom: -121px;}
}

@media (min-width:691px){
	.blue-curves .row-bg-wrap:after{bottom: -125px;}
}

@media (min-width:805px){
	.blue-curves .row-bg-wrap:after{bottom: -131px;}
}

@media (min-width:940px){
	.blue-curves .row-bg-wrap:after{bottom: -137px;}
}

@media (min-width:1060px){
	.blue-curves .row-bg-wrap:after{bottom: -143px;}
}

@media (min-width:1200px){
	.blue-curves .row-bg-wrap:after{bottom: -150px;}
}

@media (min-width:1390px){
	.blue-curves .row-bg-wrap:after{bottom: -159px;}
}

@media (min-width:1630px){
.blue-curves .row-bg-wrap:after{bottom: -170px;}
}

@media (min-width: 1921px) {
    .blue-curves .row-bg-wrap:after {
        bottom: -187px;
        height: 200px;
    }
}

@media (min-width: 2080px) {
    .blue-curves .row-bg-wrap:after {
        bottom: -211px;
        height: 230px;
		
    }
	.blue-curves .row-bg-wrap{margin-top:50px;}
	.our-clients{margin-top:70px;}
}

@media (min-width: 2390px) {
    .blue-curves .row-bg-wrap:after {
        bottom: -235px;
        height: 260px;
    }
}

@media (min-width: 2630px) {
    .blue-curves .row-bg-wrap:after {
        bottom: -255px;
        height: 300px;
    }
}

@media (min-width:2750px){
	.home-slider:before{display:none;}
	.red-curves .row-bg-wrap:before{
        background-image: none;
        background-color: #d91f2d;
        height: 40px;
        width: 100%;
        top: -38px;
	}
	.red-curves .row-bg-wrap:after{
        background-image: none;
        background-color: #d91f2d;
        height: 40px;
        width: 100%;
        bottom: -38px;		
	}
	.blue-curves .row-bg-wrap:before{
        background-image: none;
        background-color: #003444;
        height: 145px;
        width: 100%;
        top: -140px;
	}
	.blue-curves .row-bg-wrap:after{
        background-image: none;
        background-color: #003444;
        height: 145px;
        width: 100%;
        bottom: -140px;	
	}
}

.blue-curve-inner{margin-top:10px;}

@media (min-width:390px){
.blue-curve-inner{margin-top:-10px;}
}

@media (min-width:815px){
.blue-curve-inner{margin-top:-40px;}
}

@media (min-width:1330px){
.blue-curve-inner{margin-top:-70px;}
}
	
.team-grid h3{margin-bottom:5px!important; line-height:1!important;}

.team-grid .directors p{font-size:30px;}

.service-block .wpb_wrapper{
	display:flex;
	flex-direction:column;
}

.service-block .vc_column-inner, .service-block .wpb_wrapper{height:100%;}

.service-block .wpb_wrapper div:nth-child(2){flex-grow:1;}

.bullet:before{
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    top: -1px;
    position: relative;
    margin: 0 5px;
}

.red-text .bullet:before{background: #d91f2d;}
.orange-text .bullet:before{background: #ec802f;}
.yellow-text .bullet:before{background:#fed803;}
.teal-text .bullet:before{background:#19abac;}
.green-text .bullet:before{background:#aec936;}
.white-text .bullet:before{background:#fff;}

.inner-blue-curves>.row-bg-wrap:before{
	content: "";
    position: absolute;
    top: -132px;
    left: 0;
    width: 100%;
    height: 191px;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/blue-top-sym-curve.svg);
    z-index: 999;
}

.inner-blue-curves>.row_col_wrap_12{z-index:9999;}

.inner-blue-curves>.row-bg-wrap:after{
	content: "";
    position: absolute;
    bottom: -133px;
    left: 0;
    width: 100%;
    height: 186px;
    background: no-repeat center / 100% 100%;
    background-image: url(imgs/blue-bottom-sym-curve.svg);
}

.inner-blue-curves.invert-bottom>.row-bg-wrap:after{
	background-image: url(imgs/blue-invert-bottom-sym-curve.svg);
	bottom: -60px;
	z-index:99999;
}

.pr-comm-graphic{
	top: -52px!important;
    width: 250px!important;
    left: 70px;
}

/* Home Graphics */
.bg-gflr{
	background-image: url(imgs/grey-flower.svg);
    background-size: contain;
    position: absolute;
    height: 35vw;
    background-repeat: no-repeat;
    background-position: 116%;
    margin-top: -13.5vw;
}

.bg-xflr{
	background-image: url(imgs/grey-x-flower.svg);
    background-size: contain;
    position: absolute;
	height: 27.5vw;
    background-repeat: no-repeat;
    background-position: -11%;
    margin-top: -6vw;
}
.bg-g3{
	background-image: url(imgs/graphic3.svg);
    background-size: contain;
    position: absolute;
    height: 36vw;
    background-repeat: no-repeat;
    margin-top: -11.2vw;
}
.bg-g4{
	background-image: url(imgs/graphic4.svg);
    background-size: contain;
    position: absolute;
    height: 35vw;
    background-repeat: no-repeat;
    margin-top: -12vw;
    background-position: 116%;
}
@media (min-width:778px){
.bg-xflr{
	    height: 22.5vw;
		margin-top: -5vw;
	 	background-position: -8%;
	}
.bg-gflr{
	    height: 30vw;
		margin-top: -11.5vw;
	    background-position: 111%;
	}
.bg-g3{
	    height: 32vw;
		margin-top: -6.2vw
	}
.bg-g4{
    height: 30vw;
	 margin-top: -7vw;
	background-position: 109%;
	}
}
@media (min-width:1500px){
.bg-xflr{
	    height: 380px;
		margin-top: -95px
	}
.bg-gflr{
	    height: 500px;
		margin-top: -220px;
	}
.bg-g3{
	    height: 420px;
		margin-top: -60px;
	}
.bg-g4{
	    height: 460px;	
		margin-top: -95px;
	}
}


.team-heading-bg{
	background-image: url(imgs/wrm.svg);
	position: absolute;
    height: 145px;
    background-repeat: no-repeat;
    width: 91%;
    margin-bottom: 0 !important;
    background-position: right bottom;
    background-size: 197px;
}

@media (max-width:1300px){
	.team-heading-bg{height: 130px;}
}

@media (min-width:1000px) and (max-width:1130px){
	.team-heading-bg{
		width: 98%;
    	background-size: 165px;
	}
}

@media (max-width:999px){
	.team-heading-bg{
		height: 47px;
		width: 552px;
		background-size: 180px;
	}
}

@media (max-width:600px){
	.team-heading-bg{display:none;}
}

.no-right-padding .img-with-aniamtion-wrap[data-animation=fade-in-from-left] .hover-wrap{padding-right:0;}

@media (min-width:1000px){
#PRComms{
	background: url(imgs/strokes1.svg);
	background-repeat: no-repeat;
    background-size: 390px;
    background-position: 74% -5px;
	padding-top:20px;
}
#Social{
	background: url(imgs/x-flwr1.svg);
	background-repeat: no-repeat;
    background-position: 20%;
	scroll-margin-top: 50px;
}
#Digital{
        background: url(imgs/idk.svg);
        background-repeat: no-repeat;
        background-size: 400px;
        background-position: 60%;
}	
#Branding{
	background:url(imgs/graff.svg);
	background-repeat: no-repeat;
	background-position: center;
}	
#Advertising{
	background:url(imgs/swrly-flwr.svg);
    background-repeat: no-repeat;
    background-position: 58% 10px;
    background-size: 380px;
}
#More{
	background:url(imgs/blue-spid.svg);
    background-repeat: no-repeat;	
	background-position: 20%;
}
}
	
@media (max-width:1300px){
#PRComms{
	background-size:30vw;
}
}

.center-img .vc_column-inner{
	display:flex;
	height:100%;
}
.center-img .vc_column-inner .wpb_wrapper{
	display: flex;
    align-items: center;
}

@media (min-width:1000px) and (max-width:1160px){
	.center-img .vc_column-inner .wpb_wrapper img{margin-right:-3vw;}
}

@media (max-width:999px){
	.mic-img{margin-left: -65px!important;}
}

@media (max-width:767px){
	.mic-img{margin-left: -50px!important;}
}

.left-padding .hover-wrap{padding-left:30px;}

.green-strong strong{color:#aec936;}
.yellow-strong strong{color:#f8c013;}
.orange-strong strong{color:#ec802f;}

/* NEWS */

.nf-heading h1{
	display: flex;
    justify-content: center;
}

.nf-heading h1:after{
	content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 17.5px;
    background-image: url(imgs/news-underline.svg);
    background-repeat: no-repeat;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 1.5s ease, transform 1.5s ease;	
	background-size: 100% 100%;
}

.nf-heading h1.animate::after {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width:1300px){
	.nf-heading h1:after{height: 15.5px;}
}

@media (max-width:1000px){
	.nf-heading h1:after{height: 14px;}
}

.main-news {overflow:hidden;}

.main-news .vc_col-sm-6{
	margin-right:0;
	padding-right:15px!important;
	padding-left:15px!important;
	margin-bottom:30px;
}

a.newspost{
    display: flex;
    flex-direction: column;
    position: relative;
	overflow:hidden;
	border-radius:25px;
}
.newspost-img{
	margin-bottom: 0!important;
	transition: all .3s ease-in-out!important;
}
a.newspost:hover img{
	transform:scale(1.05);
}
.np-content{
	position: absolute;
    bottom: 1.5rem;
    padding: 0 45% 0 50px
}
.np-cat{
	color:#fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.np-content h2{
    margin-bottom: 0;
    color: #fff;
    text-align: left;
    font-size: 22px;
    line-height: 28px;
	text-shadow: 0 0 20px #000, 1px 1px 9px rgb(0, 0, 0, 0.5);
}

.news-pagination .facetwp-pager{
    display: flex;
    justify-content: center;
}

.news-pagination .facetwp-page{
	color: #0b3243;
	width: 32px;
	height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: 400;
	margin: 0 7px;
}

.news-pagination .facetwp-page.active{
    background: #d91f2d;
    color: #fff;
	font-weight:400;
}
.news-pagination .facetwp-page.next{margin: 0 25px;}
.news-pagination .facetwp-page.next.active, .news-pagination .facetwp-page.prev.active{
	color: #0b3243;
	background:transparent;
}

.news-graphic{
    position: absolute!important;
    width: 400px!important;
    right: -9%;
    top: -91px;
}
@media (max-width:1100px){
	.news-graphic{
	width: 360px !important;
    right: -12%;
    top: -66px;
	}
}
@media (max-width:880px){
	.news-graphic{
        width: 33vw !important;
        right: -12%;
        top: -66px;
        transform: translateY(3vw) !important;
	}
}

@media (max-width:620px){
	.news-graphic{display:none!important;}
}

@media (min-width:1000px){
	.np-content{padding: 0 20px 0 20px;}
}

@media (min-width:1180px){
	.np-content{padding: 0 35% 0 50px;}
}

@media (min-width:1360px){
	.np-content{padding: 0 45% 0 50px;}
}

@media (max-width:560px){
	.np-content{padding: 0 20px 0 20px;}
}

@media (min-width: 691px) {
    .newsfeed .vc_col-sm-1 {
        width: 3%;
    }
	.newsfeed .vc_col-sm-10 {
        width: 94%;
    }
}

@media (max-width:999px){
	.news-col{padding-left:0!important; padding-right:0!important;}
}
@media (max-width:420px){
.newspost-img{
	object-fit:cover;
	height:280px!important;
	}
}

#NetherbyBG{
	background:url(imgs/big-swirl.svg);
	background-repeat:no-repeat;
	position: absolute;
    width: 100%;
    height: 757px;
    top: 60px;
    background-position: 100%;
    transform: translateX(22%);
}

@media (max-width:999px){
	#NetherbyBG{
		top: 508px;
    	transform: translateX(42%);
	}
}

@media (min-width:1000px){
#K2bBG{
	background:url(imgs/rtr-bld.svg);
	background-repeat:no-repeat;
	position: absolute;
    width: 100%;
    height: 709px;
    top: 937px;
    background-position: 100%;
    transform: translateX(-63%);
}
#SaintBG{
	background:url(imgs/cs-g3.svg);
	background-repeat:no-repeat;
    position: absolute;
    width: 100%;
    height: 709px;
	top: 2100px;
    background-position: 100%;
    transform: translateX(30%);	
}	
}
@media (min-width:1200px){
	#SaintBG{top: 1937px;}
}

.k2b-mob-bg{
	position: absolute!important;
    z-index: -1;
    top: -30vw;
    left: -41vw;
}
.saint-mob-bg{
    position: absolute!important;
    top: -160px;
    z-index: -1;
    right: -31vw;
    height: 630px;
}

@media (max-width:600px){
	.k2b-mob-bg{top:8vw;}
	.saint-mob-bg{top:-10px;}
}

@media (max-width:800px){
	.kblogo{width:40vw;}
}

@media (max-width:1000px){
	.cs-logo{width:40vw!important;}
}

/*Form*/
.container-wrap input[type=text], .container-wrap input[type=email], .container-wrap input[type=tel], .gform-theme--foundation .gfield textarea.large{
	border: 0;
    font-size: 22px;
    padding: 1.5rem 1rem;
    border-radius: 50px;
    font-family: 'basic-sans';
    font-weight: 700;
}
.container-wrap input[type=text]::placeholder{color:#bac3c7;}
body .gform_wrapper .top_label .gfield_label{
	color: #fff;
    font-family: 'basic-sans';
    font-weight: 700!important;
    font-size: 24px!important;	
	margin-top:0;
}
.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
    display: none;
}
.gfield_required{display:none;}

body .gform_wrapper .gfield_description{
	font-size: 14px;
    color: #fff;
    font-family: 'basic-sans';
    font-weight: 600;
}

.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    background: #f5802e;
    font-family: 'basic-sans';
    font-size: 22px;
    font-weight: 700;
    line-height: 16px;
}

.contact-us h1{display: inline-block;}

.contact-us h1:after{
	content: "";
    position: absolute;
    left: 10px;
    bottom: -12px;
    width: 100%;
    height: 17px;
    background-image: url(imgs/contact-underline.svg);
    background-repeat: no-repeat;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 1.5s ease, transform 1.5s ease;
}

.contact-us h1.animate::after {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width:1300px){
	.contact-us h1:after{height: 15px;}
}

@media (max-width: 999px) {
    .contact-us h1:after {
        height: 11px;
        bottom: -3px;
    }
}

.contact-graphic{
	width: 510px !important;
    max-width: 510px !important;
    margin-left: -30px;
    padding-top: 2vw;
    transform: scale(1.4) !important;
    margin-bottom: -50px !important;
}

@media (max-width:1250px){
.contact-graphic {
    width: 450px !important;
    margin-left: 20px;
    margin-bottom: -70px !important;
}
}

@media (max-width: 999px) {
.contact-graphic {
	position: absolute !important;
    transform: scale(1) translateX(33%) !important;
    right: 0;
    bottom: -43px;
	}
}

.chat h2{
	text-align: left;
    font-family: 'basic-sans';
    font-weight: 800;
    letter-spacing: 0;
    font-size: 60px;
	line-height:60px;
}

.chat h2 .fields{font-weight:600;}

.chat-intro p{
    font-family: 'fields';
    font-size: 32px;
}

.featured-media-under-header__cat-wrap .meta-category a, .related-posts[data-style="material"] .meta-category a{font-family: 'basic-sans';}
.featured-media-under-header h1 {
    font-family: 'fields';
    font-size: 72px;
    line-height: 80px;
}

.blog-recent.related-posts h3.title{font-family: 'fields';}

.related-posts .article-content-wrap .excerpt {
    margin-top: 10px;
    line-height: 26px;
}

.laptop-img{
	width:400px;
}

@media (max-width:580px){
.laptop-img{
	width:73vw;
}
}