s/*=============================================
Hexnet
Dec 02,2019
===========================================
Summary
===========================================
00 - Slick Slider Plugin
00 - Tooltipster Plugin
00 - Common Style
01 - Header
02 - Footer
00 - Home
===============================================*/

/*================================================================================================================================================
  00 - Slick Slider Plugin
================================================================================================================================================*/
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*================================================================================================================================================
  00 - Tooltipster Plugin
================================================================================================================================================*/
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.tooltipster-box{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-o-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;left:0!important;opacity:0}@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{-webkit-animation:tooltipster-fading .4s;animation:tooltipster-fading .4s}@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.tooltipster-update-rotate{-webkit-animation:tooltipster-rotating .6s;animation:tooltipster-rotating .6s}@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tooltipster-update-scale{-webkit-animation:tooltipster-scaling .6s;animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}

/*================================================================================================================================================
  00 - Common Style
================================================================================================================================================*/
:root {
	--Black: #141313;
	--Blue: #007FFD;
	--Grey-light: #757C7E;
	--Grey-Lighter: #E5E5E5;
	--white: #FFFFFF;
	--Warm-BG: #F8EDDE;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1280px !important;
	}
}

@media only screen and (min-width:992px) and (max-width:1679px) {
    .on-reval {
        opacity: 1 !important;
        -webkit-transform: translateY(0px) !important;
            -ms-transform: translateY(0px) !important;
                transform: translateY(0px) !important;
    }
    
    .on-right,
    .on-left {
        opacity: 1 !important;
        -webkit-transform: translateX(0px) !important;
            -ms-transform: translateX(0px) !important;
                transform: translateX(0px) !important;
    }
}

p {
	margin-bottom: 0;
}

ul {
	list-style: none;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden!important;
	outline: none!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	cursor: default;
	font-family: sans-serif;
}

body {
	background: #ffffff;
	min-height: 100vh;
	height: 100%!important;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	font-size: 15px;
	color: #222222;
	font-family: 'Rubik', sans-serif !important;
	position: relative;
	background-position-x: 475px;
	overflow-x: hidden;
}

/* @media only screen and (min-width: 1280px) and (max-width: 1600px) {
	body {
		zoom: 80% !important;
	}
} */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	body {
		zoom: 83% !important;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	body {
		zoom:  75%!important;
	}
}
::-webkit-scrollbar {
	width: 0;
	height: 2px;
}

::-webkit-scrollbar-track {
	background: transparent
}

::-webkit-scrollbar-thumb {
	border-radius: 60px;
	background: rgba(130,152,171,0.55);
}

::-moz-scrollbar {
	width: 0;
}

::-moz-scrollbar-scrollbar-track {
	background: transparent
}

::-moz-scrollbar-scrollbar-thumb {
	background: #2C2E37;
	border-radius: 60px
}

::-ms-scrollbar {
	width: 0;
}

::-ms-scrollbar-scrollbar-track {
	background: transparent
}

::-ms-scrollbar-scrollbar-thumb {
	background: #2C2E37;
	border-radius: 60px
}

.hide {
	display: none;
}
.show {
	display: block;
}

.media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media,
.media-body {
	overflow: hidden;
	zoom: 1
}

.media-body {
	width: 10000px
}

.media-object {
	display: block
}

.media-object.img-thumbnail {
	max-width: none
}

.media-right,
.media>.pull-right {
	padding-left: 10px
}

.media-left,
.media>.pull-left {
	padding-right: 10px
}

.media-body,
.media-left,
.media-right {
	display: table-cell;
	-ms-flex-item-align: start;
	    -ms-grid-row-align: start;
	    align-self: start
}

.media-middle {
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center
}

.media-bottom {
	-ms-flex-item-align: end;
	    -ms-grid-row-align: end;
	    align-self: end
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.media-list {
	padding-left: 0;
	list-style: none
}

:focus {
	text-decoration: none
}

ul {
	padding: 0;
	margin: 0;
}

.no-scroll {
	overflow: hidden!important
}

a:focus {
	text-decoration: none!important
}

a:focus,
a:active {
	color: #fff;
}

body a:active,
body a:hover,
body a:visited {
	text-decoration: none;
}

main {
	overflow: hidden;
	position: relative;
	z-index: 100
}

#page {
	position: relative;
	float: none;
	min-height: 100vh;
	overflow: hidden;
	z-index: 99;
}


.dotted-list li{
	list-style: disc;
}
.heading-4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 48px;
}

.text-md {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
}
.text-xs {
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}
.hx-card {
	background-color: var(--Black);
	color: var(--Warm-BG);
	border-radius: 20px;
	padding: 50px 40px;
}

.hx-card-header {
	text-transform: uppercase;
	margin-bottom: 21px;
	display: flex;
	align-items: center;
}

.hx-card-header::after {
	content: "";
	display: inline-block;
	position: relative;
	flex-grow: 1;
	height: 1px;
	margin-left: 16px;
	background-color: rgba(255, 255, 255, 0.4);
}
@media all and (max-width: 991px) {
	.hx-card .info{
		margin-bottom: 20px;
	}
}
@media all and (max-width: 767px) {
	.hx-card {
		text-align: center;
		padding: 40px 15px;
	}
	.hx-card .visual {
		margin-bottom: 10px;
	}
	.hx-card .info {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.hx-card p.text-md {
		font-size: 16px;
	}
}
/*=========/ Helper clasess /=======*/
.hide {
	display: none!important
}

.overflow-hidden {
	overflow: hidden;
	width: 100%
}

.overflow-fixed {
	overflow: hidden;
	position: fixed;
	width: 100%
}

.centered {
	margin: auto;
	float: none
}

.full {
	position: relative;
	float: left;
	width: 100%;
	max-width: 100%
}

.lefted {
	float: left!important
}

.righted {
	float: right!important
}

.aligned {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.middle {
	display: block;
	float: none;
	margin: 0 auto
}

.height-100 {
	height: 100%
}

.width-100 {
	width: 100%
}

.display-none {
	display: none
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

/* PADDING + MARGIN */
.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-l-0{padding-left:0!important}.p-r-0{padding-right:0!important}.p-t-0{padding-top:0!important}.p-b-0{padding-bottom:0!important}.p-t-0{padding-top:0!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-30{padding-top:30px!important}.p-b-0{padding-bottom:0!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-30{padding-bottom:30px!important}.p-l-0{padding-left:0!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-30{padding-left:30px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-30{padding-right:30px!important}.p-l-r-5{padding-left:5px;padding-right:10px}.p-l-r-10{padding-left:10px;padding-right:10px}.p-l-r-15{padding-left:15px;padding-right:10px}.p-l-r-20{padding-left:20px;padding-right:10px}.p-l-r-30{padding-left:30px;padding-right:10px}.m-0{margin:0!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-30{margin:30px!important}.m-t-0{margin-top:0!important}.m-t-5{margin-top:5px!important}.m-t-10{margin-top:10px!important}.m-t-15{margin-top:15px!important}.m-t-20{margin-top:20px!important}.m-t-30{margin-top:30px!important}.m-t-50{margin-top:50px!important}.m-b-0{margin-bottom:0!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-30{margin-bottom:30px!important}.m-b-50{margin-bottom:50px!important}.m-l-0{margin-left:0!important}.m-l-5{margin-left:5px!important}.m-l-10{margin-left:10px!important}.m-l-15{margin-left:15px!important}.m-l-20{margin-left:20px!important}.m-l-30{margin-left:30px!important}.m-r-0{margin-right:0!important}.m-r-5{margin-right:5px!important}.m-r-10{margin-right:10px!important}.m-r-15{margin-right:15px!important}.m-r-20{margin-right:20px!important}.m-r-30{margin-right:30px!important}

.row-eq-height {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.text-capitalize {
	text-transform: capitalize
}

.text-uppercase {
	text-transform: uppercase
}

.radius-4 {
	border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	-ms-border-radius: 4px!important
}

.radius-100 {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px
}

.radius-all {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	line-height: 1.6;
	margin: 0
}

li {
	list-style: none
}

textarea {
	resize: none;
	height: auto!important
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none!important
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/assets/img/icons/arrow-bottom.png) right 40px center no-repeat!important;
	background-color: #fff
}
select:focus {
	border-color: transparent!important;
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}
select::-ms-expand {
	display: none
}

select.field {
	padding: 16px 30px 14px 20px!important
}

select option[disabled] {
	color: #a9a9a9
}

.form-control:focus {
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}

.full-size {
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	height: 100vh
}

.i-valign {
	vertical-align: -2px
}


.box-shadow {
	-webkit-box-shadow: inset 0 3px 7px -7px rgba(0, 0, 0, 0.7);
	-ms-box-shadow: inset 0 3px 7px -7px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0 3px 7px -7px rgba(0, 0, 0, 0.7)
}

.help-block {
	color: #dc0e0a;
	position: absolute;
	font-size: 15px
}

.has-error::-webkit-input-placeholder {
	color: #dc0e0a!important
}

.has-error::-moz-placeholder {
	color: #dc0e0a!important
}

.has-error:-ms-input-placeholder {
	color: #dc0e0a!important
}

.has-error:-moz-placeholder {
	color: #dc0e0a!important
}



.container-h {
	max-width: 1460px;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}
.img-fit {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%
}

.text-left {
	text-align: left!important
}


.t-centered {
	margin: 0 auto;
	float: none;
	display: block
}

.responsive {
	display: none;
	width: 100%;
	height: 100vh;
	background: url(/assets/img/common/bg2.png) center top no-repeat;
	background-size: cover
}

.img-fit {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
}

.text-left {
	text-align: left !important;
}
.hx-centered {  margin: 0px auto; float: none; display: block;}





/*=====================  CTA BUTTONS  =====================*/
.hx-cta {
	background: #007FFD;
	-webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	border-radius: 6px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
    display: inline-block;
    padding: 16px 25px;
    border: none;
    text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.hx-cta-md {
	width: 201px;
}
.hx-cta:focus,
.hx-cta:hover {
	-webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	color: #FFFFFF;
	background: #141313;
	text-decoration: none;
}

.hx-cta-secondary {
	display: inline-block;
	min-width: 340px;
    padding: 19px 25px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #007FFD;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	        box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	border-radius: 6px;
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.hx-cta-secondary:focus,
.hx-cta-secondary:hover {
	color: #fff;
	background: #141313;
	-webkit-box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	        box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
}
.vertical-cta.hx-cta-secondary {
	color: #007FFD;
	-webkit-box-shadow: 0px 40px 60px rgba(253, 96, 4, 0.35);
	        box-shadow: 0px 40px 60px rgba(253, 96, 4, 0.35);
}
.vertical-cta.hx-cta-secondary:focus,
.vertical-cta.hx-cta-secondary:hover {
	color: #fff;
	-webkit-box-shadow: 0px 40px 60px rgba(253, 96, 4, 0.35);
	        box-shadow: 0px 40px 60px rgba(253, 96, 4, 0.35);
}
.hx-cta-main {
	display: inline-block;
    border-radius: 5px 5px 16px;
    background-color: #3B5266;
    color: #ffffff;
    
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-decoration: none;
    padding: 16px 21px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 2px 8px rgba(38, 67, 126, 0.3);
            box-shadow: 0 2px 8px rgba(38, 67, 126, 0.3);
}
.hx-cta-main span {
    position: absolute;
    content: '';
    background-image: url('/assets/img/icons/plus-icon.png');
    height: 13px;
    width: 13px;
    right: 19px;
    top: 22px;
}
.hx-cta-main:hover {
	color: #fff;
	-webkit-box-shadow: 0 17px 57px rgba(0, 157, 224, 0.3);
	        box-shadow: 0 17px 57px rgba(0, 157, 224, 0.3);
}

.cta-link {
	color: #123D6B;
	font-weight: 400;
	font-size: 18px;
}
.cta-link:hover {
	color: #123D6B;
}

@media all and (max-width: 767px) {
	.hx-cta-secondary {
		font-size: 12px
	}
}
/* ==================================================================== 
	Responsive Tabs ( Tabs -> Accordion) 
==================================================================== */ 

@media all and (min-width: 992px){
    .collapse-header-res {
        display: none !important;
    }
    .collapse-res{
        display: block !important;
    }
}

    
@media all and (max-width: 991px){
    .nav-res{
        visibility: hidden !important;
        display: none!important;
    }

    .tab-content .tab-pane-res {
        display: block !important;
        opacity: 1;
        margin-bottom: 20px;
    }
    .collapse-title {
        width: fit-content !important;
        text-align: center;
        width: unset;
		margin: auto;
		position: relative;
    }
}



/*=====================  HEADING  =====================*/
.heading {
	text-align: center;
}
.heading h6 {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #007FFD;
	margin-bottom: 10px;
}
.heading h4 {
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 75px;
	color: #141313;
	margin-bottom: 0;
}
.heading h3 {
	font-weight: 500;
	font-size: 36px;
	line-height: 48px;
	color: #141313;
	margin-bottom: 0;
}
.heading h1, .heading h2 {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #141313;
	margin-bottom: 0;
}
.heading .description {
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	color: #757C7E;
	margin-bottom: 0;
}
.contact-card .heading .text-md {
	color: #757C7E;
}
@media only screen and (max-width: 767px) {
	.heading h4 {
		font-size: 28px !important;
    line-height: 44px !important;
	}
	.heading h2,
	.text-content h2 {
		    font-size: 27px !important;
    	line-height: 36px !important;
	}
	.heading h3 {
		font-size: 30px !important;
		line-height: 36px !important;
	}
}

/*=====================  SECTION WITH VISUAL  =====================*/
.section-with-visual {

}
.section-with-visual .visual-content {
	max-width: 555px;
	width: 100%;
	height: 450px;
}
.section-with-visual .visual-content img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.section-with-visual .text-content {

}
.section-with-visual .text-content h1 {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #141313;
	margin-bottom: 0;
}
.section-with-visual .text-content h2 {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 48px;
	color: #141313;
	margin-bottom: 0;
}
.section-with-visual .text-content h3 {
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	color: #304659;
	margin-bottom: 0;
}
.section-with-visual .text-content h6 {
	    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #007FFD;
    margin-bottom: 10px;
}
.section-with-visual .text-content .quote {
	max-width: 550px;
	font-family: Merriweather;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 52px;
	color: #191011;
}
.section-with-visual .text-content .description {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #757C7E;
}
.content-list {
	max-width: 515px;
}
.content-list .content-list-item {
	margin-bottom: 50px;
}
.content-list .content-list-item .sub-title {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #141313;
}
.content-list .content-list-item .sub-description {
	color: #303342;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.content-list .media-left {
	padding-right: 22px;
}
.content-list .media-right {
	padding-left: 0;
}
.content-list .content-list-item .sub-visual {
    width: 36px;
    height: 36px;
}
.content-list .content-list-item .sub-visual span {
    height: 100%;
    width: 100%;
    background-size: contain!important;
    display: block;
}
.content-list .content-list-item .sub-visual.sv1 span {
	background: url('/assets/img/icons/sv1.png') center no-repeat;
}
.content-list .content-list-item .sub-visual.sv2 span {
	background: url('/assets/img/icons/sv2.png') center no-repeat;
}
.content-list .content-list-item .sub-visual.sv3 span {
	background: url('/assets/img/icons/sv3.png') center no-repeat;
}
.content-list .content-list-item .sub-visual.video span {
	background: url('/assets/img/icons/videography.png') center no-repeat;
}

#contenttop .top { align-self: flex-start; }

.sub-visual.video { height:40px; width:39px; }

/*=====================  VIDEO SECTION =====================*/

.modal-video .modal-content {
	border: 0;
	border-radius: 10px;
	overflow: hidden;
    -webkit-box-shadow: 25px 32px 120px rgba(38, 67, 126, 0.3);
            box-shadow: 25px 32px 120px rgba(38, 67, 126, 0.3);
}
.modal-video .hx-close-video {
	top: 0;
}
.modal-video video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.hx-player {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.hx-player video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 1080px;
}
.hx-play {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    width: 80px;
    height: 80px;
    margin: auto;
    background: url('/assets/img/icons/hx-play.png') center center no-repeat;
    background-size: contain;
    z-index: 10000;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hx-play:hover,
.hx-player:hover .hx-play {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.hx-overlay-video {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    z-index: 9999999999;
    left: 0;
    top: 0;
    background: #fff;
}
.hx-close-video {
    background: url(/assets/img/icons/close-btn@2x.png) center center no-repeat;
    z-index: 10;
    width: 82px;
    height: 82px;
    position: absolute;
    right: 0;
    margin: auto;
    top: 28px;
    cursor: pointer;
    background-size: contain;
    z-index: 9999;
}
.hx-wrap-video {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    display: table;
}
#hx-fsize {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    width: inherit;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin: auto;
    z-index: 999;
}
.hx-visible {
    -webkit-transition: all .5s .3s ease-in-out;
    -o-transition: all .5s .3s ease-in-out;
    transition: all .5s .3s ease-in-out;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1
}
.hx-hidden {
    -webkit-transition: all .5s .3s ease-in-out;
    -o-transition: all .5s .3s ease-in-out;
    transition: all .5s .3s ease-in-out;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0
}
.video-showcase-rounded {
	background: #141313;
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	border-radius: 20px;
    width: 100%;
    max-width: 850px;
    height: 430px;
    margin: 0px auto 30px;
    display: block;
    overflow: hidden;
    position: relative;
}

#mask-video {
    background: #1b1f1f url(/assets/img/common/video-pixel.png) repeat;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .4;
    height: 100%;
}
@media only screen and (max-width: 767px) {
	.video-showcase-rounded {
		max-width: 360px!important;
		width: 100%!important;
		height: 260px!important;
		margin-bottom: 50px!important;
	}

}
/*=====================  DIVIDER  =====================*/
.main-divider {
	opacity: 0.4;
	height: 260px;
	width: 1px;
	margin: 0 auto;
	background: #007FFD;
}
.main-divider-sm {
	opacity: 0.4;
    height: 180px;
	width: 1px;
	margin: 0 auto;
	background: #007FFD;
}
.secondary-divider {
	opacity: 0.4;
	height: 260px;
	width: 1px;
	margin: 0 auto;
	background: #fff;
}
.dividers {
	height: 180px;
	width: 583px;
	margin: 0 auto 70px;
	background: url('/assets/img/common/dividers.png') center no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1600px) {
	.main-divider,
	.main-divider-sm,
	.secondary-divider {
		width: 2px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	.main-divider,
	.secondary-divider {
		width: 2px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.main-divider,
	.secondary-divider {
		width: 2px;
	}
}

@media only screen and (max-width: 767px) {
	.dividers {
		display: none;
	}
}

/*================================================================================================================================================
  01 - Header
================================================================================================================================================*/
#hx-header {  }
#hx-header .navbar {
    padding: 28px 0;
    height: 120px;
}
#hx-header .navbar .container {
	padding-left: 15px;padding-right: 15px;
}
#hx-header .navbar-left {
	display: inline-block;
}
#hx-header .navbar-brand {
	margin-right: 0;
    width: 180px;
    height: 30px;
    background: url(../img/common/logo.png) center/contain no-repeat;
}

#hx-nav {}

#hx-nav ul:nth-child(1) {
	margin-left: auto;
}

#hx-nav ul:nth-child(2) {
	margin-left: auto;
}

#hx-nav ul li {}
#hx-nav ul li .nav-link {
    padding: 10px 15px;
    position: relative;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
	color: #757C7E;
}
#hx-nav ul li .nav-link:hover  {
	color: #141313;
}
#hx-nav ul li.active .nav-link {
	color: #141313;
}
#hx-nav ul li .nav-link:before  {
    content: '';
    position: absolute;
    top: -38px;
    bottom: 0;
    right: auto;
    left: 18px;
    background-color: #007FFD;
    height: 3px;
    width: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; 
}
#hx-nav ul li .nav-link:hover:before  {
    width: calc(100% - 36px);
}
#hx-nav ul li.active .nav-link:before {
    content: '';
    position: absolute;
    top: -38px;
    bottom: 0;
    right: auto;
    left: 18px;
    background-color: #007FFD;
    height: 3px;
    width: calc(100% - 36px);
}
#hx-nav .dropdown-toggle::after {
	background: url('/assets/img/icons/arrow-bottom.png') center no-repeat;
	border: none;
	width: 14px;
	height: 8px;
	vertical-align: 0.2rem;
}
#hx-nav ul li .nav-cta {
    padding: 17.5px 25px;
    display: inline-block;
    margin-left: 22px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #007FFD;
	-webkit-box-shadow: 0px 6px 15px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 6px 15px rgba(0, 127, 253, 0.4);
	width: 184px;
	border-radius: 6px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#hx-nav ul li .nav-cta:hover  {
	-webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	color: #FFFFFF;
	background: #141313;
}

/* For Medium displays : */
@media only screen and (max-width: 1199px) {
	#hx-nav{
		position: fixed;
		left: -100%;
		top:0;
		bottom: 0;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	#menu-btn{
		display: block !important;
		font-size: 22px;
		cursor: pointer;
		z-index: 999999;
	}

	#menu-btn-checkbox:checked + #menu-btn .fa-bars::before {
		content: "\f00d";
	}
	#menu-btn-checkbox:checked + #menu-btn {
		position: fixed;
		text-align: center;
		right: 0;
		left: 0;
		top: 20px;
	}
	#menu-btn-checkbox:checked ~ #hx-nav{
		text-align: center;
		z-index: 99999;
		position: fixed;
		left: 0;
		right: 0;
		top:0;
		bottom: 0;
		background: #fff;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
		padding: 3rem 0;
	}

	#hx-nav ul:nth-child(1) {
		margin-left: 0;
	}
	#menu-btn-checkbox:checked ~ #hx-nav ul li{
		margin: .5em 0;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul{
		display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul:nth-child(2) {
		display: none;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul .launch-cta {
		display: block;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul .launch-cta .nav-cta {
		margin: 0;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul li.active a:before {
		content: none;
	}
	#menu-btn-checkbox:checked ~ #hx-nav > ul li a:hover:before {
		content: none;
	}
	#hx-nav .dropdown-menu {
		text-align: center;
		border: none;
	}
}
@media only screen and (max-width: 767px) {
	#hx-header .navbar-brand {
		width: 130px;
	}
}
/*================================================================================================================================================
  02 - Footer
================================================================================================================================================*/
.hx-footer {
	padding: 272px 0 67px;
    background: #141313;
    margin-top: -220px;
}
.hx-footer .footer-title {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 14px;
}
.hx-footer .description {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: #8298AB;
}
.hx-footer .footer-links {

}
.hx-footer .footer-links.bolded {
	margin-top: -3px;
}
.hx-footer .footer-links li {
	padding: 4px 0;
}
.hx-footer .footer-links.bolded li {
    padding: 0 0 14px;
}
.hx-footer .footer-links .footer-link {
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #B8BABC;
	opacity: 0.8;
}
.hx-footer .footer-links .footer-link:hover {
	opacity: 1;
}
.hx-footer .footer-links.bolded .footer-link {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 1;
}
.hx-footer .newsletter-form {

}
.hx-footer .newsletter-form .input-group {
	margin: 40px 0;
}
.hx-footer .newsletter-form .input-group .form-control {
	border: none;
	background: #E1E9F0;
	border-radius: 0;
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control::-webkit-input-placeholder {
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control::-moz-placeholder {
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control:-ms-input-placeholder {
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control::-ms-input-placeholder {
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control::placeholder {
	color: #8298AB;
}
.hx-footer .newsletter-form .input-group .form-control:focus {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.hx-footer .newsletter-form .input-group .input-group-text {
	background: #E1E9F0;
	border: none;
	border-radius: 0;
	color: #8298AB;

}
.ggl-partner {
    height: 181px;
    background: url('/assets/img/common/ggl-partner1.png') center/contain no-repeat;
    width: 100%;
    max-width: 331px;
    margin-bottom: 122px;
    position: relative;
}
.ggl-partner:before {
	content: '';
    position: absolute;
    top: -71px;
    left: 30px;
    height: 313px;
    width: 361px;
    background: url('/assets/img/common/ggl-partner-bg.png') center no-repeat;
}
.socials {
	
}
.hx-footer .socials .social-links {
	text-align: right;
}
.social-links .social-link {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 20px;
}
.social-links .social-link svg,
.social-links .social-link img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.hx-footer .social-links .social-link svg path {
	fill: #fff
}
.hx-footer .copyright {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 26px;
	color: #E5E5E5;
	opacity: 0.5;
}
.hx-footer .footer-bottom {
	margin-top: -15px;
}
.hx-footer .footer-bottom .footer-logo {
	display: inline-block;
	width: 120px;
	height: 20px;
/*	background: url('/assets/img/common/logo-w.png') center/contain no-repeat; */
	margin-bottom: 10px;
}
.footer-bottom a { width: 120px; height:20px; display:inline-block; position:relative; margin-bottom:0px; margin-top:-15px; }


@media only screen and (min-width: 2560px) {
	.hx-footer {
	    padding: 352px 0 67px;
	}
	.cta-section {
	    height: 1150px;
	    background-size: contain;
	    margin-top: -280px;
	    margin-bottom: -30px;
	}
}
@media only screen and (max-width: 1199px) {
	.ggl-partner {
		margin: 70px auto 110px;
	}
}
@media only screen and (max-width: 767px) {
	.hx-footer {	    
		text-align: center;
	}
	.hx-footer .footer-title {
		margin-top: 40px;
		margin-bottom: 4px;
	}
	.hx-footer .socials .social-links {
		text-align: center
	}
	.social-links .social-link {
		margin: 0 10px;
	}
	.hx-footer .footer-bottom {	    
		text-align: center;
	    margin-top: 30px;
	}
}
/*================================================================================================================================================
  00 - Home
================================================================================================================================================*/
#home-page, .vertical-home-page.chemical, #careers-page {
	background: url('/assets/img/bgs/home.png') top 113px center no-repeat;
}
@media only screen and (max-width: 1600px) {
	#home-page, .vertical-home-page.chemical, #careers-page {
		background: url('/assets/img/bgs/home.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}
#careers-page {
	background: url('/assets/img/home/bg.png') top 113px center no-repeat;
}
@media only screen and (max-width: 1600px) {
	#careers-page {
		background: url('/assets/img/home/bg.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#home-page, #careers-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
}
@media only screen and (max-width: 767px) {
	#home-page, #careers-page {
	    background-position: top -20px left -50px;
    	background-size: 1000px;
	}
}

.bg-center {
    background: url(/assets/img/common/lines.png) center/cover no-repeat;
    height: 2500px;
    width: 100%;
    position: absolute;
    top: 956px;
    left: 0;
    margin: auto;
    z-index: -1;
}
#home-main {}

#home-hero {
	padding-top: 443px;
}
#careers-hero {
	padding-top: 400px;
}

.chemical #home-hero {
    padding-top: 400px;
}

.hero {
	text-align: center;
}
.hero-content {
	margin: 0;
}
.hero-content h1 {
	font-weight: bold;
	font-size: 96px;
	line-height: 75px;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	margin-bottom: 17px;
}
.hero-content h2 {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #FFFFFF;
	margin-bottom: 17px;
}
.hero-content h4 {
	font-weight: 300;
	font-size: 48px;
	line-height: 75px;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	margin-bottom: 16px;
}
.hero-content .description {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	max-width: 500px;
/*	font-size: 15px;
	max-width: 450px; */
	line-height: 20px;
	color: #FFFFFF;	
	margin: 0 auto 45px;
}
.hero-content .cta-content {

}


.hero-with-visual {
	background: #F5F9FC;
	padding: 60px 0;
}
.hero-visual {
	width: 555px;
	height: 500px;
}
.hero-visual img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.hero-with-visual .hero-content {
	margin: 0;
}
.hero-with-visual .hero-content .description {
	margin-bottom: 50px;
}

#home-partners {
	margin: 12px 0 43px;
}
#home-partners .partners-items {
    position: relative;
    padding: 82px 0 0;
    height: 456px;
}
#home-partners .partners-items:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 456px;
	width: 1px;
	background: #007FFD;
}
.partners {

}

.partners .heading {

}
.partners .heading h3 {
	font-weight: 300;
	font-size: 36px;
	line-height: 75px;
	color: #141313;
	margin-bottom: 10px;
}
.partners .vertical-item {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.partners .vertical-item.with-link {
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	border-radius: 4px;
	width: 200px;
	height: 280px;
	margin: 0 auto;
	padding: 60px 0 50px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.vertical-link:hover .vertical-item.with-link,
.vertical-link:focus .vertical-item.with-link {
	background: #007FFD;
	-webkit-box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	        box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
}
.vertical-link:hover .vertical-item.with-link .vertical-item-icon svg path,
.vertical-link:focus .vertical-item.with-link .vertical-item-icon svg path {
	fill: #fff;
}
.vertical-link:hover .vertical-item.with-link p,
.vertical-link:focus .vertical-item.with-link p {
	color: #fff;
}
.partners .vertical-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.partners .vertical-item p {
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #141313;
	max-width: 177px;
	margin: 0 auto;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.partners .vertical-item .vertical-item-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 40px;
}
.partners .vertical-item .vertical-item-icon svg {
	height: 100%;
	width: 100%;
}
.partners .vertical-item .vertical-item-icon svg path {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	fill: #007FFD;
}
.partners .vertical-item.vi1 .vertical-item-icon {
	background: url('/assets/img/icons/chemical.png') center/contain no-repeat;
}
.partners .vertical-item.vi2 .vertical-item-icon {
	background: url('/assets/img/icons/builders.png') center/contain no-repeat;
}
.partners .vertical-item.vi3 .vertical-item-icon {
	background: url('/assets/img/icons/bankruptcy.png') center/contain no-repeat;
}
.partners .vertical-item.vi4 .vertical-item-icon {
	background: url('/assets/img/icons/homeservices.png') center/contain no-repeat;
}
.partners .vertical-item.vi5 .vertical-item-icon {
	background: url('/assets/img/icons/healthcare.png') center/contain no-repeat;
}
.partners .vertical-item.vi6 .vertical-item-icon {
	background: url('/assets/img/icons/smallbusiness.png') center/contain no-repeat;
}

.bg-mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.visual-section {
	height: 387px;
	width: 100%;
	overflow: hidden;
	border-radius:  5px;
}
.visual-section img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

#home-services {
	margin-bottom: 90px;
}
#home-services .heading h2 {
    margin-bottom: 22px;
}
#home-services .video-showcase-rounded {
	margin-bottom: 0;
}



#home-services {

}
#home-services .heading h3 {
	margin-bottom: 22px;
}
#home-services .heading {
	margin-bottom: 48px;
}
#home-services .visual-section {
	margin-bottom: 146px;
}
.service-items {

}
.service-items .service-item {
	text-align: center;
	margin-bottom: 20px
}
.service-items .service-icon {
	background-size: contain !important;
	width: 100px;
	height: 80px;
	margin: 0 auto 25px;
}
.service-items .service-icon a { display:inline-block; width:100%; height:100%; }
.service-items .service-title {
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #141313;
	margin-bottom: 10px;
}
.service-items .service-title a { color:#141313; }
.service-items .service-title a:hover { color:#007bff; }
.service-items .service-description {
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #757C7E;
	max-width: 190px;
	margin: 0 auto;
}
#home-services .service-items .service-item.si-1 .service-icon {
	background: url('/assets/img/icons/website-design.png') center no-repeat;
}
#home-services .service-items .service-item.si-2 .service-icon {
	background: url('/assets/img/icons/lead-generation.png') center no-repeat;
}
#home-services .service-items .service-item.si-3 .service-icon {
/*	background: url('/assets/img/icons/custom-app.png') center no-repeat; */
	background: url('/assets/img/icons/leads.png') center no-repeat;
}
#home-services .service-items .service-item.si-4 .service-icon {
	background: url('/assets/img/icons/proven-partner.png') center no-repeat;
}


#home-services .wistia_responsive_padding {
	height: 100%;
}

.testimonials {

}

.h-divider {
	display: block;
	height: 3px ;
	width: 50px;
	background: #000000;
	margin: 25px 0 15px;
}
.testimonial-author {

}
.testimonial-author .name {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #141313;
	margin-bottom: 8px;
}
.testimonial-author .position {
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #757C7E;
}
.visual-content img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}





.clients-section {

}
.clients-section .heading {

}
.clients-section .heading h6 {
	margin-bottom: 20px;
}
.clients-visuals {
	margin: 55px 0 20px;
	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;
	        -ms-flex-wrap: wrap;
	            flex-wrap: wrap;
}
.clients-section .clients-visuals {
	margin-bottom: 100px;
}
.clients-section .main-divider {
	height: 180px;
}
.clients-section .clients-visuals .visual-item {
	width: 226px; 
	height: 81px;
	margin: 0 15px 20px;
}
.clients-section .clients-visuals .visual-item.TwoTwoZero {
	width: 220px;
	height: 82px;
}
.clients-section .clients-visuals .visual-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.cta-section {
	background: url(/assets/img/common/footer-bg.svg) center no-repeat;
	    margin-top: -152px;
    text-align: center;
    position: relative;
    height: 578px;
    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;
}
.cta-section .container {
	z-index: 1;
}
.cta-section .cta-section-bg {
	/* display: none; */
	background: url('/assets/img/common/footer-bg.svg') center no-repeat;
    background-size: 100%;
    height: 863px;
    position: absolute;
    top: -157px;
    left: 0;
    right: 0;
    width: 100%;
}
.cta-section .section-content {
	padding: 80px;
}
.cta-section .text-content {
	margin-bottom: 42px;
}
.cta-section .text-content h4 {
	font-weight: 500;
	font-size: 36px;
	line-height: 48px;
	color: #FFFFFF;
}
.cta-section .text-content .description {
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: rgba(255,255,255,0.6);
}
.cta-section .cta-content {
	
}
.cta-section .cta-content .hx-cta {
	float: right;	
}


@media only screen and (max-width: 1199px) {
	.clients-visuals {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center
	}
}


@media only screen and (max-width: 991px) {
	#home-partners .partners-items:after {
	    content: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#home-services {
		margin-top: 120px;
	}
	.hero-content h1 {
		font-size: 76px;
	}
}
@media only screen and (max-width: 767px) {
	#home-hero,
	#careers-hero,
	.chemical #home-hero {
    	padding-top: 203px;
	}
	.hero-content h1 {
		font-size: 41px;
    	line-height: 38px;
	}
	.hero-content h4,
	.fullmode-title {
	    font-size: 30px!important;
    	line-height: 35px!important;
	}
	.partners .vertical-item {
		margin-bottom: 90px;
	}
	#home-partners .partners-items {
		height: auto
	}
	.service-items .service-item {
		margin-bottom: 70px;
	}
	#home-services {
		margin-bottom: 50px;
	}
	.services-section {
		padding-top: 40px;
	}
	.hero-content h2 {
		font-size: 37px;
    line-height: 47px;
	}
	.clients-visuals .visual-item {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 340px) {
	.hero-content h1 {
	    font-size: 35px;
	    line-height: 36px;
	}
	.hero-content h4 {
	    font-size: 24px;
	    line-height: 28px;
	}
	.hx-cta-secondary {
		max-width: 100%;
		min-width: 100%;
	}
	.hero-content h2 {
		font-size: 31px;
    	line-height: 37px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 829px) {
	.cta-section .cta-section-bg {
		background-size: 160%;
		top: 18px;
		height: 533px;
	}
}
@media only screen and (min-width: 830px) and (max-width: 880px) {
	.cta-section .cta-section-bg {
		background-size: 160%;
		top: 13px;
		height: 573px;
	}
}
@media only screen and (min-width: 881px) and (max-width: 930px) {
	.cta-section .cta-section-bg {
		background-size: 140%;
	    top: 13px;
	    height: 553px;
	}
}
@media only screen and (min-width: 931px) and (max-width: 956px) {
	.cta-section .cta-section-bg {
		background-size: 140%;
	    top: 13px;
	    height: 553px;
	}
}
@media only screen and (min-width: 957px) and (max-width: 991px) {
	.cta-section .cta-section-bg {
		background-size: 130%;
	    top: 13px;
	    height: 553px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.cta-section .cta-section-bg {
		top: -187px;
	}
	.hx-footer {
	    padding: 282px 0 67px;
	    margin-top: -250px;
	}
}
@media only screen and (max-width: 1440px) {
	.cta-section {
		background: none;
	}
}

@media only screen and (min-width: 1441px) {
	.cta-section .cta-section-bg {
	    display: none;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1660px) {
	.cta-section {
	    height: 750px;
	    margin-top: -240px;
	    background-size: 100%;
	}
	.hx-footer {
	    padding: 320px 0 67px;
    	margin-top: -250px;
	}
}

@media only screen and (min-width: 1661px) and (max-width: 1919px) {
	.cta-section {
	   height: 868px;
    margin-top: -270px;
	}
	.hx-footer {
	   padding: 420px 0 67px;
    	margin-top: -295px;
	}
}

@media only screen and (min-width: 1920px) and (max-width: 2339px) {
	.hx-footer {
    	padding: 400px 0 67px;
	    margin-top: -360px;
	}
	.cta-section {
        height: 1050px;
	    background-size: 100%;
	    margin-top: -330px;
	    margin-bottom: -30px;
	}
}
@media only screen and (min-width: 2340px) and (max-width: 2559px) {
	.hx-footer {
	    padding: 500px 0 67px;
	    margin-top: -460px;
	}
	.cta-section {
	    height: 1390px;
	    background-size: 110%;
	    margin-top: -390px;
	    margin-bottom: -50px;
	}
}
@media only screen and (min-width: 2560px) and (max-width: 2880px) {
	.hx-footer {
	    padding: 352px 0 67px;
	    margin-top: -430px;
	}
	.cta-section {
	    height: 1390px;
	    background-size: 110%;
	    margin-top: -350px;
	    margin-bottom: -50px;
	}
}
@media only screen and (min-width: 2881px) and (max-width: 3232px) {
	.hx-footer {
        padding: 382px 0 67px;
    	margin-top: -500px;
	}
	.cta-section {
	    height: 1570px;
	    background-size: 110%;
	    margin-top: -380px;
	    margin-bottom: -50px;
	}
}
@media only screen and (min-width: 3233px) and (max-width: 3499px) {
	.hx-footer {
	      padding: 452px 0 67px;
    margin-top: -530px;
	}
	.cta-section {
	    height: 1570px;
	    background-size: 100%;
	    margin-top: -380px;
	    margin-bottom: -50px;
	}
}
@media only screen and (min-width: 3500px) {
	.hx-footer {
	    padding: 452px 0 67px;
    	margin-top: -550px;
	}
	.cta-section {
	    height: 1665px;
	    background-size: 100%;
	    margin-top: -380px;
	    margin-bottom: -50px;
	}
}

@media only screen and(max-width: 575px) {
	.partners .vertical-item.with-link {
		width: 100%;
	}
}
.testimonials .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.testimonials .slick-dots {
	position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    display: block;
    height: 15%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    margin: 215px auto auto;
    list-style: none;
    text-align: center;
}
.testimonials .slick-dots li {
	display: block;
	width: 10px;
	height: 10px;
	margin: 15px 0;
}
.testimonials .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 2px;
    cursor: pointer;
    color: transparent;
    background-color: #E5E5E5;
    border: none;
    border-radius: 50%;
    -webkit-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    transition: opacity .6s ease;
}
.testimonials .slick-dots li.slick-active button {
    background-color: #007FFD;
}
.testimonials .slick-dots li button:before {
	content: none;
}
.testimonials .section-with-visual {
    background: url('/assets/img/common/quote.png') left 30px top no-repeat;
    padding-top: 25px;
}
.testimonials .section-with-visual .text-content {
/*	margin-top: 63px; */
	margin-top: 0px;
}
.testimonials .section-with-visual .visual-content {
	height: 616px;
	max-width: 473px;
	width: 100%;
	margin-left: auto;
	margin-right: 50px;
}
.section-with-visual .text-content .quote {
	margin-bottom: 56px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-with-visual .text-content .quote {
		font-size: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-with-visual .text-content .quote {
		    font-size: 24px;
    line-height: 32px;
	}
	.testimonials .section-with-visual .visual-content {
		    height: 416px;
	}
	.testimonials .section-with-visual .text-content {
		margin-top: 0;
	}
}


@media only screen and  (max-width: 767px) {
	.testimonials .section-with-visual {
		background-size: 240px;
		background-position-y: 0px;
		background-position-x: center;
		padding-top: 60px;
	}
	.testimonials .section-with-visual .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse
	}
	.testimonials .section-with-visual .text-content {
		text-align: center;
		margin-top: 0;
	}
	.section-with-visual .text-content .quote {
		font-size: 21px;
    line-height: 36px;
	}
	.testimonials .section-with-visual .visual-content {
		height: 436px;
   		 max-width: 473px;
	}
	.testimonials .slick-dots {
		    height: 10px;
    	width: 100%;
	    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;
	    bottom: 0;
    top: auto;
	}
	.testimonials .slick-dots li {
		margin: 0 10px;
	}
	.cta-section .section-content {
		padding: 0;
	}
	.cta-section .text-content h4 {
		    font-size: 30px !important;
    	line-height: 36px !important;
	}
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 300%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and (min-width: 671px) and (max-width: 767px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 130%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and (min-width: 571px) and (max-width: 670px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 150%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and (min-width: 455px) and (max-width: 570px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 180%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and (min-width: 426px) and (max-width: 454px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 230%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 425px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 260%;
    	height: 413px;
		top: 0;
	}
}
@media only screen and  (max-width: 375px) {
	.cta-section {
		height: 413px;
	}
	.cta-section .cta-section-bg {
		    background-size: 300%;
    	height: 413px;
		top: 0;
	}
}
/*================================================================================================================================================
  00 - Digital Marketing
================================================================================================================================================*/
#services-page {
	background: url('/assets/img/bgs/digital-marketing.png') top 113px center no-repeat;
}

@media only screen and (max-width: 1600px) {
	#services-page{
		background: url('/assets/img/bgs/digital-marketing.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	#services-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
}

@media only screen and (max-width: 767px) {
	#services-page{
		background-position: top -20px left -90px;
    	background-size: 1000px;
	}
}

#services-page .hero .hero-content {
	margin:  0;
}


#services-hero {
	padding-top: 403px;
}

.navbar-pages {
	margin-top: 20px;
}
.navbar-pages .navbar-nav {
	border-bottom: 1px solid rgba(130,152,171,0.35);
}
.navbar-pages .navbar-nav .nav-link {
	position: relative;
}
.navbar-pages .navbar-nav .nav-link:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: .5rem;
	width: 0;
	height: 3px;
	background: #007FFD;
    width: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.navbar-pages .navbar-nav .nav-link:hover:after,
.navbar-pages .navbar-nav .nav-link.active:after {
	width: calc(100% - 1rem);
}
.navbar-pages .nav-link-content {
	height: 100px;
	margin-bottom: 10px;
}
.navbar-pages .nav-link-icon {
	width: 40px;
	height: 40px;
	margin: 0 auto 20px;
	background-size: contain!important;
}
.navbar-pages .nav-link-title {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #757C7E;
	width: 133px;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.navbar-pages .navbar-nav .nav-link.active .nav-link-title,
.navbar-pages .navbar-nav .nav-link:hover .nav-link-title {
	font-family: Rubik;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
color: #141313;
}
.navbar-pages .nav-link-content.nc-1 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-2 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-3 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-4 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-5 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-6 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-7 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}
.navbar-pages .nav-link-content.nc-8 .nav-link-icon {
	background: url('/assets/img/icons/inbound.png') center no-repeat;
}




.service-showcase {
	margin-top: 63px;
	margin-bottom: 150px;
}
.service-showcase .section-with-visual .visual-content img {
	-o-object-fit: cover;
	   object-fit: cover;
}
.service-showcase .section-with-visual .text-content {
	padding-top: 70px;
}
.service-showcase .section-with-visual .text-content h2 {
	margin-bottom: 27px;
}
.service-showcase .section-with-visual .text-content .description {
	max-width: 400px;
}

#services-service-stats {
	height: 567px;
	background: url('/assets/img/common/devices.png') left top no-repeat;
	margin-bottom: 178px;
}
#services-service-stats .visual-content {
	display: none;
}
.service-stats {
	margin: 94px 0 0;
}
.service-stats .section-with-visual .text-content h2 {
	margin-bottom: 20px;
}
.service-stats .section-with-visual .text-content .description {
	max-width: 400px;
	margin-bottom: 40px;
}
.service-stats .section-with-visual .content-list .content-list-item .sub-title {
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #141313;
	max-width: 230px;
	text-transform: lowercase
}


.service-details {
	margin: 93px 0 97px;
}
.service-details .heading {
	margin-bottom: 50px;
}
.service-details .heading h2 {
	margin-bottom: 20px;
}
.service-details .heading .description {
	max-width: 800px;
	margin: 0 auto;
}
.video-cta {
	text-align: center;
	margin-bottom: 43px;
}
.video-cta a {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #007FFD;
    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;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.video-cta a:hover,
.video-cta a:focus {
	color: #141313;
}
.video-cta img,
.video-cta svg {
	width: 80px;
	height: 60px;
	margin-right: 20px;
	-o-object-fit: contain;
	   object-fit: contain;
}
.video-cta svg path {
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.video-cta a:hover svg path,
.video-cta a:focus svg path {
	fill: #141313;
}
.service-details .visual-section {
	max-width: 1144px;
	height: 444px;
	margin: 0 auto 107px;
}
.details-section {
	max-width: 852px;
	margin: 0 auto 0;
}
.details-section h6 {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #141313;
    margin-bottom: 13px;
}
.details-section ul, .ServiceDetail ul {
	padding-left: 26px;
}
.details-section ul li, .ServiceDetail ul li {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #757C7E;
	padding: 10px 0;
	list-style: url('/assets/img/icons/check.png');
}
#services-service-platform {
	margin: 133px 0 182px;
}
#services-service-platform .section-with-visual .text-content {
	padding-left: 70px;
}
#services-service-platform .section-with-visual .visual-content img {
	-o-object-fit: cover;
	   object-fit: cover;
}
#services-service-platform .section-with-visual .video-showcase-rounded {
	height: 430px;
	width: 520px;
	margin-bottom: 0;
}
.service-platform {

}
.service-platform .text-content h2 {
	max-width: 508px;
	margin-bottom: 20px;
}
.service-platform .text-content .description {
	margin-bottom: 20px;
	max-width: 470px;
}



@media only screen and (min-width: 1441px) {
	#services-service-stats {
		background: none;
	}
	#services-service-stats .visual-content {
		display: block;
	    max-width: 635px;
	    height: auto;
	}
}
@media only screen and (max-width: 1199px) {
	.service-stats .section-with-visual .text-content h2 br {
		display: none;
	}
	#services-service-platform .section-with-visual .text-content {
    	padding-left: 0;
	}
	.navbar-pages .navbar-collapse {
		overflow: hidden;
	}
	.navbar-pages .navbar-nav::-webkit-scrollbar {
		height: 2px;
	}
	.navbar-pages .navbar-nav::-webkit-scrollbar-thumb {
		background: rgba(130,152,171,0.55);
	}
	.navbar-pages .navbar-nav {
		overflow: scroll;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#services-hero {
		padding-top: 477px!important;
	}
	#services-service-stats {
		background-size: 50%;
		background-position: left center;
		margin-bottom: 50px;
	}
	#services-service-platform .section-with-visual .video-showcase-rounded {
		margin-top: 40px;
	}
	#services-service-platform {
		    margin: 133px 0 82px;
	}
}

@media only screen and (max-width: 991px) {
	.service-platform .text-content {
		text-align: center
	}
	.service-platform .text-content h2,
	.service-platform .text-content .description {
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 767px) {
	#services-hero {
		padding-top: 197px;
	}
	.service-showcase .section-with-visual .visual-content {
	    max-width: 345px;
	    height: 390px;
	    margin: 0 auto;
	}
	.service-showcase .section-with-visual .text-content {
		text-align: center;
	}
	.service-showcase {
		margin-bottom: 90px;
	}
	#services-service-stats {
		background: none;
		height: auto;
	    margin-bottom: 30px;
	}
	#services-service-stats .visual-content {
		display: block;
	}
	#services-service-stats .section-with-visual .text-content h2,
	#services-service-stats .section-with-visual .text-content .description {
		text-align: center;
	}
	.service-details .visual-section {
	    max-width: 345px;
	    height: 390px;
	    margin: 0 auto 55px;
	}
	.service-details {
		margin: 93px 0 37px;
	}
	#services-service-platform {
		margin: 82px 0;
	}
}
/*================================================================================================================================================
  00 - Websites & Interactive
================================================================================================================================================*/
#web-interactive-page {
	background: url('/assets/img/bgs/web-design.png') top 113px center no-repeat;
}
#web-interactive-page .cta-section {
	margin-top: 140px;
}
@media only screen and (max-width: 1600px) {
	#web-interactive-page{
		background: url('/assets/img/bgs/web-design.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	#web-interactive-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
}

@media only screen and (max-width: 767px) {
	#web-interactive-page{
	    background-position: top -20px left -50px;
    	background-size: 1000px;
	}
}

#web-interactive-hero {
	padding-top: 403px;
}

.navbar-clients {
	max-width: 810px;
	margin: 20px auto 54px;
}
.navbar-clients .navbar-nav {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.navbar-clients .navbar-nav .nav-link,
.collapse-header-res .collapse-link {
	position: relative;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
/*	font-size: 11px; */
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #757C7E;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.collapse-header-res {
	margin-bottom: 40px;
}
.collapse-header-res .collapse-link {
	display: block;
}
.navbar-clients .navbar-nav .nav-link.active,
.navbar-clients .navbar-nav .nav-link:hover,
.collapse-header-res .collapse-link:not(.collapsed) {
	font-weight: bold;
/*	font-size: 14px; */
	font-size:18px;
	letter-spacing: 2px;
	color: #141313;
}
.navbar-clients .navbar-nav .nav-link:after,
.collapse-header-res .collapse-link .collapse-title:after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: 0.5rem;
	width: 0;
	height: 3px;
	background: #007FFD;
    width: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.navbar-clients .navbar-nav .nav-link.active:after,
.collapse-header-res .collapse-link:not(.collapsed) .collapse-title:after {
	width: calc( 100% - 1rem );
}
.navbar-clients .navbar-nav .nav-link:hover:after {
	width: calc( 100% - 1rem );
}
.navbar-clients .nav-link-content {
	height: 100px;
	margin-bottom: 10px;
}



.clients-grid {
	margin-bottom: 260px;
}
.clients-grid .row {
	max-width: 1140px;
	margin: 0 auto;
}
.clients-grid .client-card {
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	border-radius: 4px;
	padding: 45px 20px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 580px;
	max-width: 555px;
	margin: 0 auto 40px;
	position: relative;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.clients-grid .client-card:hover {
	padding: 45px 20px 124px;
	background: #007FFD;
	-webkit-box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	        box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
}
.clients-grid .client-card:hover .card-content .title {
	color: #fff;
}
.clients-grid .client-card:hover .card-content .description {
	color: #F8EDDE;
}
.clients-grid .card-content {
	text-align: center;
}
.clients-grid .client-card .card-content .title {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 48px;
	color: #141313;
}
.clients-grid .client-card .card-content .description {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #757C7E;
}
.clients-grid .client-card .hx-cta-secondary {
/*	min-width: 193px;
	max-width: 193px; */
	min-width: 233px;
	max-width: 233px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-transition-delay: 0.1s;
	     -o-transition-delay: 0.1s;
	        transition-delay: 0.1s;
	bottom: 38px;
	left: 0;
	right: 0;
	margin: auto;
}
.clients-grid .client-card:hover .hx-cta-secondary {
	opacity: 1;
	visibility: visible;
}



.loader {
  	margin: 42px auto 0;
  	text-indent: -9999em;
  	width: 60px;
  	height: 60px;
  	border-radius: 50%;
 	background: url('/assets/img/icons/loader.png') center no-repeat;
    background-size: contain!important;
  	position: relative;
  	-webkit-animation: load3 3s infinite linear;
  	animation: load3 3s infinite linear;
  	-webkit-transform: translateZ(0);
  	-ms-transform: translateZ(0);
  	transform: translateZ(0);
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
	#web-interactive-hero {
		padding-top: 477px;
	}
}

@media only screen and (max-width: 767px) {
	#web-interactive-hero {
		padding-top: 197px;
	}
	.clients-grid .client-card {
		max-width: 555px;
	    height: 450px;
	}
	.navbar-clients .navbar-collapse {
		overflow-x: hidden;
	}
	.navbar-clients .navbar-nav {
		overflow-x: scroll;
	}
	.navbar-clients .navbar-nav .nav-link {
		white-space: nowrap;
	}
}

/*================================================================================================================================================
  00 - About Us
================================================================================================================================================*/

#about-page {
	background: url('/assets/img/bgs/about-us.png') top 113px center no-repeat;
}
@media only screen and (max-width: 1600px) {
	#about-page{
		background: url('/assets/img/bgs/about-us.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	#about-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
}

@media only screen and (max-width: 767px) {
	#about-page{
	    background-position: top -20px left -110px;
    	background-size: 1000px;
	}
	#about-page #about-hero {
		padding-top: 50px;
	}
	#about-hero .hero-content .main-divider,
	#about-page .main-divider {
		height: 180px;
		margin: 40px auto;
	}

}

#about-hero {
	padding-top: 315px;
/*	padding-top: 403px; */
}
#about-hero .hero-content {
	margin: 0;
}
#about-hero .hero-content .main-divider {
	margin-top: 170px;
}



#about-page .clients-section {
	margin: 12px 0 50px;
}



#about-details {
	margin: 105px 0 165px;
	background: url('/assets/img/common/placeholder-square.png') top 279px right no-repeat;
	background-size: 50%;
}
#about-details .heading {
	margin-bottom: 70px;
}
#about-details .section-with-visual {

}
#about-details .section-with-visual .visual-content {
	display: none;
}
#about-details .section-with-visual .text-content {
	padding-left: 70px;
    padding-top: 56px;
    max-width: 572px;
}
#about-details .section-with-visual h6 {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #8298AB;
	margin-bottom: 20px;
}
#about-details .heading h2 {
	max-width: 727px;
	margin: 0 auto 0;
}
#about-details .section-with-visual .description {
 	margin-bottom: 30px;
}
#about-details .section-with-visual .content-list {

}
#about-details .section-with-visual .content-list-item {
	margin-bottom: 30px;
}
#about-details .section-with-visual .sub-visual {
	margin-bottom: 10px;
}

#about-details .section-with-visual .visual-content {
	max-width: 485px;
	height: 555px;
	margin-left: auto
}


#about-whychoose {
	margin: 79px 0 55px;
}
#about-whychoose .heading {
	margin-bottom: 56px;
}
#about-whychoose .heading h2 {
	margin-bottom: 10px;
}
#about-whychoose .heading .description {
	font-size: 18px;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
#about-whychoose .service-items {
	padding-left: 70px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#about-whychoose .service-items .service-icon {
	margin: 0 0 10px;
	height: 40px;
	width: 40px;
}
#about-whychoose .service-items .service-item {
	text-align: left;
}
#about-whychoose .service-items .service-item .details-section ul {
	padding-left: 20px;
}
#about-whychoose .service-items .service-item .details-section ul li {
	padding: 0;
    list-style: disc;
}
#about-whychoose .service-items .service-item.si-1 .service-icon {
	background: url('/assets/img/icons/sv1.png') center no-repeat;
}
#about-whychoose .service-items .service-item.si-2 .service-icon {
	background: url('/assets/img/icons/sv2.png') center no-repeat;
}
#about-whychoose .service-items .service-item.si-3 .service-icon {
	background: url('/assets/img/icons/sv3.png') center no-repeat;
}
#about-whychoose .service-items .service-item.siC-3 .service-icon {
	background: url('/assets/img/icons/service2.svg') center no-repeat;
}


.team-carousel {
	margin: 120px 0 156px;
}
.team-carousel .team-item {
	padding-left: 70px;
	
}
.team-carousel  .title {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #141313;
	margin-bottom: 12px;
	text-align: center;
}
.team-carousel .team-item {
	margin-bottom: 20px;
}
.team-carousel .team-item .description {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	color: #757C7E;
}
.team-carousel .team-item .team-member {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.team-carousel .team-item .team-member .member-visual {
	height: 347px;
	width: 263px;
	overflow: hidden;
}
.team-carousel .team-item .team-member .member-visual img {
	/*height: 100%;*/
	min-height: 100%;
	width: 100%;
}
.team-carousel .team-item .team-member .member-info {
	padding-left: 30px;
}
.team-carousel .team-item .team-member .member-info h6 {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #757C7E;
}
.team-carousel .team-item .team-member .member-info .name {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 48px;
	color: #141313;
	margin-left: -100px;
	margin-top: 120px;
	max-width: 230px;
}
.team-carousel .team-item .team-member .member-info .social-links {
	margin-top: 73px;
}
.team-carousel .team-item .team-member .member-info .social-links .social-item {
	
}

.team-carousel .slick-prev {
	display: none!important;
}
.team-carousel .slick-next {
	background: #007FFD;
	-webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	border-radius: 6px;
	border: none;
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 185px;
	min-width: 185px;
	padding: 17.5px 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    left: 490px;
    bottom: -80px;
    z-index: 1;
}
.team-carousel .slick-next:hover {
    -webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
    box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
    color: #FFFFFF;
    background: #141313;
}
.team-carousel .slider__counter {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #757C7E;
    position: absolute;
    left: 88px;
    bottom: -70px;
}

#about-page .cta-section {
	margin-top: 0;
}



@media only screen and (max-width: 991px) {
	#about-details .section-with-visual .text-content {
		padding-left: 0;
	}
	#about-details {
		background: none;
		margin: 105px 0;
	}
	#about-details .section-with-visual .visual-content {
		display: block;
	}
	#about-whychoose .service-items {
		padding-left: 15px;
	}
	.team-carousel .team-item {
		padding-left: 0;
	}

}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	#about-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
	#about-hero {
	    padding-top: 533px;
	}
	#about-details .section-with-visual .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	#about-details .section-with-visual .content-list-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#about-details .section-with-visual .sub-visual {
		margin-right: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.team-carousel .team-item .title {
		text-align: center
	}
	.team-carousel .team-item .description {
		text-align: center;
		max-width: 500px;
		margin: 0 auto 30px;
	}
}

@media only screen and (min-width: 1441px) {
	#about-details {
		background: none;
	}
	#about-details .section-with-visual .visual-content {
		display: block;
	    max-width: 635px;
	    height: auto;
	}
}

@media only screen and (max-width: 767px) {
	.details-section ul {
		margin-bottom: 50px;
	}
	#about-details {
		margin-bottom: 60px;
	}
	#about-details .section-with-visual {
		text-align: center;
	}
	#about-details .section-with-visual .visual-content{
		height: auto;
	}
	#about-details .section-with-visual .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	#about-details .section-with-visual .sub-visual {
		margin: 0 auto 10px;
	}
	#about-details .section-with-visual .content-list .content-list-item .sub-title {
		margin: 0 auto;
	    max-width: 250px;
	}
	#about-details .heading {
		margin-bottom: 30px;
	}
	.team-carousel .team-item .team-member {
		margin: 30px 0 0;
	}
	.team-carousel .slider__counter {
		left: 15px;
	}
	.team-carousel .slick-next {
		left: 110px;
	}
	#about-page .clients-section .visual-item {
		margin-bottom: 40px;
	}
}

/*================================================================================================================================================
  00 - Resources
================================================================================================================================================*/

#resources-page {
	background: url('/assets/img/bgs/resources.png') top 113px center no-repeat;
}
@media only screen and (max-width: 1600px) {
	#resources-page{
		background: url('/assets/img/bgs/resources.png') top 96px right no-repeat;
	    background-size: 95.9%;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	#resources-page {
	    background-position: top -90px left;
	    background-size: 1780px;
	}
}
@media only screen and (max-width: 767px) {
	#resources-page{
	    background-position: top -20px left -50px;
    	background-size: 1000px;
	}
}


#resources-hero {
	padding-top: 403px;
}
#resources-hero .hero-content {
	margin: 0;
}
#resources-hero .hero-content .main-divider {
	margin-top: 170px;
}



.resources-content {
	margin: 50px 0;
}
.resource-card {
	max-width: 360px;
	margin: 0 auto 50px;
}
.resource-card:hover .recource-card-img {
	-webkit-box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
	        box-shadow: 0px 40px 60px rgba(0, 127, 253, 0.35);
}
.resource-card .resource-card-img {
	max-width: 360px;
	height: 293px;
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	border-radius: 4px;
	margin-bottom: 30px;
}
.resource-card .resource-card-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.resource-card .resource-card-details {
}

.resource-card .resource-card-details .category {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	background: -webkit-linear-gradient(52.94deg, #007FFD -0.11%, #8EEEF4 81.46%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 15px;
}
.resource-card .resource-card-details .title {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #141313;
	margin-bottom: 20px;
}
.resource-card .resource-card-details .date {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #757C7E;
}


#resources-page .cta-section {
	margin-top: 150px;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	#resources-hero {
		    padding-top: 533px;
	}
}
@media only screen and (max-width: 767px) {
	#resources-hero {
		padding-top: 195px;
	}
}
/* ===============================================================================================================
	Blog Post 
============================================================================================================= */ 

#post-page .cta-section {
	margin-top: 86px;
}


.post-hero {
	margin-bottom: 80px;
}
.post-hero .visual{
	width: 100%;
	max-width: 1160px;
	display: block;
	margin: 32px auto 20px;
}
.post-hero .heading {
	max-width: 856px;
	margin: 20px auto 0;
}


.author-card {
	margin: auto;
	padding: 28px 0;
	border-top: 1px solid rgba(0,127,253, 0.4);
	border-bottom: 1px solid rgba(0,127,253, 0.4);
	display: flex;
	align-items: center;
}
.post-content .author-card {
	max-width: 595px;
	margin-bottom: 50px;
}
.author-card .author-info {
	max-width: 206px;
	margin-left: 16px;
	margin-right: 28px;
}
.author-card .author-name {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: var(--Black);
	margin-bottom: 16px;
}
.post-content .author-card .socials,
.post-content .author-card .socials-list {
	display: flex;
	align-items: center;
}
.post-content .author-card .socials-list {
	margin-left: 16px;
}
.post-content .author-card .social-link {
	margin-right: 16px;
}
.post-content .author-card .social-link svg {
	width: 24px;
	height: 24px;
}
.post-content .author-card .social-link path {
	fill: var(--Grey-light);
}

.post-section {
	text-align: center;
	margin-bottom: 50px;
	color: var(--Grey-light);
}
.post-section .heading {
	max-width: 608px;
	margin: 0 auto 20px;
}
.post-section .paragraph, body#post-page .post-section p {
	max-width: 790px;
/*	margin: 0 auto 40px; */
	margin: 0 auto 25px;
}
.post-section ul {
	text-align: left;
	max-width: 691px;
	margin: 29px auto 40px;
}
.post-section .heading h4, body#post-page .post-section h4, body#post-page .post-section h1, body#post-page .post-section h2, body#post-page .post-section h3, body#post-page .post-section h5 {
	font-weight: 500;
	line-height: 48px;
}

.about-author .hx-card .info{
	display: flex;
}
.about-author .hx-card .visual {
	width: 105px;
	height: 112px;
	margin-right: 16px;
}
.about-author .hx-card .visual img {
	width: 100%;
	height: auto;
}
.about-author .info .title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 8px;
}

@media all and (max-width: 767px) {
	.post-hero {
		margin-bottom: 40px;
	}
	.post-hero .visual {
		min-height: 250px;
	}
	.author-card {
		flex-direction: column;
	}
	.author-card .author-pic {
		margin-bottom: 20px;
	}
	.author-card .author-name {
		margin-bottom: 10px;
		text-align: center;
	}
	.author-card .author-position {
		margin-bottom: 20px;
		text-align: center;
	}
	.dotted-list li{
		margin-left: 20px;
		list-style-position: outside!important;
	}
}
/* ===============================================================================================================
	Careers 
============================================================================================================== */ 

#careers-page .cta-section {
	margin-top: 160px;
}
.bg-center-secondary{
	height: 100%;
	top: 0;
}

.careers-section {
	margin-top: 60px;
}
.career-card {
	margin-bottom: 8px;
	border-radius: 3px;
	background: #ffffff;
	border: 2px solid #B8BABC;
	padding: 28px 60px 40px;
	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;
} 

.career-card .heading {
	text-align: left;
}
.career-card .heading h4 {
	margin-bottom: 8px;
	font-weight: 500;
	line-height: 48px;
}
.career-card .heading p.text-xs {
	color: var(--Grey-light);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.career-card .hx-cta {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}
@media all and (max-width: 767px) {
	.career-card {
		flex-direction: column;
		padding: 40px 15px;
	}
	.career-card .heading {
		margin: 40px;
		text-align: center;
	}
}
/* --------------------- career details --------------------- */ 
.career-description {
	padding: 160px 0 40px;
	margin-top: 310px;
}

.section-w-description .heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	color: var(--Grey-light);
	margin-bottom: 40px;
}

.section-w-description .heading::after {
	content: "";
	display: inline-block;
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 883px;
	height: 1px;
	margin-left: 40px;
	background-color: rgba(0,127,253, 0.4);
}
.section-w-description .info-block {
	margin-bottom: 40px;
}
.section-w-description .info-block h4{
	max-width: 370px;
	line-height: 150%;
	color: var(--Black);
}
.section-w-description .info-block .paragraph{
	margin-bottom: 20px;
	max-width: 649px;
	color: var(--Grey-light);
}
.section-w-description .info-block .dotted-list li{
	list-style-position: inside;
	margin-bottom: 8px;
	color: var(--Grey-light);
}


.application-section {
	padding-top: 80px;	
}
.application-section .heading {
	max-width: 556px;
	margin: 0 auto 24px;
}
.application-section .heading h4 {
	margin-bottom: 8px;
}
.application-section .heading p.text-md {
	max-width: 380px;
	margin: 8px auto 0;
	color: var(--Grey-light);
}
input[type="file"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	opacity: 0;
	z-index: -1;
	position: absolute;
}
.file-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 9px !important;
}
.file-input .file-chosen {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	color: var(--Black);
}
.file-input .file-button {
	background-color: var(--Black);
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 12px;
	padding: 10px 16px;
	line-height: 100%;	
	height: auto;
	border-radius: 6px;
	margin-right: 10px;
	margin-bottom: 0;
}

.job-application .cta-links {
	margin-top: 80px !important;
}
.job-application .cta-links .hx-cta {
	width: auto !important;
}
.job-application .form-group textarea.form-control {
	height: 109px !important;
}
.job-application .form-group {
	margin-bottom: 20px;
}
@media all and (max-width: 767px) {
	.career-description {
		padding: 40px 0 0;
	}
	.application-section {
		padding-top: 40px;
	}
	.section-w-description .heading {
		margin-bottom: 40px;
	}
	.section-w-description .heading-4 {
		font-size: 22px;
		margin-bottom: 10px;
	}

}
/* ==========================================================================
 Webinar
=========================================================================== */ 
#webinar-page .cta-section {
	margin-top: 120px;
}
#webinar-page .webinar-hero .heading{
	max-width: 750px;
	margin: 120px auto 40px;	
}
.webinar-description {
	margin: 80px 0 0;
}


/* -------- webinar details ----------- */ 
.webinar-details-hero {
	padding: 140px 0 0;
	margin-bottom: 80px;
}
.webinar-details-hero .heading h6 {
	color: var(--Black);
	font-weight: 700;
}
.webinar-details-hero .heading h2 {
	max-width: 740px;
	margin: 10px auto 32px;
}
.webinar-details-hero .heading .cta-container {
	margin-bottom: 40px;
}
.webinar-details-hero .author-card {
	max-width: 790px;
}

.webinar-details {
	margin-bottom: 80px;
}
@media all and (max-width: 991px) {
	#webinar-page .webinar-hero .heading {
		margin-top: 40px;
	}
	.webinar-details-hero {
		padding-top: 80px;
	}
}
@media all and (max-width: 767px) {
	.webinar-details-hero .author-card {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.webinar-details-hero .author-info{
		margin-bottom: 20px;
	}
}
/*================================================================================================================================================
  00 - Contact
================================================================================================================================================*/

#contact-page {
}

#contact-page .bg-center {
	background: url('/assets/img/verticals/lines-contact.png') center/cover no-repeat;
	top: 186px;
}

#contact-main {
}

.contact-card {
    margin-top: 8px;
    margin-bottom: 240px;
}
.contact-card .contact-card-content {
	max-width: 946px;
	margin: 0 auto;
}
.contact-card .contact-card-map {
	height: 282px;
	background: url('/assets/img/common/map.png') center/contain no-repeat;
	border-radius: 20px;
	position: relative;
}
.contact-card .contact-card-map .map-indicator {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 3px solid #007FFD;
	-webkit-box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	        box-shadow: 0px 10px 40px rgba(0, 127, 253, 0.4);
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 119px;
	bottom: auto;
	left: -50px;
	right: 0;
	margin: auto;
}
.contact-card .contact-card-map .map-indicator:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #007FFD;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contact-card .contact-card-map .map-tooltip {
	width: 290px;
	height: 173px;
	background: #007FFD;
	border-radius: 6px;
	padding: 28px 20px;
	position: absolute;
	top: 48px;
	right: 155px;
}

.contact-card .contact-card-map .map-tooltip .name {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
}
.contact-card .contact-card-map .map-tooltip .address {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #F8EDDE;
	margin-bottom: 14px;
}
.contact-card .contact-card-map .map-tooltip .open-hours {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #F8EDDE;
}
.contact-card .contact-card-map .map-tooltip:after {
	border-bottom: solid transparent 10px;
	border-left: solid transparent 10px;
	border-right: solid #007FFD 10px;
	border-top: solid transparent 10px;
  content: " ";
  height: 0;
  top: 0;
  bottom: 0;
  left: -20px;
  margin: auto;
  position: absolute;
  width: 0;
}


.contact-card .contact-info-item {
	
}
.contact-card .contact-info-item .card-info-icon {
	margin: 0 auto 20px;
}
.contact-card .contact-info-item.address .card-info-icon {
	height: 44px;
	width: 39.3px;
	background: url('/assets/img/icons/location.svg') center/contain no-repeat;
}
.contact-card .contact-info-item.email .card-info-icon {
	height: 44px;
	width: 44px;
	background: url('/assets/img/icons/email.svg') center/contain no-repeat;
}
.contact-card .contact-info-item.phone .card-info-icon {
	height: 44px;
	width: 42.3px;
	background: url('/assets/img/icons/phone.svg') center/contain no-repeat;
}
.contact-card .contact-info-item .card-info-description {
	font-family: Rubik;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #141313;
}


.contact-card .contact-card-body {
	padding: 72px 0 71px; 
}

.contact-card .contact-card-body .heading h3 {
 	margin-bottom: 22px;
}
.contact-card .contact-card-body .heading {
    margin-bottom: 61px;
}
.contact-card .contact-card-body .cta-links .hx-cta {
	max-width: 185px;
}

.contact-card .contact-card-footer {
	padding: 58px 40px;
}


.contact-card .schedule-form .cta-links {
	margin-top: 40px;
}

#contact-page .cta-section {
	margin-top: 100px;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.contact-card .contact-card-map .map-tooltip {
		    right: 40px;
	}
}
@media only screen and (max-width: 991px) {
	.contact-card {
		margin-bottom: 100px;
	}
}
@media only screen and (max-width: 767px) {
	.contact-card .contact-card-map {
		background-size: cover;
		margin-bottom: 50px;
	}
	.contact-card .contact-card-map .map-tooltip {
	    bottom: 0;
	    top: 250px;
	    right: 0;
	    left: 0;
	    margin: auto;
	}
	.contact-card .contact-card-map .map-indicator {
		left: 0;
	}
	.contact-card .contact-card-map .map-tooltip:after {
	    left: 0;
	    border-bottom: solid #007FFD 10px;
	    border-left: solid transparent 10px;
	    border-right: solid transparent 10px;
	    border-top: solid transparent 10px;
	    bottom: auto;
	    top: -20px;
	    margin: 0 auto;
	    right: 0;
	}
	.contact-card .contact-info-item {
		margin-bottom: 70px;
	}
	.contact-card .heading .description {
		font-size: 18px;
	}
	.contact-card .heading .description br {
		display: none;
	}
}
/*================================================================================================================================================
  00 - Verical
================================================================================================================================================*/
#vertical-page {background: url('/assets/img/verticals/bg.png');background-position: top 113px center;background-repeat: no-repeat;}
@media only screen and (max-width: 1600px) {
	#vertical-page{
		/*background: url('/assets/img/verticals/bg.png') top 96px right no-repeat;*/
		background-position: top 110px right;
		background-size: 95.9%;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	#vertical-page{
	    background-position: top 120px left -120px;
	    background-size: 1780px;
	}
}
@media only screen and (max-width: 767px) {
	#vertical-page{
	    background-position: top 170px left -110px;
    	background-size: 1000px;
	}
}

#vertical-page .main-divider,
#vertical-page .main-divider-sm {
    background: #007FFD;
}
#vertical-page .navbar-pages .navbar-nav .nav-link:after {
	background: #007FFD
}

.vertical-home-page .bg-center {
	background: url('/assets/img/verticals/lines.png') center/cover no-repeat;
	top: 816px;
}


#vertical-hero {
	padding-top: 323px;
}
#vertical-hero .hero-content h2 {
	max-width: 574px;
	margin-left: auto;
	margin-right: auto;
}
#vertical-hero .hero-content {
	margin: 0;
}


#vertical-trust {
	margin: 0 0 24px;
	padding-top: 56px;
}
#vertical-trust .section-with-visual .text-content {
	text-align: center;
}
#vertical-trust .section-with-visual .text-content h6 {
	color: #007FFD;
	margin-bottom: 0;
}
#vertical-trust .section-with-visual .text-content h2 {
	max-width: 520px;
	margin: 0 auto 20px;
}
#vertical-trust .section-with-visual .text-content .description {
	max-width: 590px;
	margin: 0 auto 40px;
}
#vertical-trust .clients-visuals {
	margin-top: 7px;
}


#vertical-performance {
	margin: 50px 0 66px;
	/* background: url('/assets/img/verticals/circles.png') bottom right no-repeat; */
	background-size: 600px;
}
#vertical-performance .container {
	position: relative;
}
#vertical-performance .visual-content {
	display: none;
}
#vertical-performance .section-with-visual .text-content {	
	padding-left: 70px;
}
#vertical-performance .section-with-visual .text-content h2 {
	margin-bottom: 20px;
    max-width: 540px;
}
#vertical-performance .section-with-visual .text-content .description {
	max-width: 519px;
	margin-bottom: 40px;
}
#vertical-performance .section-with-visual .content-list .content-list-item .sub-title {
	margin-bottom: 15px;
}
#vertical-performance .section-with-visual .content-list .content-list-item .sub-description {
	max-width: 408px;
}
#vertical-performance .content-list .content-list-item .sub-visual {
	width: 50px;
	height: 40px;
}
#vertical-performance .content-list .content-list-item .sub-visual.sv1 span {
    background: url(/assets/img/icons/responsive.svg) center no-repeat;
}
#vertical-performance .content-list .content-list-item .sub-visual.sv2 span {
    background: url(/assets/img/icons/web-app.svg) center no-repeat;
}
#vertical-performance .content-list .content-list-item .sub-visual.sv3 span {
    background: url(/assets/img/icons/certified.svg) center no-repeat;
}

#vertical-performance .content-list .content-list-item {
	margin-bottom: 61px;
}



#vertical-performance .screen-devices {
	margin-top: 49px;
}
.screen-devices {
	width: 668.75px;
	height: 495px;
	position: relative;
}
.screen-devices .desktop-screen {
	width: 581.21px;
	height: 402.97px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 16px 25px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 16px 25px rgba(0, 0, 0, 0.03);
	border-radius: 20px;
	padding: 12px 14px;
	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;
}
.screen-devices .desktop-screen img {
	border-radius: 8px;
	width: 552.15px;
height: 377.79px;
-o-object-fit: cover;
   object-fit: cover;
}
.screen-devices .mobile-screen {
	width: 161.63px;
	height: 321.24px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 12px 19px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 12px 19px rgba(0, 0, 0, 0.03);
	border-radius: 20px;
	padding: 11px 9px;
	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;
	position: absolute;
	bottom: 0;
	right: 0;
}
.screen-devices .mobile-screen img {
	width: 143.45px;
	height: 299.02px;
	border-radius: 8px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.screen-devices .desktop-shadow {
	position: absolute;
	left: 34px;
	bottom: 59px;
	width: 518.25px;
	height: 80.4px;
	background: #41494F;
	mix-blend-mode: normal;
	opacity: 0.14;
	-webkit-box-shadow: 0px 27px 45px rgba(0, 0, 0, 0.17714), 0px 14px 27px rgba(0, 0, 0, 0.0439595);
	        box-shadow: 0px 27px 45px rgba(0, 0, 0, 0.17714), 0px 14px 27px rgba(0, 0, 0, 0.0439595);
	-webkit-filter: blur(80px);
	        filter: blur(80px);
	z-index: -1;
}
.screen-devices .mobile-shadow {
	position: absolute;
	right: 37px;
	bottom: 0;
	width: 157.9px;
	height: 78.46px;
	background: #41494F;
	mix-blend-mode: normal;
	opacity: 0.14;
	-webkit-box-shadow: 0px 27px 45px rgba(0, 0, 0, 0.17714), 0px 14px 27px rgba(0, 0, 0, 0.0439595);
	        box-shadow: 0px 27px 45px rgba(0, 0, 0, 0.17714), 0px 14px 27px rgba(0, 0, 0, 0.0439595);
	-webkit-filter: blur(80px);
	        filter: blur(80px);
	z-index: -1;
}

#vertical-performance .circles-comp {
	background: url('/assets/img/verticals/circles.png') center no-repeat;
	height: 600px;
	width: 600px;
	position: absolute;
	bottom: -53px;
	right: 117px;
	z-index: -2;
}
#vertical-performance .dots-comp {
	background: url('/assets/img/verticals/dots.png') center no-repeat;
	width: 91.43px;
	height: 320px;
	position: absolute;
	bottom: -47px;
	right: -9px;
	z-index: -2;
}

#vertical-features {
	padding: 100px 0 50px;
}
#vertical-features .heading {
	margin-bottom: 100px;
}
#vertical-features .heading h6 {
	color: #007FFD;
	margin-bottom: 20px;
}
#vertical-features .heading h3 {
	margin-bottom: 10px;
}
#vertical-features .heading .description {
	font-size: 18px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#vertical-features .features-details {
	padding-left: 67px;
	padding-right: 40px;
}
#vertical-features .features-details .content-list {
	max-width: unset
}
#vertical-features .features-details .content-list .media-left {
	padding-right: 20px;
}
#vertical-features .features-details .content-list .content-list-item .sub-title {
	margin-bottom: 15px;
}
#vertical-features .content-list .content-list-item .sub-visual.sv1 span {
	background: url('/assets/img/icons/service1.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv2 span {
	background: url('/assets/img/icons/service2.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv3 span {
	background: url('/assets/img/icons/service3.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv4 span {
	background: url('/assets/img/icons/service4.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv5 span {
	background: url('/assets/img/icons/service5.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv6 span {
	background: url('/assets/img/icons/service6.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv7 span {
	background: url('/assets/img/icons/service7.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv8 span {
	background: url('/assets/img/icons/service8.svg') center no-repeat;
}
#vertical-features .content-list .content-list-item .sub-visual.sv9 span {
	background: url('/assets/img/icons/service9.svg') center no-repeat;
}




#vertical-promise {
	height: 635px;
	margin: -91px 0 -57px;
	background: url('/assets/img/verticals/promise-bg.png') center no-repeat;
	padding-top: 185px;
}
#vertical-promise .heading {
	text-align: left;
}

#vertical-promise h2 {
	padding-left: 87px;
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #FD6004;
}
#vertical-promise .description {
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #FFFFFF;
	max-width: 623px;
	margin-left: -15px;
}

#case-study {
    padding: 120px 0 0;
    background: #F5F9FC;
    position: relative;
    height: 580px;
    margin-bottom: 273px;
}
#case-study .heading {
	text-align: left;
}
#case-study .heading .description {
	font-size: 18px;
}
#case-study .heading .cta-links .hx-cta {
	max-width: 185px;
	min-width: 185px;
}
#case-study .visual-section {
	height: 511px;
	position: absolute;
    left: 0;
    right: 0;
    margin: 85px auto 0;
}
#case-study .visual-section img {
	-o-object-fit: contain;
	   object-fit: contain;
}



#vertical-page .testimonials .slick-dots li.slick-active button {
    background: #007FFD;
}

#vertical-page .testimonials .section-with-visual {
	background-image: url('/assets/img/verticals/quote.png') ;
	/*background: url(/assets/img/verticals/quote.png) left 30px top no-repeat;*/
}

	

@media only screen and (max-width: 767px) {
	#vertical-hero {
		padding-top: 13px;
	}
	#vertical-performance .section-with-visual .text-content {
		padding-left: 0;
	}
	#vertical-performance .section-with-visual .text-content h2,
	#vertical-performance .section-with-visual .text-content .description {
		text-align: center;
	}
	.screen-devices {
		zoom: 43%;
		margin: 50px auto 0;
	}
	#vertical-performance .circles-comp {
	    bottom: -353px;
    	right: 0;
	}
	#vertical-features .features-details {
		padding: 0;
	}
	#vertical-promise .heading {
		text-align: center;
	}
	#vertical-promise h2 {
		padding-left: 0;
	}
	#vertical-promise .description {
		font-size: 21px;
	    line-height: 36px;
	    margin-left: 0;
	}


}
@media all and (max-width: 575px) {
	#vertical-promise .description br {
		display: none;
	}
	#case-study {
		height: auto;
		margin-bottom: 80px;
	}
	#case-study + .main-divider-sm {
		margin-bottom: 0
	}
	#case-study .heading{
		text-align: center;
	}
	#case-study .heading .description {
		margin-bottom: 20px;
	}
	#case-study .heading .cta-links {
		text-align: center;
	}
	#case-study .visual-section {
		position: relative;
		height: auto;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	#vertical-hero {
	    padding-top: 400px!important;
	}
	#vertical-performance .circles-comp {
	    bottom: 460px;
    	right: -240px;
	}
	#vertical-features .features-details,
	#vertical-performance .section-with-visual .text-content {
		padding: 0;
	}
	#vertical-promise {
		padding: 0;
	    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;
	}
	#vertical-promise .heading {
		text-align: center;
	}
	#vertical-promise h2 {
		padding-left: 0;
	}
	#vertical-promise .description {
		margin: 0 auto;
	}
	.testimonials .slick-dots {
		    right: -10px;
		        margin: 155px auto auto;
	}
	#vertical-performance .section-with-visual .text-content {
		padding-left: 0;
	}
	#vertical-features .features-details {
		padding: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#vertical-performance .section-with-visual .text-content {
		padding-left: 0;
	}
	#vertical-features .features-details {
		padding: 0;
	}
	#vertical-performance .screen-devices {
		zoom: 90%;
	}
	#vertical-promise h2 {
		padding-left: 0;
	}
	#vertical-promise {
		height: 755px;
    background-size: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding-top: 245px;
    margin: -111px 0 -67px;
	}
	#vertical-promise .description {
		    font-size: 26px;
	}
	#vertical-promise .description br {
		display: none;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	#vertical-promise {
		    height: 755px;
	    background-size: 100%;
	    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;
	    padding: 0;
	    margin: -111px 0 -67px;
	}
}
@media only screen and (min-width: 1441px) {
	#vertical-performance {
		background: none;
	}
	#vertical-performance .visual-content {
		display: block;
	    max-width: 635px;
	    height: auto;
	}
	#vertical-promise {
	    padding-top: 0;
	    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-size: 100%;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1660px) {
	#vertical-promise {
		height: 735px;
	    margin: -107px 0 -68px;
	}
}

@media only screen and (min-width: 1661px) and (max-width: 1919px) {
	#vertical-promise {
		height: 845px;
    margin: -137px 0 -98px;
	}
}

@media only screen and (min-width: 1920px) and (max-width: 2339px) {
	#vertical-promise {
		    height: 1025px;
    margin: -157px 0 -88px;
	}
}
@media only screen and (min-width: 2340px) and (max-width: 2559px) {
	#vertical-promise {
		   height: 1125px;
    margin: -187px 0 -108px;
	}
}
@media only screen and (min-width: 2560px) and (max-width: 2880px) {
	#vertical-promise {
		    height: 1275px;
    margin: -197px 0 -128px;
	}
}
@media only screen and (min-width: 2881px) and (max-width: 3232px) {
	#vertical-promise {
		   height: 1425px;
    margin: -237px 0 -128px;
	}
}
@media only screen and (min-width: 3233px) and (max-width: 3499px) {
	#vertical-promise {
		    height: 1545px;
    margin: -247px 0 -138px;
	}
}
@media only screen and (min-width: 3500px) {
	#vertical-promise {
		    height: 1635px;
    margin: -247px 0 -138px;
	}
}
/*====================================================================================================================*/

/*========== Publish Modal ==========*/
.fullmode-modal {
  position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    z-index: 999999;
    right: 0;
    left: auto;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
	background-color: #fff;
	padding: 240px 15px 30px;
	overflow-y: scroll;
}
.fullmode-modal.is-show {
  opacity: 1;
  visibility: visible;
}
.fullmode-modal.is-show .close-fullmode {
  opacity: 1;
  visibility: visible;
  top: 15px;
}
.fullmode-titles {
  margin-bottom: 61px;
  text-align: center;
}
.fullmode-title {
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	text-align: center;
	letter-spacing: -1px;
	color: #141313;
}
.fullmode-text {
  color: #939cae;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
}
.fullmode-subtitle {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #007FFD;
	position: relative;
	margin-bottom: 0;
}
.fullmode-description {
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #757C7E;
	margin-top: 22px;
	margin-bottom: 0;
}

.fullmode-container{
	max-width: 1300px;
	margin: 0 auto;
}

.fullmode-container.medium{
	width: 60%;
}

.fullmode-container.small{
	width: 40%;
}
body:not(.rtl) .fullmode-title:first-letter {
  text-transform: capitalize;
}
.fullmode-content {
  position: relative;
}
.fullmode-header {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

}
.fullmode-close.righted {
	right: 70px;
    left: auto;
}
.fullmode-close {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  padding: 0;
  border: 5px solid rgba(0, 127, 253, 0.2);
  cursor: pointer;
  opacity: 0.5;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  line-height: 1;
  background-color: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.fullmode-close.fullmode-back {
    left: 70px;
    right: auto;
}
.fullmode-close.fullmode-back span {
  background-image: url('/assets/img/icons/arrowup-white.svg');
  background-position: 17px center;
}
.fullmode-close.fullmode-back span:before,
.fullmode-close.fullmode-back span:after {
  display: none;
}
.fullmode-close:hover {
  opacity: 1;
}
.fullmode-close:hover:not(.fullmode-back) span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.fullmode-close:hover.fullmode-back span {
  transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
}
.fullmode-close span {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  transition: -webkit-transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  -o-transition: transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  transition: transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  transition: transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99), -webkit-transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  -ms-transition: transform 0.3s cubic-bezier(0.24, 0.51, 0.18, 0.99);
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
}
.fullmode-close span:before,
.fullmode-close span:after {
  	position: absolute;
    content: "";
    left: 28px;
    top: 16px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #007FFD;
    height: 27px;
    width: 3px;
}
.fullmode-close span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.fullmode-close span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.fullmode-buttons{
	text-align: center;
	margin-top: 40px;
}

.fullmode-buttons button{
	width: 192px;
	margin-right: 10px;
}

.duedate-picker .input-icon-addon {
  background-color: transparent;
}
.duedate-picker .input-icon-addon i {
  right: 11px;
}
.duedate-picker .input-icon-addon svg {
  fill-opacity: 1;
}
.move-top {
  animation: center_to_top 0.5s backwards;
  -webkit-animation: center_to_top 0.5s backwards;
  -ms-animation: center_to_top 0.5s backwards;
}
.move-center {
  animation: top_to_center 0.5s backwards;
  -webkit-animation: top_to_center 0.5s backwards;
  -ms-animation: top_to_center 0.5s backwards;
}
@-webkit-keyframes center_to_top {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
  }
}
@keyframes center_to_top {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
  }
}
.msgbox-wrapper {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 190px);
}
.msg-box {
  margin: auto;
  text-align: center;
}
.msg-box .connection-circles {
  text-align: center;
  position: relative;
  margin-bottom: 36px;
}
.msg-box .connection-circles .circles {
  display: inline-block;
  height: 200px;
  position: relative;
}
.msg-box .connection-circles .cnnct-logo {
	height: 60px;
 	width: 100px;
	-o-object-fit: contain;
	   object-fit: contain;
}
.msg-box h4 {
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #141313;
	margin: 0 auto 20px;
	text-align: center;
}
.msg-box p {
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	color: #757C7E;
	margin: auto;
	text-align: center;
}
.msg-box-actions {
  margin-top: 40px;
}
.msg-box-actions .ac-btn + .ac-btn {
  margin-left: 10px;
}
.msg-box-actions .cancel-btn {
  width: 120px;
  background-color: #b7bfca;
  color: #fff;
}




.schedule-form {
	max-width: 573px;
	margin: 0 auto;
}
.schedule-form .form-label{
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #141313;
}
.schedule-form .form-check-input{
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #141313;
}
.schedule-form .form-control {
	background: #FFFFFF;
	border: 2px solid #B8BABC;
	border-radius: 3px;
	font-weight: normal;
	font-size: 16px;
	line-height: 35px;
	color: #141313;
	height: 50px;
	padding: 15px 20px;
}
.schedule-form .form-control::-webkit-input-placeholder {
	color: #141313;
}
.schedule-form .form-control::-moz-placeholder {
	color: #141313;
}
.schedule-form .form-control:-ms-input-placeholder {
	color: #141313;
}
.schedule-form .form-control::-ms-input-placeholder {
	color: #141313;
}
.schedule-form .form-control::placeholder {
	color: #141313;
}
.schedule-form .form-control:focus {
	border: 2px solid #007FFD;
}


.schedule-form [type="checkbox"]:checked,
.schedule-form [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.schedule-form [type="checkbox"]:checked + label,
.schedule-form [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.schedule-form [type="checkbox"]:checked + label:before,
.schedule-form [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border: 2px solid #007FFD;
    border-radius: 3px;
}
.schedule-form [type="checkbox"]:checked + label:after,
.schedule-form [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #007FFD;
    position: absolute;
    top: 6px;
    left: 6px;
    margin: auto;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.schedule-form [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}
.schedule-form [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}


.schedule-form .cta-links {
	margin-top: 23px;
}
.schedule-form .cta-links .hx-cta {
	width: 100%;
	height: 60px;
	letter-spacing: 2px;

}


.interested-in {
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	color: #007FFD;
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
}
.interested-in:before {
	content: '';
	position: absolute;
	height: 2px;
	background: #007FFD;
	width: 30px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.schedule-form .form-check {
	margin-bottom: 18px;
}

#fullmode-step-two {
	margin-top: -112px;
}

@media only screen and (max-width: 767px) {
	#fullmode-step-two {
		margin-top: 0;
	}
	.fullmode-close.righted {
		right: 15px;
	}
	.fullmode-close.fullmode-back {
		left: 15px;
		right: auto
	}
}
/* Added by Dave */

p.TestLink { font-size:14px; margin-top: -40px; margin-bottom: 30px; }
p.TestLink a { color:#007FFD; }
.clients-section .clients-visuals .visual-item a, .clients-section .clients-visuals .visual-item span { width:244px; height:62px; overflow:hidden; display:inline-block; background-position:top; }
.clients-section .clients-visuals .visual-item a:hover, .clients-section .clients-visuals .visual-item span:hover { background-position:bottom; }

.clients-visuals .visual-item .NFLAKIDS { background-image: url('/assets/img/logos/nfla-caring-for-kids.png'); }
.clients-visuals .visual-item .CovalentClean { background-image: url('/assets/img/logos/chem-covalent-clean.png'); }
.clients-visuals .visual-item .DLK { background-image: url('/assets/img/logos/contractor-dlk.png'); }
.clients-visuals .visual-item .Boomers { background-image: url('/assets/img/logos/parks-boomers.png'); }

.clients-visuals .visual-item .Covalent { background-image: url('/assets/img/logos/chem-covalent.png'); }
.clients-visuals .visual-item .Fluitec { background-image: url('/assets/img/logos/chem-fluitec.png'); }
.clients-visuals .visual-item .GJ { background-image: url('/assets/img/logos/chem-gj-chemical.png'); }
.clients-visuals .visual-item .ICC { background-image: url('/assets/img/logos/chem-independent.png'); }
.clients-visuals .visual-item .Amsyn { background-image: url('/assets/img/logos/chem-amsyn.png'); }
.clients-visuals .visual-item .Everest { background-image: url('/assets/img/logos/chem-everest.png'); }
.clients-visuals .visual-item .MBI { background-image: url('/assets/img/logos/chem-MBI-energy.png'); }

.team-carousel .team-item .team-member .member-info .name { color: #007FFD; }
.team-carousel .team-item .team-member .member-visual { width:100%; }

/*#vertical-page.chemical {
	background: url('/assets/img/bgs/chemical.png') top 113px center no-repeat;
	background-image: url('/assets/img/bgs/chemical.png') ;
}*/
.vertical-home-page .hero-content .description { max-width:80%; font-weight: normal; font-size: 20px; line-height: 26px; color: #ffffff; margin-bottom: 40px; }
#vertical-page.chemical .clients-section { margin-top:120px; }

.team-carousel .team-item .team-member { display:inline-block; }
.team-carousel .team-item .team-member .member-info h6 { margin: 10px 0px 0px 0px; }
.team-carousel .team-item .team-member .member-info { padding-left:5px; padding-right:5px; text-align:center; }
.team-carousel .team-item .team-member .member-info .social-links { margin-top: 10px; margin-bottom:10px; }
.clients-grid .client-card { background: #e4f1fc; background-repeat: no-repeat; height:520px; max-width:570px; }
.clients-grid .client-card:hover { background-repeat: no-repeat; }
.clients-grid .row { max-width:1200px; }


/* Not Working 
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */

.video-showcase-rounded .wistia_responsive_padding {
	height: 100%;
}

/* ----------- PAGINATION ------------- */ 
.pagination {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 550px;
	margin: 120px auto 0;
}
.pagination .nav-link {
	padding: 10px 15px;
	margin: 0 6px;
	color: #141313;
	font-size: 15px;
	line-height: 20px;
	border: 1px solid #B8BABC;
	border-radius: 6px;
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	-webkit-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
}
.pagination .nav-link.current {
	color: #007FFD;
	border: 2px solid #007FFD;
	padding: 9px 14px;
}
.pagination .nav-link.previous,
.pagination .nav-link.next {
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	border: 5px solid rgba(0,127,253, 0.2);
	background-image: url('../img/icons/arrowup-white.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
}
.pagination .nav-link.next {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);	
}
.pagination .nav-link.previous:hover,
.pagination .nav-link.next:hover {
	border-color: rgba(0, 127, 253, 0.3);
}

/* ============================================== 
	Client Card 
================================================ */ 

.client-card-website {
	overflow: hidden;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 30px;
	-webkit-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
}
.client-card-website:hover {
	-webkit-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	        transform: scale(1.01);
}
.client-card-website .card-top {
	background: -o-radial-gradient(50% 18.96%, 77.32% 77.32%, #6ACEEE 0%, #007FFD 100%);
	background: radial-gradient(77.32% 77.32% at 50% 18.96%, #6ACEEE 0%, #007FFD 100%);
	position: relative;
	height: 269px;
	border-radius: 8px 8px 0px 0px;
	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;
}
.client-card-website .card-top .video-container {
	position: relative;
	top: 20px;
}
.client-card-website .card-top-video {
	background: white;

}
.client-card-website .card-visual {
	width: auto;
	height: 130px;
}

.client-card-website .card-visual-laptop {
	top: 25px;
	position: relative;
	text-align: center;
	margin: auto;
	background: url('../img/common/macbook.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 457px;
	height: 280px;
}
.client-card-website .card-visual-laptop img {
	height: 208px !important;
	width: 334px !important;
	position: absolute !important;
	top: 22px !important;
	right: -12px !important;
	left: 0 !important;
	margin: auto !important;
	display: block !important;
	border-radius:0px !important;
}
.client-card-website .card-content {
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.4);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.4);
	border-radius: 0 0 8px 8px;
	border: 2px solid rgba(184, 186, 188, 0.4);
	border-top: none;
	height: 240px;
	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: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #ffffff;
}
.client-card-website .client-logo {
	margin-bottom: 10px;
}
.client-card-website .title {
	font-weight: 500;
	font-size: 28px;
	line-height: 48px;
	margin-bottom: 10px;
	color: var(--Black);
}
.client-card-website .description{
	color: var(--Grey-light);
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	max-width: 357px;
	margin-right: auto;
	margin-left: auto;
}
@media all and (max-width: 575px) {
	.client-card-website .card-top {
		height: 182px;
	}
	.client-card-website .card-top-video {
		height: auto;
	}
	.client-card-website .card-visual-laptop {
		width: 300px;
		height: 180px;
	}
	.client-card-website .card-visual-laptop img {
		height: 130px;
		width: 215px;
		right: -8px;
		top: 14px;
	}
	.client-card-website .card-content {
		padding: 15px;
		height: 180px;
	}
	.client-card-website .client-logo {
		width: 80px;
	}
	.client-card-website .title {
		font-size: 24px;
		line-height: 30px;
	}
	.pagination {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.pagination a:nth-child(n + 5):not(.next) {
		display: none;
	} 
}
@media all and (max-width: 375px) {
	.client-card-website .card-top {
		height: 156px;
	}

	.client-card-website .card-top-video {
		height: auto;
	}
	.client-card-website .card-top .video-container {
		top: 0
	}
	.client-card-website .card-visual-laptop {
		width: 260px;
		height: 150px;
		top: 22px;
	}
	.client-card-website .card-visual-laptop img {
		height: 110px;
		width: 180px;
		right: -6px;
		top: 14px;
	}

}

#careers-hero .hero-content .description { max-width:500px; /*max-width:470px; */ }

.schedule-form select.form-control { padding-top: 6px; }
@media only screen and (min-width: 768px) {
#resources-hero { padding-top:400px; /* padding-top:235px; */ }
	}
p.InWrap { margin-top: 20px; }
a.In { display:inline-block; color: var(--Warm-BG); background: url('/assets/img/common/linkedin-sprite.png'); background-repeat: no-repeat; background-position: right top; padding-right:98px; font-size:18px; height:23px; line-height:23px; }
a.In:hover { color:#ffffff; text-decoration:none; background-position: right bottom; }
.about-author .hx-card { padding: 50px 40px 40px 40px; }

/* Blog Detail */
body#post-page .post-section.left { text-align:left; }
body#post-page .post-section.center { text-align:center; }
body#post-page .post-section h4, body#post-page .post-section h1, body#post-page .post-section h2, body#post-page .post-section h3, body#post-page .post-section h5 { font-weight: 500; line-height: 48px; font-style: normal; font-size: 36px; color: #141313;	max-width: 790px;	margin: 40px auto 30px; display:block; }
body#post-page .post-section ul, body#post-page .post-section ol { text-align: left; max-width: 691px; margin: 29px auto 40px; }
body#post-page .post-section ul li { list-style: disc; }
body#post-page .post-section ol li { list-style: decimal; font-size:18px; margin-bottom:5px; padding-left:5px; }
body#post-page .post-section ol li span, body#post-page .post-section ol li a, body#post-page .post-section ol li div { font-size:18px; color:#007bff; }
body#post-page .post-section ol li a:hover { text-decoration:underline; color:#007bff; }

body#post-page .post-section.center h4, body#post-page .post-section.center h1, body#post-page .post-section.center h2, body#post-page .post-section.center h3, body#post-page .post-section.center h5 { max-width: 608px; }

body#post-page .post-section h3 { font-size: 26px; line-height: 28px; }
body#post-page .post-section h4 { font-size: 24px; line-height: 26px; }
body#post-page .post-section h5 { font-size: 20px; line-height: 22px; }

body#post-page .post-section img {
	background: #141313;
	-webkit-box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	        box-shadow: 0px 4px 20px rgba(184, 186, 188, 0.25);
	border-radius: 20px;
    width: 100%;
    max-width: 850px;
    height: auto;
    margin: 0px auto 30px;
    display: block;
    overflow: hidden;
    position: relative;
}
body#post-page ol li { font-size:18px; }
body#post-page .post-hero { margin-bottom:25px; }


.clients-section .clients-visuals .visual-item { margin-bottom: 60px; }

/*#case-study { display:none; }*/
.CTAWrap { max-width:850px !important; }
.CTAWrap img { 
	background: #fff !important;
	-webkit-box-shadow: 0px 0px 0px rgba(184, 186, 188, 0.00) !important;
	box-shadow: 0px 0px 0px rgba(184, 186, 188, 0.00) !important; 
	border-radius: 0px !important; }

.Olds { max-width: 990px; margin-left:auto; margin-right:auto; }
@media all and (min-width: 992px) {
.PR50 { padding-right: 50px; }
#post-page .cta-section.MT0 { margin-top:-150px !important; }
}
.Olds h1, .Olds h3 {
    font-family: Rubik !important;
    font-style: normal !important;
    letter-spacing: -1px !important;
    color: #141313 !important;
	margin-top:0px !important;
}
.Olds h1 {
    font-size: 48px !important;
	line-height: 60px !important;
	font-weight: bold !important;
	margin-bottom: 40px !important;
}
.Olds h3 {
    font-size: 24px !important;
    line-height: 36px !important;
	font-weight: normal !important;
	margin-bottom: 0px !important;
}
.MB0 { margin-bottom:0px !important; }
.MT0 { margin-top:0px !important; }
.MB40, .Olds h3.MB40 { margin-bottom:40px !important; }
body.SvcsOlds .heading h2 { line-height:56px; margin-bottom:10px; }
body.SvcsOlds .bg-center { height: 1150px !important; top: 1300px !important; }
@media all and (max-width: 767px) {
	body.SvcsOlds .bg-center { display:none; }
}
body.SvcsOlds .ServiceDetail h3 { font-size:20px !important; }
body.SvcsOlds .ServiceDetail ul { margin-top:15px !important; }
body.SvcsOlds .post-section img { background:none !important; -webkit-box-shadow: 0px 0px 0px rgba(184, 186, 188, 0) !important; box-shadow: 0px 0px 0px rgba(184, 186, 188, 0) !important; border-radius: 0px; }
body.Inbound .bg-center { height: 2500px !important; top: 956px !important; }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.Olds .ServiceDetail ul li {
	list-style: url('/assets/img/icons/check.png') !important; 
}
.LocalWrap { max-width:1400px !important; }
.career-description p, .career-description ul { margin-bottom: 25px; }
.section-w-description.career-description .info-block li, .section-w-description.career-description .info-block .dotted-list li { color:#222222; }
body#careers-page .bg-center { opacity: 0.4 !important; }

.tg-wrap { max-width: 790px; margin: 0 auto 40px; }
.post-content .RowHd { background-color:#007FFD; color:#fff; font-weight:bold; }
.post-content .RowHd span { margin-left:15px; font-weight:normal; }
.post-content .tg  {border-collapse:collapse;border-spacing:0;}
.post-content .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.post-content .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.post-content .tg .tg-0lax{text-align:left;vertical-align:top; background-color:#000; color:#fff; font-weight:bold; }
@media screen and (max-width: 767px) {
	.post-content .tg {width: auto !important;}
	.post-content .tg col {width: auto !important;}
	.post-content .tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}
}
body.TOSPRIV .Justify { text-align:justify; }
body.TOSPRIV .heading h1, body.TOSPRIV .heading h2 {
	font-family: Rubik;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 52px;
	letter-spacing: -1px;
	color: #141313;
	margin-bottom: 10px;
}
body.TOSPRIV .heading p { margin-bottom: 20px; }
body.TOSPRIV .heading h2 span { font-size:30px; }
body.TOSPRIV .heading ul { margin-left:20px; margin-bottom:20px; }
body.TOSPRIV .heading li { list-style:disc; margin-bottom:10px; }

.grecaptcha-badge { visibility: hidden !important; display:none !important; }
.rc-anchor-invisible { display:none !important; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
width: 100%;
max-width: 850px;
height: auto;
margin: 0px auto 0px; 
position: relative;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#banner-bar {
  padding: 17px;
  text-align: center;
  color: #1C2329;
  background: #edf8fd;
  font-size: 21px !important;
  line-height: 22px;
  font-weight: bold;
}
.blue { color:#007ffd; }
body.ebook-page .webinar-details-hero { padding-top:30px !important; }
body.ebook-page .contact-card .heading .text-md { color:#007ffd; }
body.ebook-page h1 { font-size: 40px; line-height: 46px !important; color:#007ffd; }
body.ebook-page h1 { margin-bottom:15px; }
body.ebook-page h2, body.ebook-page h3 { margin-top:10px; margin-bottom:15px; }
body.ebook-page p { margin-top:10px; }
.hide { display:none;}


@media all and (min-width: 600px) { 
	.CTAWrap-Mobile, .Mobile { display:none; }
}
@media all and (max-width: 599px) { 
	.CTAWrap, .Desktop { display:none; }
	.MW400 { max-width:400px; }
	body.ebook-page h2 { line-height:1.2;}
}
.CTAWrap-Mobile img { background: #fff !important; }
body.Pg-Thank-You .CTAWrap img, body.Pg-Thank-You .CTAWrap-Mobile img {
  width: 100%;
  max-width: 850px;
  height: auto;
  overflow: hidden;
  position: relative;
}
.CTAWrap-Mobile img { background: #fff !important; }
body.Pg-Thank-You .CTAWrap img { margin: 30px auto 30px 30px; }
body.Pg-Thank-You .CTAWrap-Mobile img { margin: 20px auto 30px 0px; }
.MT20 { margin-top:20px; }

@media (max-width: 767px) {
body.ebook-page .post-hero .visual { min-height: 157px; }
 }

body.ebook-page .cta-section .container { display:none; }


img.BasicImg { background: none !important; border-radius: 0px !important; width: 100%; max-width: 850px; -webkit-box-shadow: 0px 0px 0px rgba(184, 186, 188, 0) !important; box-shadow: 0px 0px 0px rgba(184, 186, 188, 0) !important; margin:0px 0px 30px 0px !important; width:auto !important; }


/* modal */
.hx-img-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

.hx-img-modal-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 80%;
  animation-name: zoom;
  animation-duration: 0.3s;
}

@keyframes zoom {
  from {transform: scale(0.1)}
  to {transform: scale(1)}
}

.hx-img-close {
  position: absolute;
  top: 30px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.hx-img-close:hover {
  color: #bbb;
}
span.img-lightbox:hover { cursor:pointer;}