/***********************************************/
/* Theme Name: Metric Marketing                */
/* Theme URI: https://wwww.metricmarketing.com */
/* Author: Metric Marketing                    */
/* Author URI: https://www.metricmarketing.com */
/* Description: For Metric Marketing           */
/* Version: 3.0.1                                */
/***********************************************/

/**********************/
/* Custom Stylesheet  */
/**********************/
/* - Reset            */
/* - Formatting       */
/* - Header           */
/* - Slider           */
/* - Banner           */
/* - Content          */
/* - Sidebar          */
/* - Footer           */
/* - FontAwesome      */
/* - Link Transitions */
/* - Responsive       */
/**********************/

/*********/
/* Reset */
/*********/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}script{display:none!important}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;color:#000;margin:0 30px 20px}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;height:0;display:block;margin:0!important;line-height:0!important}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.entry-content img,.comment-content img,.widget img{max-width:100%}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto}.size-full,.size-large,.header-image,.wp-post-image{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.alignleft{float:left;margin:10px 10px 10px 0}.alignright{float:right;margin:10px 0 10px 10px}.aligncenter{display:block;margin-left:auto;margin-right:auto}

/**************/
/* Formatting */
/**************/
/* Body */
body {font-family: 'Lato', sans-serif !important; font-size: 18px; color: #59595c; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; display: block !important;}
.hide-site {display: none !important;}
.clear {clear: both; height: 0; margin: 0; padding: 0;}

/* Forms */
input, 
select,
textarea {border: 1px solid #e6e6e6; background: #fff; width: 100%; padding: 11px 15px; outline: none !important; font-size: 17px; line-height: 17px; font-weight: 300; color: #777; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s;}
input, 
button, 
select, 
textarea {font-family: 'Lato', sans-serif;}

/* Alignment */
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {position:relative; color: #59595c; margin: 0 0 15px 0; background:none; line-height: 1.4; font-family: 'playfair-display', serif; font-weight: normal;}
h1 {font-size: 36px; line-height: 1.2;}
h2 {font-size: 36px; line-height: 1.2;}
h3 {font-size: 24px; line-height: 1.3;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

/* Paragraphs */
p {position: relative; line-height: 1.5; font-size: 16px; margin-bottom: 15px;}
p a{ text-decoration: underline;}
p a:hover, p a:focus { text-decoration: none;}

/* Links */
a {text-decoration: none; cursor: pointer; color: #59595c;}
a:hover,
a:focus {text-decoration: none; outline: none; color: #6bc6b2;}

/* Lists */
ol, 
ul {list-style: none; padding: 0; margin: 0;}

/* Buttons */
button:focus {outline: none;}
.grey {background-color: #f2f2f2;}
a.button,
.button a, 
.contact-form button, 
.comment-form button,
.contact-form input[type="submit"] {font-size: 18px; text-transform: uppercase; font-weight: normal; color: #59595c; display: inline-block; padding: 10px 20px 13px; border: none; background-color: #eceded; letter-spacing: 1px; text-align: center; font-weight: 500;}
.content-area .button {color: #ffffff;}
.single-service ul + .button,
.single-service p + .button {margin-top: 0;}
a.button:hover,
.button a:hover {border-color: #ffffff; background-color: transparent; color: #ffffff;}
.single-service .button:hover,
.content-area .button:hover {background: #59595c; color: #ffffff !important;}

/* Containers */
.site-container{ padding-top: 100px;}
.site-container.has-alert {position: relative; padding-top: 150px;}
/* body.page-template-template-contact .site-container,
body.page-template-template-process .site-container,
body.page-template-template-studies .site-container,
body.page-template-template-training .site-container,
body.page-template-template-team .site-container,
body.single-team .site-container,
body.single-services .site-container {padding-top: 70px;} */
body.single-team .site-container { padding-top: 0;}
body.home .site-container {padding-top: 0;}
body.admin-bar .site-container {margin-top: 32px;}
.container {width: 100% !important; max-width: 1260px;}
.container.full-width {max-width: 100%;}
section {padding: 50px 0;}

@media (max-width: 1280px) {
	body.home .site-container {padding-top: 100px;}
}

@media (max-width: 767px) {
	/* .site-container,
	body.home .site-container,
	body.page-template-template-contact .site-container,
	body.page-template-template-process .site-container,
	body.page-template-template-studies .site-container,
	body.page-template-template-training .site-container,
	body.page-template-template-team .site-container,
	body.single-team .site-container,
	body.single-services .site-container {padding-top: 180px;} */
	.site-container.has-alert{ padding-top: 180px;}
}

/* Animation */
.animated {opacity: 1 !important;}

/* Images */
img {max-width: 100%; height: auto;}

/**********/
/* Header */
/**********/
.header {position: fixed; left: 0; right: 0; top: 0; z-index: 999; width: 100%; text-align: center;}
body.home .header {opacity: 0;}
body.admin-bar .header {top: 32px;}
body.home .header .container {max-width: 1720px;}

/* Sale bar */
.header .alert-bar {background-color: #6bc6b2; display: block; padding: 10px 0; height: 50px;}
.header .alert-bar .container {max-width: 1060px !important;}
.header .alert-bar .col-sm-12 {padding: 0;}
.header .alert-bar .alert-text {}
.header .alert-bar .item {padding: 0 10px; opacity: 0;}
.header .alert-bar .item.slick-active {opacity: 1;}
.header .alert-bar p {margin: 0; line-height: 25px; color: #ffffff; font-size: 18px; font-weight: 500;}
.header .alert-bar a.alert-button {display: inline-block; background-color: #ffffff; color: #59595c; padding: 3px 10px 4px; border-radius: 5px; font-size: 16px; text-transform: uppercase; margin: 0 15px 0 50px;}
.header .alert-bar a.alert-button:hover {background-color: #59595c; color: #ffffff;}

@media (max-width: 991px) {
	.header .alert-bar {height: initial;}
	.header .alert-bar a.alert-button {margin: 10px auto 0;}
}

@media (max-width: 500px) {
	.header .alert-bar {height: 110px;}
	.header .alert-bar p {font-size: 16px;}
}

@media (max-width: 400px) {
	.header .alert-bar p {font-size: 15px;}
}

/* Bottom header */
.header .header-bottom {background-color: #fff; border-bottom: 1px solid #ebebeb; height: 100px; padding-top: 22px;}
body.home .header .header-bottom,
body.page-template-template-contact .header .header-bottom,
body.page-template-template-training .header .header-bottom,
body.page-template-template-team .header .header-bottom,
body.single-post .header .header-bottom,
body.single-studies .header .header-bottom {background-color: transparent; border-bottom: 1px solid transparent;}
body.home .header.scroll-down .header-bottom,
.header.scroll-down .header-bottom,
.header.search-open .header-bottom {background-color: #ffffff !important; border-color: #ebebeb !important;}

@media (max-width: 1280px) {
	body.home .header .header-bottom {background-color: #ffffff !important; border-color: #ebebeb !important;}
}

@media (max-width: 767px) {
	body.home .header .header-bottom,
	body.page-template-template-contact .header .header-bottom,
	body.page-template-template-training .header .header-bottom,
	body.page-template-template-team .header .header-bottom,
	body.single-post .header .header-bottom,
	body.single-studies .header .header-bottom {background-color: #ffffff;}
}

/* Logo */
.header .logo {float: left; padding: 12px 10px 0 0;}
.header .logo svg{ width: 100%; fill:#3f4d56;}
body.home .header .logo {padding-top: 40px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
body.home .header.scroll-down .logo {padding-top: 12px;}

@media (max-width: 550px) {
	.header .logo svg{ margin-top: 8px;}
	.header .logo {max-width: 250px;}
	.header .logo img,
	.header .logo svg {max-width: 100%;}
}

/* Menu */
.header .navbar {float: right;}
.header .header-menu {position: relative; left: 0px; top: 0px; width: 100%; background: #30344d; z-index: 5;}
.header .nav-outer {position: relative;}
.header .navbar-default {background: transparent; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0; display: inline-block;}
.header .navbar-collapse {padding: 0;}
.header .navbar-nav {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.header .navbar-nav > li {padding: 0;}
body.home .header .navbar-nav > li {padding-top: 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
body.home .header.scroll-down .navbar-nav > li {padding-top: 0;}
.header .navbar-nav > li > a {color: #59595c !important; font-size: 18px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-weight: 500; padding: 17px 20px 18px;}
.header .navbar-nav > li.menu-item-186 > a {text-transform: uppercase; background-color: #6bc6b2; color: #ffffff !important; height: 55px;}
body.home .header .navbar-nav > li.menu-item-186 {opacity: 0;}
body.home .header .navbar-nav > li.menu-item-186 > a {margin-left: 70px; padding-right: 150px;}
body.home .header .navbar-nav > li.menu-item-186:after {top: 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
body.home .header.scroll-down .navbar-nav > li.menu-item-186:after {top: 0;}
.header .navbar-nav > li > a:hover, 
.header .navbar-nav > li > a.active,
.header .navbar-nav > li:hover > a {background-color: #6bc6b2; color: #ffffff !important;}
.header .navbar-nav > li.menu-item-186:after {content: ""; display: block; background-color: #6bc6b2; height: 55px; left: 100%; width: 500px; position: absolute; top: 0;}
.header .navbar-nav li.drop {position: relative;}
.header .navbar-nav li.drop:hover a {background-color: #6bc6b2;}
.header .navbar-nav li.drop ul.dropdown {margin: 0; padding: 0; position: absolute; top: 100%; left: 0; background: #ebebeb; padding: 0; opacity: 0; visibility: hidden; z-index: 999; box-shadow: none; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; min-width: 100%;}
.header .navbar-nav li.drop ul.dropdown li {display: block; white-space: nowrap;}
.header .navbar-nav li.drop ul.dropdown li a {display: inline-block; text-decoration: none; display: block; color: #59595c; font-size: 16px; padding: 10px 20px; background-color: #ebebeb; font-weight: 500;}
.header .navbar-nav li.drop ul.dropdown li a:hover {background-color: #6bc6b2; color: #ffffff;}
.header .navbar-nav li.drop ul.dropdown > li.drop > ul.dropdown {left: 100%; top: 0; opacity: 0; visibility: hidden;}
.header .navbar-nav li.drop:hover > ul.dropdown {opacity: 1; visibility: visible;}
.header .navbar-nav li.drop:hover > ul.dropdown > li:hover > ul.dropdown {opacity: 1; visibility: visible;}

@media (max-width: 1450px) {
	body.home .header .navbar-nav > li.menu-item-186 > a {margin-left: 40px; padding-right: 100px;}
}
@media (max-width: 1400px) {
	body.home .header .navbar-nav > li.menu-item-186 > a {padding-right: 70px;}
}

@media (max-width: 1280px) {
	body.home .header .navbar-nav > li.menu-item-186 > a {margin-left: 40px; padding-right: 100px;}
	.header .navbar-nav > li > a {padding: 17px 15px; font-size: 17px;}

	body.home .header .logo {padding-top: 12px;}
	body.home .header .navbar-nav > li {padding-top: 0;}
	body.home .header .navbar-nav > li.menu-item-186:after {top: 0;}
	body.home .header .navbar-nav > li.menu-item-186 > a {margin-left: 0; padding-right: 0;}
}

@media (max-width: 1150px) {
	.header .navbar-nav > li > a {padding: 17px 10px;}
}

@media (max-width: 1100px) {
	.header .navbar-nav > li > a {font-size: 16px; padding: 17px 8px;}
}

@media (max-width: 1050px) {
	.header .navbar-nav > li > a {padding: 17px 6px;}
}

/* Menu button */
.header .navbar-header {float: right;}
.header .navbar-header .menu-btn {color: #59595c; font-size: 30px; text-transform: uppercase; padding: 10px; margin: 0; border: none;}

/* Mobile menu */
.pushy {overflow-y: auto;}
.pushy ul li {font-family: 'Lato', sans-serif;}
.pushy ul li.menu-item-816 {display: none;}
.pushy a:focus {color: #ffffff;}
.pushy ul li a,
.pushy ul li button {font-size: 20px; padding: 10px 30px;}
.pushy-submenu > a::after,
.pushy-submenu > button::after {content: "\f105"; background: none; height: auto; width: auto;}
.pushy-submenu-open ul {max-height: initial;}
body.pushy-open-right {overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; margin-right: 17px !important;}
body.pushy-open-right .header {padding-right: 17px;}

/* Search field */
.header .search-field {display: none; width: 100%; height: 50px; background-color: #194b66;}
.header .search-field form {width: 100%;}
.header .search-field form fieldset {padding: 0; margin: 0; border: none;}
.header .search-field form input {color: #ffffff; font-size: 22px; background: transparent; border: none; padding: 0; margin: 0; margin: 7px 0 0 0; box-shadow: none;}
.header .search-field form input::-webkit-input-placeholder {color: #ffffff;}
.header .search-field form input:-moz-placeholder {color: #ffffff; opacity: 1;}
.header .search-field form input::-moz-placeholder {color: #ffffff; opacity: 1;}
.header .search-field form input:-ms-input-placeholder {color: #ffffff;}
.header .search-field .search-button {float: right; width: 32px; height: 32px; display: block; line-height: 42px; text-align: center; padding: 2px 0 0;}
.header .search-field .search-button {height: 42px; width: 42px;}
.header .search-field .search-button i {color: #ffffff; font-size: 22px;}
.header .search-field .search-hide {display: block;}

/**********/
/* Slider */
/**********/
.slick-prev, 
.slick-next {position: absolute; width: 70px; height: 70px; background: transparent; margin: 0 !important; text-align: center; line-height: 70px; border: 1px solid #E2E6E7; top: 43%; font-size: 24px; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; color: transparent;}
.slick-prev:before,
.slick-next:before {font-size: 50px; color: #ffffff;}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slick-page {display: inline-block; padding: 6px 2px; position: relative;}
.slick-theme .slick-controls .slick-page span {width: 8px; height: 8px; display: block; position: relative; margin: 5px 3px; z-index: 1000 !important; background: rgba(0, 0, 0, .5); border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.slick-page:hover span {background: rgba(0, 0, 0, .5);}
.slick-page.active span {background: #21465a !important; border: 1px solid #21465a !important; -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333);}

/************/
/* Homepage */
/************/
/* Slider */
.slider-section {background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: top right; position: relative; opacity: 0; padding: 150px 0 0; min-height: 768px; overflow: hidden; height: 100vh; margin:0 auto; }
.slider-section .container {position: relative; z-index: 2; max-width: 1720px;}
.slider-section:focus {outline: none;}

.slider-section .text-holder {padding-top: 120px; padding-left: 40px; padding-right: 40px;}
.slider-section .text-holder:after {content: ""; display: block; clear: both;}

.slider-section .text-area {padding-top: 60px; opacity: 0; max-width: 670px; float: left; width: calc(100% - 309px);}
.slider-section .text-area h1 {font-size: 60px; line-height: 1.2; margin: 0 0 25px; font-family: 'Lato', sans-serif; color: #707070;}
.slider-section .text-area p {font-size: 25px; line-height: 1.4; margin: 0 0 40px; max-width: 530px; color: #707070;}

.slider-section .text-area a.btn-one {transition: all 0.3s; position: relative; padding: 17px 37px 20px;}
.slider-section .text-area a.btn-one span {color: #707070; transition: all 0.3s; position: relative; z-index: 2; font-family: 'playfair-display', serif; text-transform: none; font-style: italic; font-weight: bold; font-size: 18px;}
.slider-section .text-area a.btn-one span svg {position: relative; top: 5px; margin-left: 6px;} 
.slider-section .text-area a.btn-one::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.3s; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(112,112,112,0.5); border-bottom-color: rgba(112,112,112,0.5); transform: scale(0.1, 1);}
.slider-section .text-area a.btn-one:hover span {color: #707070;}
.slider-section .text-area a.btn-one:hover::before {opacity: 1; transform: scale(1, 1);}
.slider-section .text-area a.btn-one::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.3s; background-color: rgba(255,255,255,1);}
.slider-section .text-area a.btn-one:hover::after {opacity: 0; transform: scale(0.1, 1);}

.slider-section .circle-area {opacity: 0; float:left; width: 309px;}
.slider-section .circle-area img {margin: 0; display: block;}

@media (max-width: 1450px) {
	.slider-section .text-holder {padding-top: 60px;}
	.slider-section .text-area {max-width: 570px;}
	.slider-section .text-area h1 {font-size: 50px;}
	.slider-section .text-area p {font-size: 25px;}
}

@media (max-width: 1280px) {
	.slider-section { height: auto;}
	.slider-section .text-holder {padding-top: 20px;}
	.slider-section .text-area {padding-top: 20px; max-width: 470px;}
	.slider-section .text-area h1 {font-size: 40px;}
	.slider-section .text-area p {font-size: 20px;}
	.slider-section .circle-area {width: 250px;}
}

@media (max-width: 991px) {
	.slider-section {padding-top: 100px; height: auto; min-height: 0px;background-position: 0 65px; background-size: contain;}
	.slider-section .text-holder {padding-top: 0;}
	.slider-section .text-area {float: none; margin-bottom: 40px; width: auto;}
	.slider-section .circle-area {float: none; width: 200px;}
}

@media (max-width: 767px) {
	.slider-section {padding: 200px 0 100px; min-height: initial; background-position: center bottom; background-size: cover;}
	.slider-section:before { content:" "; display: block; width:100%; height: 300px; position: absolute; z-index:0; top:0; left:0; background: url(../jpg/metric-mobile-hero.jpg) no-repeat center / cover; }
	.slider-section .container{ background: linear-gradient(180deg, rgba(242,242,242,1) 30%, rgba(255,255,255,0) 100%); max-width: 90%; margin:0 auto;}
	.slider-section .text-holder { padding: 0 20px; }
	.slider-section .text-area {float: none; margin: 0 auto 40px; text-align: center;}
	.slider-section .circle-area {float: none; width: 200px; margin: 0 auto; opacity: 1;}
	.slider-section .text-area h1 { font-size: 34px;}
}

/* Thumb */
/* .bg-thumb {background: url('images/bg-thumb.jpg.webp') no-repeat top center; background-size: cover;} */
body.home .bg-thumb {opacity: 0;}

/* Introduction */
.intro-section {padding: 80px 0 150px;}
body.home .intro-section {opacity: 0; padding-bottom: 70px;}

.intro-section .text-area h2 {font-size: 34px;}
.intro-section .text-area p {font-size: 16px; line-height: 1.5; margin-bottom: 25px;}
.intro-section .text-area a.button { max-width: 230px; text-decoration: none;}
.intro-section .text-area a.button:hover {background-color: #59595c; color: #ffffff;}

.intro-section .video-area {opacity: 0;}
.intro-section .video-area a {position: relative; display: block;}
.intro-section .video-area a span {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 143px; height: 143px; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.intro-section .video-area a:hover span {opacity: 0.95;}
.intro-section .video-area img {max-width: 100%; margin: 0 auto; display: block;}

.intro-section .link-area {text-align: center; opacity: 0; margin-top: -50px;}
.intro-section .link-area a {font-style: italic; color: #ffffff; font-size: 24px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.intro-section .link-area a span {position: relative; z-index: 2;}
.intro-section .link-area a:before {position: absolute; top: 21px; content: ""; display: block; background-color: #abbbc2; left: 3%; width: 100%; height: 13px;}
.intro-section .link-area a:hover:before {background-color: #fcb614;}

@media (max-width: 991px) {
	.intro-section {padding: 100px 0 75px;}
}

@media (max-width: 767px) {
	.intro-section {padding: 50px 0;}
	.intro-section .text-area {margin: 0 auto; padding-top: 0;}
	.intro-section .video-area {margin-top: 30px;}
}

/* Services */
.services-section { padding: 25px 0; }
.home .services-section { background:#F5F5F6; padding: 50px 0;}
.services-section .flexit{ display: flex; align-items: center; flex-wrap:wrap; flex-direction: row-reverse;}
.services-section .text-area {margin-bottom: 50px; padding-left: 40px;}
.services-section .text-area ul { list-style:disc; margin:0 0 0 10px; padding-left: 10px; font-size: 16px; }
.services-section .icon-area {padding: 0 10px; max-width: 300px; margin: 0 auto;}
.services-section .icon-area a {display: block;}
.services-section .icon-area a:after {content: ""; display: block; clear: both;}
.services-section .icon-area .image-box {min-height: 110px; position: relative; margin-bottom: 10px; float: left; padding-top: 10px; padding-right: 20px; width: 95px;}
.services-section .icon-area .image-box img {display: block; position: absolute; /*top: 50%; transform: translateY(-50%);*/ right: 20px; -webkit-animation-duration: 2s; animation-duration: 2s;}
.services-section .icon-area p {line-height: 1.4; font-size: 17.5px; color: #59595c; text-transform: uppercase; font-weight: bold; max-width: 142px; margin: 22px 0 10px; float: left; width: calc(100% - 95px);}

.services-section .icon-area p:after {content: ""; display: block; background-color: rgb(252,199,72,0); left: -5px; width: 0; height: 13px;position: relative; top: -10px; z-index: 1;}
.services-section .icon-area p span {position: relative; z-index: 2;}
.services-section .icon-area a:hover p:after {background-color: #fcc748; width: calc(100% + 5px);}
@media (max-width:767px){
	.services-section .text-area{ padding-left: 0;}
}
/* Events */
.upcoming-section {position: relative; padding: 90px 0 100px; background: url(../png/bg-split.png) no-repeat top center;}
body.home .upcoming-section {opacity: 0; }

.home .upcoming-section .events-area { background: #194b66; padding:40px 20px; }
.home .upcoming-section .events-area { display: flex; flex-wrap: wrap; align-items: center;}
.home .upcoming-section .events-area .text-area{ width: 60%;}
.home .upcoming-section .events-area .cta-area{ width: 40%; text-align: center;}
.upcoming-section .text-area { padding: 20px 30px;}
.upcoming-section .text-area ul { list-style:disc; margin:0 0 0 10px; padding-left: 10px; font-size: 16px; }
.upcoming-section .text-area h2, .upcoming-section .cta-area h3 {color: #ffffff; font-style: italic; font-weight: bold; margin: 0 0 20px;}
.upcoming-section .cta-area { background: url(../png/metric-circle-white.png) no-repeat center / contain; padding:90px 20px 100px;}
.upcoming-section .cta-area h3{ font-size: 35px;}
.upcoming-section .text-area p {color: #ffffff; font-size: 16px; line-height: 20px; margin-bottom: 25px;}
.upcoming-section .text-area ul li {color: #ffffff; font-size: 16px;  line-height: 20px; margin-bottom: 15px;}
.upcoming-section .text-area ul li:last-child {margin: 0;}
.upcoming-section .text-area ul li em {font-style: initial; letter-spacing: 2px;}
.upcoming-section .text-area p:last-child {margin: 0;}
.upcoming-section .text-area a.button {display: block; max-width: 230px;}
.upcoming-section .text-area a.button:hover {background-color: #59595c; color: #ffffff;}
.home .events-area .cta-area .button{ background: #fff;}
.home .events-area .cta-area .button:hover, .home .events-area .cta-area .button:focus{ background: #6bc6b2; }

@media (max-width: 991px) {
	.upcoming-section {padding: 70px 0 80px;}
}

@media (max-width: 767px) {
	.upcoming-section {padding: 40px 0 50px;}
	.upcoming-section .text-area {padding: 40px 45px 30px 20px;}
	.upcoming-section .cta-area h3 { font-size: 25px;}
	.home .upcoming-section .events-area .cta-area, .home .upcoming-section .events-area .text-area{ width: 100%;}
}

/* Quote */
.clientquote-section {position: relative; padding: 80px 0; overflow: hidden;}
body.home .clientquote-section {opacity: 0;}

.clientquote-section .link-area {float: right;}
.clientquote-section .link-area a {position: relative; text-transform: uppercase; color: #ffffff; font-size: 16px; background-color: #6bc6b2; padding: 0 18px; font-weight: 500; letter-spacing: 1px; margin: 0; font-family: 'playfair-display', serif; height: 40px; line-height: 42px; display: inline-block;}
.clientquote-section .link-area a:before {content: ""; display: block; background-color: #6bc6b2; height: 40px; left: 100%; width: 500px; position: absolute; top: 0; bottom: 0;}
.clientquote-section .link-area a:hover {background-color: #fcbe2d;}
.clientquote-section .link-area a:hover:before {background-color: #fcbe2d;}

.clientquote-section .text-area {}
.clientquote-section .text-area h2 {position: relative; text-transform: uppercase; color: #ffffff; font-size: 16px; background-color: #6bc6b2; padding: 14px 18px 10px; font-weight: 500; letter-spacing: 1px; margin: 0 0 15px; line-height: 1; text-align: right; max-width: 165px; float: right;}
.clientquote-section .text-area h2:after {content: ""; display: block; background-color: #6bc6b2; height: 40px; left: 100%; width: 300%; position: absolute; top: 0;}

.clientquote-section .quote-area {background: url('../webp/bg-quote.png.webp') no-repeat center top; background-size: contain; padding: 80px 80px 0; text-align: center; max-width: 1029px; margin: 0 auto;}
.clientquote-section .quote-area blockquote {border: none; padding: 0; background: none; margin: 0 0 10px; font-size: 20px;}
.clientquote-section .quote-area blockquote p { font-size: 20px; line-height: 38px; font-family: 'playfair-display', serif; }
.clientquote-section .quote-area p:last-child {margin: 0;}
.clientquote-section .quote-area p strong {text-transform: uppercase; font-size: 24px; font-weight: 500;}

@media (max-width: 767px) {
	.clientquote-section .quote-area{ background: none;}
	.clientquote-section {padding: 30px 0 50px;}
	.clientquote-section .text-area {text-align: center;}
	.clientquote-section .text-area h2 {float: none; display: inline-block;}
	.clientquote-section .quote-area {padding: 50px 35px 0;}
	.clientquote-section .quote-area blockquote p {font-size: 18px; line-height: 30px;}
	.clientquote-section .quote-area p strong {font-size: 20px;}
}

/* Portfolio */
.portfolio-section {background: none; padding: 50px 0 0; position: relative; z-index: 2; background-repeat: no-repeat; background-position: center top;}
.portfolio-section .container { max-width: 1060px;}
.faqs-section + .portfolio-section {padding-top: 10px;}
body.home .portfolio-section {opacity: 0;}
body.page-template-template-studies .portfolio-section {padding: 200px 0 40px;}

.portfolio-section .text-area h2 {font-size: 36px;}
body.home .portfolio-section .text-area h2 em {font-size: 24px;}
body.page-template-template-studies .portfolio-section .text-area h2 {text-align: center;}

.portfolio-section .headline-area {text-align: center;}
.portfolio-section .headline-area h2 {font-size: 24px; margin-bottom: 35px;}
.portfolio-section .headline-area h2:after {content: ""; display: block; margin: 15px auto 0; height: 2px; width: 115px; background-color: #627a83;}

.portfolio-section .site-row {padding: 0 10px;}
.portfolio-section .site-row .site-column {padding: 4px;}
.portfolio-section .site-area {}
.portfolio-section .site-area a {display: block; position: relative;}
.portfolio-section .site-area .background-image {width: 100%; min-height: 280px;}
.portfolio-section .site-area a:hover .background-image {opacity: 0.9;}
.portfolio-section .site-area .logo-box {max-width: 300px; position: absolute; bottom: 40px; left: 30px;}
.portfolio-section .site-area .logo-box img {margin: 0 0 5px; max-width: 100%;}
.portfolio-section .site-area .logo-box p {color: #ffffff; margin: 0; font-size: 18px;}

.portfolio-section .link-area {text-align: center; padding-top: 35px;}
.portfolio-section .link-area a.button {background-color: #fcb714; color: #59595c; display: block; max-width: 315px; margin: 0 auto;}
.portfolio-section .link-area a.button:hover {background-color: #59595c; color: #ffffff;}
/*.portfolio-section .link-area a {font-style: italic; color: #231f20; font-size: 24px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.portfolio-section .link-area a span {position: relative; z-index: 2;}
.portfolio-section .link-area a:before {position: absolute; top: 17px; content: ""; display: block; background-color: #fcb614; left: 9%; width: 94%; height: 13px;}
.portfolio-section .link-area a:hover:before {background-color: #abbbc2;}*/

body.page-template-template-resources .portfolio-section .link-area {padding-top: 35px; text-align: center;}
body.page-template-template-resources .portfolio-section .link-area a {font-style: italic; color: #231f20; font-size: 20px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
body.page-template-template-resources .portfolio-section .link-area a:before {display: none;}
body.page-template-template-resources .portfolio-section .link-area a:after {content: ""; display: inline-block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 18px solid #fcb614; margin-left: 19px; position: relative; top: 8px; margin-left: 7px;}
body.page-template-template-resources .portfolio-section .link-area a:hover:after {border-left: 18px solid #6bc6b2;}

@media (max-width: 991px) {
	.portfolio-section {padding: 50px 0 75px;}
}

@media (max-width: 767px) {
	.portfolio-section {padding: 40px 0 50px;}
	.portfolio-section .site-area .background-image img {min-height: 260px;}
}

/* Testimonials */
.testimonials-section { padding:150px 0 50px; position: relative; margin-top: 70px; background: #F3F5F6;}
body.home .testimonials-section {opacity: 0;}

.testimonials-section .text-area {text-align: right; position: absolute; top: 10%; left: 0; right: 0; z-index: 2;}
.testimonials-section .text-area .container {max-width: 100%;}
.testimonials-section .text-area h2 {position: relative; text-transform: uppercase; color: #ffffff; font-size: 16px; background-color: #6bc6b2; padding: 12px 18px; font-weight: 500; letter-spacing: 1px; margin: 0; line-height: 1;}
.testimonials-section .text-area h2:before {content: ""; display: block; background-color: #6bc6b2; height: 40px; right: 100%; width: 100%; position: absolute; top: 0;}

.testimonials-section .item {min-height: 230px;}
.testimonials-section .quote-area {text-align: center; max-width: 655px; margin:0 auto;/*background: rgb(253,253,253);
background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(253,253,253,1) 100%);*/}
.testimonials-section .quote-area p {margin: 0; font-size: 30px; color: #59595c;}
.testimonials-section .quote-area p.author {text-transform: uppercase; margin-top: 15px; font-size: 24px;}
.testimonials-section .quote-area p.title {font-style: italic; font-family: 'playfair-display', serif; font-size: 20px;}

.testimonials-section .slick-dots { right: 0; width: 40%;  z-index: 9; text-align: center; left:0; margin: 0 auto; bottom:-25px; }
.testimonials-section .slick-dots li {}
.testimonials-section .slick-dots button:before {border-radius: 50%; opacity: 1; font-size: 15px; color: #eceded; line-height: 17px; border: none;}
.testimonials-section .slick-dots li:hover button:before,
.testimonials-section .slick-dots li.slick-active button:before {color: #7b95a2; opacity: 1;}

.testimonials-section .cover-area {position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
.testimonials-section .cover-area img {max-width: 100%;}

@media (max-width: 991px) {
	.testimonials-section .quote-area p {font-size: 24px;}
	.testimonials-section .slick-dots { bottom:0px; }
}

@media (max-width: 767px) {
	.portfolio-section + .testimonials-section {margin-top: 0;}
	.testimonials-section .text-area {position: static; margin-bottom: 50px;}
	.testimonials-section .slick-dots {width: 100%; left: 0; text-align: center; }
	.testimonials-section .quote-area p {font-size: 18px;}
	.testimonials-section .slick-dots { bottom:0px; }
}

/* Expertise */
.expertise-section {background-color: #ffffff; padding: 60px 0 110px;}
body.home .expertise-section {opacity: 0;}
.expertise-section .container {max-width: 1150px;}
.expertise-section .button{ text-decoration: none;}
.expertise-section .button:hover, .expertise-section .button:focus{ background: #194b66;}
.expertise-section .expert-row {max-width: 640px;}
.expertise-section .expert-row .col-lg-4 {padding: 0;}
.expertise-section .icon-area { text-align: center; position: relative;}
.expertise-section .icon-area.icon-biotech {padding-right: 50px;}
/*.expertise-section .icon-area:before {content: ""; display: block; position: absolute; top: -32px; height: 100px; width: 2px; background-color: #ffffff; left: 50%; transform: translateX(-50%);}
.expertise-section .icon-area.icon-software:before {background-color: #7b95a2;}*/
.expertise-section .icon-area a {display: block;}
.expertise-section .icon-area .image-box {position: relative; min-height: 220px; margin-bottom: 5px;}
.expertise-section .icon-area .image-box img {margin: 0 auto; max-width: 100%; display: block; position: absolute; top: 50%; transform: translateY(-50%); max-height: 220px; left: 0; right: 0;}
.expertise-section .icon-area p {font-style: italic; color: #231f20; font-size: 24px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.expertise-section .icon-area p span {position: relative; z-index: 2;}
.expertise-section .icon-area p:before {position: absolute; top: 18px; content: ""; display: block; background-color: #b0bfc7; left: 19%; width: 100%; height: 13px;}
.expertise-section .icon-area a:hover p:before {background-color: #fcb614;}
.expertise-section .icon-area.icon-biotech p:before {left: 24%;}

.expertise-section .text-area h2 {font-size: 36px; padding-right: 15px; position: relative; margin-bottom: 30px;}
/*.expertise-section .text-area h2:before {content: ""; display: block; width: 189px; height: 2px; background-color: #7b95a2; right: 92%; top: 60px; position: absolute;}*/
.expertise-section .text-area h2 em {font-size: 24px;}
.expertise-section .text-area p {font-size: 18px; line-height: 26px; margin-bottom: 25px;}
.expertise-section .text-area p:last-child {margin: 0;}

@media (max-width: 767px) {
	.expertise-section {padding: 10px 0;}
	.expertise-section .expert-row {max-width: initial;}
	.expertise-section .icon-area.icon-biotech {padding-right: 0;}
	.expertise-section .text-area p {font-size: 16px; line-height: 1.5;}
}

@media (max-width: 500px) {
	.expertise-section .expert-row .col-xs-4 {width: 100%; float: none;}
}

/* Clients */
.clients-section {padding: 0 0 90px; position: relative;  }
body.home .clients-section {opacity: 0;}
.clients-section .container {max-width: 100%; padding: 0;}
.clients-carousel { background: url(../png/logo-viewer.png) no-repeat center / contain; }
.clients-section .viewer-holder {position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.clients-section .viewer-holder img {max-width: initial;}

.clients-section .text-area {padding-top: 55px;}
.clients-section .text-area h2 {position: relative; text-transform: uppercase; color: #ffffff; font-size: 16px; background-color: #6bc6b2; padding: 14px 18px 10px; font-weight: 500; letter-spacing: 1px; margin: 0; line-height: 1;}
.clients-section .text-area h2:after {content: ""; display: block; background-color: #6bc6b2; height: 40px; left: 100%; width: 100%; position: absolute; top: 0;}

.clients-section .client-area p {text-align: center; text-transform: uppercase;}
.clients-section .client-area p.subheadline {font-size: 24px; margin: 0 0 5px; line-height: 28px;}
.clients-section .client-area p.headline {font-size: 50px; line-height: 60px; font-family: 'playfair-display', serif; margin-bottom: 40px;} 
.clients-section .item {position: relative;  text-align: center;}
.clients-section .item picture { display: flex; align-items: center; justify-content: center; height: 180px; padding:0 20%; }
.clients-section .item img {max-width: 230px; width:100% !important; height: auto !important; margin: 0 auto;}
.clients-section .item a:hover img {opacity: 0.8;}

@media (max-width: 1400px) {
	.clients-section .item picture{
		height: 160px;
	}
}
@media (max-width: 767px) {
	.clients-section .item picture {
		padding: 0 70px;
	}
	.clients-section .viewer-holder {transform: translateX(-50%) translateY(-50%); top: 50%;}
}

/* Chat */
.chat-section {padding: 150px 0; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.chat-section .chat-bg {display: none;}
.chat-section .text-area {max-width: 520px; background: rgba(89, 89, 92, .80); padding:20px;}
.chat-section .text-area h2 {color: #ffffffff; text-align: center; font-weight: bold; margin-bottom: 30px;}
.chat-section .text-area p {color: #ffffff; font-size: 18px; margin-bottom: 10px; line-height: 26px;}
.chat-section .text-area p a { color:#fff;}
.chat-section .text-area p a:hover, .chat-section .text-area p a:focus{ color:#fcb714; }
.chat-section .text-area .chat-text p:last-child {margin-bottom: 5px;}
.chat-section .text-area p.position {text-align: center; margin-bottom: 30px;}
.chat-section .text-area img {margin: 0 auto; display: block;}
.chat-section .text-area a.button {background-color: #fcb714; color: #59595c; display: block; max-width: 315px; margin: 20px auto 0;}
.chat-section .text-area a.button:hover {background-color: #ffffff;}

@media (max-width: 767px) {
	.chat-section {background-image: none !important; background-color: #333333; padding: 0 0 30px;}
	.chat-section .chat-bg {display: block; margin-bottom: 20px;}
	.chat-section .text-area {margin: 0 auto; background: none;}
	.chat-section .text-area p {font-size: 16px; line-height: 1.5;}
	.chat-section .text-area h2 { font-size: 30px; }
}

/* Quiz */
.quiz-section {padding: 85px 0 95px; background-color: #eff3f4; position: relative; overflow: hidden; cursor: url('../webp/icon-check.png.webp'), auto;}
body.home .quiz-section {opacity: 0;}
.quiz-section .bg-image {position: absolute; left: 50%; transform: translateX(-50%); top: 0; min-width: 100%; min-height: 100%;}

.quiz-section .text-area {text-align: center;}
.quiz-section .text-area h2 {font-size: 36px; padding-right: 15px; position: relative; margin-bottom: 30px;}
.quiz-section .text-area h2 em {font-size: 24px; display: block; margin-bottom: 5px;}
.quiz-section .text-area p {color: 24px; color: #333333; margin: 0 0 5px;}
.quiz-section .text-area p:last-child {margin: 0;}

.quiz-section .checkbox-area {display: inline-block; padding: 0 10px; margin: 0;}
.quiz-section .checkbox-area a {display: block; padding: 35px 30px 15px; cursor: url('../webp/icon-check.png.webp'), auto;}
.quiz-section .checkbox-area a span {width: 40px; height: 40px; border: 2px solid #7b95a2; display: block; margin: 0 auto;}
.quiz-section .checkbox-area p {color: 24px; color: #333333; margin: 0 0 5px;}

/**********/
/* Banner */
/**********/
/* Banner > Main Headline */
.page-heading {background-repeat: no-repeat; background-size: cover; position: relative; padding: 0; background-position: center top; overflow: hidden; min-height: 420px;}
@media (min-width:768px){
	.page-heading{ padding-bottom: 500px;}
}
.page-heading .banner-image { display: none;}
.page-heading .container {position: absolute; top: 0; padding-top: 130px; left: 0; right: 0; z-index: 2;}
body.page-template-template-team .page-heading .container {padding-top: 85px;}
.page-heading .title-holder {background-color: #e1e3e2; padding: 24px 40px 27px 0; display: inline-block; min-width: 400px;}
.page-heading .title-holder:before {content: ""; display: block; background-color: #e1e3e2; right: calc(100% - 15px); width: 500px; position: absolute; top: 0; bottom: 0;}
.page-heading h1,
.page-heading span {color: #59595c !important; max-width: 800px; font-size: 36px; line-height: 1.2; margin: 0; font-family: 'playfair-display', serif; display: inline-block; padding: 0;}
body.page-id-11 .page-heading h1 {padding-right: 5px;}
.page-heading p {max-width: 600px; clear: both; float: right; text-align: right; color: #ffffff; font-size: 35px; font-weight: 500; line-height: 43px; text-transform: uppercase; margin: 15px 0 0;}
.page-heading a.button {display: block; max-width: 450px; border: 1px solid #ffffff; padding: 20px 45px; text-align: center; margin: 15px 0 0; text-transform: uppercase; font-size: 37px; font-weight: bold; color: #ffffff; clear: both; float: right;}
.page-heading a.button:hover {background-color: #ffffff; color: #21465a;}

body.page-template-template-contact .page-heading {min-height: 550px;}

body.page-template-template-process .page-heading,
body.page-template-template-studies .page-heading,
body.blog .page-heading,
body.archive.category .page-heading {min-height: 725px;}

body.page-template-template-team .page-heading {min-height: 900px;}

@media (max-width: 991px) {
	body.page-template-template-process .page-heading,
	body.page-template-template-studies .page-heading,
	body.blog .page-heading,
	body.archive.category .page-heading {min-height: 600px;}
}

@media (max-width: 767px) {
	.page-heading {background: none !important; min-height: initial !important; }
	.page-heading .container {position: static; padding: 0 0 22px;}
	.page-heading .banner-image {display: block;}
	body.page-template-template-team .page-heading .container {padding-top: 0;}
	.page-heading .title-holder {text-align: center; max-width: 100%; padding: 25px 15px 45px; display: block; min-width: initial;}
	.page-heading h1, 
	.page-heading span {font-size: 28px;}
}

/* Banner > Curve */
.page-heading .cover-area {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 2;}
.page-heading .cover-area img {max-width: 100%;}

/* Banner > Top bar (for blog) */
.top-section {text-align: center; padding: 40px 0; background-color: #7d919e;}
.top-section p.subheadline {color: #ffffff; text-transform: uppercase; font-size: 30px; line-height: 30px; margin: 0; font-weight: 500;}
.top-section p.subheadline a {color: #ffffff;}
.top-section p.subheadline a:hover {color: #21465a;}

.cta-shortcode{
    background: url(../png/circle-text.png) no-repeat center / auto 90%;
	background-color: #194b66;
    padding: 20px 20px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	margin:40px auto;
	text-align: center;
  }
  .cta-shortcode form{
    padding:0;
  }
  .cta-shortcode .btn-side{
    width: 100%;
  }
  .cta-shortcode h2{
    margin-bottom: 10px;
	color:#fff;
  }
  .cta-shortcode p{
    font-size: 18px;
	color:#fff;
  }
  .cta-shortcode .button{
	background: #fcb614;
	margin-top: 20px;
  }
  .cta-shortcode .button:hover,  .cta-shortcode .button:focus{
	background: #fff !important;
	color:#184B66 !important;
  }
  @media (min-width:768px){
    .cta-shortcode{
	  background: url(../png/circle-text.png) center no-repeat, url(../png/logo-footer.png) center no-repeat;
      justify-content: space-between;
	  background-color: #194b66;
      padding:40px;
    }
    .cta-shortcode .button{
      margin-top: 0;
    }
    .cta-shortcode .btn-side{
      width: auto;
    }
  }

/***********/
/* Content */
/***********/
.content-section {padding: 50px 0 60px; background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; position: relative;}
.content-section + .content-section {padding-top: 0 !important; margin-top: -25px;}
.content-section.padding-zero {padding: 0 !important;}
.content-section.gray-bg {background-color: #f3f3f3;}
.content-section .content-area {padding-right: 20px;}

@media (max-width: 991px) {
	.content-section .content-area {padding-right: 0;}
}

/* Content > Breadcrumbs */
.breadcrumbs-section {padding: 20px 0 0; background-color: #f3f3f3; text-align: center;}
.breadcrumbs-section ul.breadcrumb {margin: 0; padding: 0;}
.breadcrumbs-section ul.breadcrumb li {text-transform: lowercase; font-size: 15px; color: #8b8c8e; letter-spacing: 1px;}
.breadcrumbs-section ul.breadcrumb li:before {content: "/\00a0"; color: #8b8c8e; padding: 0;}
.breadcrumbs-section ul.breadcrumb li.home:before {display: none;}
.breadcrumbs-section ul.breadcrumb li a {color: #8b8c8e;}
.breadcrumbs-section ul.breadcrumb li a:hover {color: #6bc6b2;}

/* Content > Text */
.content-section .content-area h2 {font-size: 24px; font-weight: bold;}
.content-section .content-area h3 {font-size: 20px; font-weight: 500; font-family: 'Lato', sans-serif;}
.content-section .content-area h3.social-ads {margin: 0; font-size: 18px; line-height: 1.5; font-family: 'playfair-display',serif; font-style: italic;}
.content-section .content-area h3.social-ads + p {margin-bottom: 10px;}
.content-section .content-area p {}
.content-section .content-area p:last-child {margin-bottom: 0;}
.content-section .content-area p a {color: #6bc6b2;}
.content-section .content-area p a:hover {color: #21465a;}
.content-section .content-area a.button {color: #21465a;}
.content-section .content-area a.button:hover {background-color: #21465a; color: #ffffff;}
.content-section .content-area hr {margin: 30px 0;}
.content-section .content-area blockquote p:last-child {margin-bottom: 0;}

.content-section .content-area table {width: 100%; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-bottom: 20px;}
.content-section .content-area table tr {border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.content-section .content-area table tr:nth-child(odd) {background-color: #eeeeee;}
.content-section .content-area table tr:nth-child(even) {background-color: #ffffff;}
.content-section .content-area table th:nth-child(1) {width: 35%;}
.content-section .content-area table th:nth-child(2) {width: 45%;}
.content-section .content-area table th:nth-child(3) {width: 20%;}
.content-section .content-area table th {font-size: 16px; color: #ffffff; font-weight: bold; text-transform: uppercase; vertical-align: top; background-color: #6bc6b2; padding: 28px 5px 32px 15px;}
.content-section .content-area table td {vertical-align: top; padding: 10px 15px; font-size: 16px;} 

body.page-template-template-services .content-section .content-area h2 em,
body.page-template-template-indlanding .content-section .content-area h2 em {font-weight: normal;}



/* Content > Lists */
.content-section .content-area ul {list-style: outside;}
.content-section .content-area ol {list-style: decimal;}
.content-section .content-area ol,
.content-section .content-area ul {margin: 0 0 25px 40px;}
.content-section .content-area ol:last-child,
.content-section .content-area ul:last-child {margin-bottom: 0;}
.content-section .content-area h2 + ul,
.content-section .content-area h3 + ul,
.content-section .content-area h4 + ul,
.content-section .content-area h2 + ol,
.content-section .content-area h3 + ol,
.content-section .content-area h4 + ol {margin-top: 15px;}
.content-section .content-area ol li ol,
.content-section .content-area ul li ul,
.content-section .content-area ol li ul,
.content-section .content-area ul li ol {margin: 5px 0 5px 20px;}
.content-section .content-area ol li,
.content-section .content-area ul li {position: relative; font-size: 16px; line-height: 1.5; margin-bottom: 5px; font-weight: normal;}
.content-section .content-area ol li ol li,
.content-section .content-area ul li ul li,
.content-section .content-area ol li ul li,
.content-section .content-area ul li ol li {margin-bottom: 5px;}
.content-section .content-area ol li a,
.content-section .content-area ul li a {color: #6bc6b2;}
.content-section .content-area ol li.page_item a,
.content-section .content-area ul li.page_item a {color: #21465a;}
.content-section .content-area ol li a:hover,
.content-section .content-area ul li a:hover {color: #21465a;}
.content-section .content-area ol li.page_item a:hover,
.content-section .content-area ul li.page_item a:hover {color: #6bc6b2;}
.content-section .content-area ol li:last-child,
.content-section .content-area ul li:last-child {margin-bottom: 0;}

.content-section .content-area .exposure-area a.button {border: 2px solid #6bc6b2; background-color: #6bc6b2; display: block; color: #ffffff; padding: 20px 50px; text-align: center; margin: 0 auto 30px; text-transform: uppercase; font-size: 40px; line-height: 44px; max-width: 500px; font-family: 'playfair-display', serif; font-weight: normal; letter-spacing: 1px;}
.content-section .content-area .exposure-area a.button:hover {background-color: rgba(223,138,83,0.75);}

/* Content > Related Posts */
.content-section .rp4wp-related-posts {margin-top: 30px;}
.content-section .rp4wp-related-posts h3 {font-size: 26px; line-height: 30px;}
.content-section ul.rp4wp-posts-list {margin-left: 0;}
.content-section ul.rp4wp-posts-list li {padding-left: 0 !important; height: auto !important; margin-bottom: 10px !important; border-bottom: 1px solid #e4e4e5; padding-bottom: 10px !important;}
.content-section ul.rp4wp-posts-list li:before {display: none;}
.content-section ul.rp4wp-posts-list li .rp4wp_component_title {font-weight: 600; height: auto !important; padding: 0 !important;}
.content-section ul.rp4wp-posts-list li .rp4wp_component_excerpt {padding: 0 !important; height: auto !important;}
.content-section ul.rp4wp-posts-list li .rp4wp_component_excerpt p {margin: 0;}

/* Content > Images */
.content-section .content-area img {max-width: 100%; height: auto; margin: 30px auto; display: block;}
.content-section .content-area a.open-gallery {cursor: zoom-in !important;}
.content-section .content-area .image-area img {margin: 0;}
.content-section .content-area p.featured-image img {margin: 20px auto;}
.content-section .content-area a img {border: none; padding: 0; background: none;}
.content-section .content-area .full-width {width: 100%;}

/* Content > Alignment */
.content-section .content-area .align-center {text-align: center;}
.content-section .content-area .align-left {text-align: left;}
.content-section .content-area .align-right {text-align: right;}
.content-section .content-area .alignright {float: right; margin: 0 0 9px 15px;}
.content-section .content-area .alignright img {margin: 0;}
.content-section .content-area .alignleft {float: left; margin: 0 15px 9px 0;}
.content-section .content-area .alignleft img {margin: 0;}
.content-section .content-area .aligncenter {display: block; margin: 30px auto;}
.content-section .content-area .aligncenter:last-child {margin-bottom: 0;}
.content-section .content-area .aligncenter img {margin: 0 auto;}
.content-section .content-area table.alignright {float: right; position: relative; z-index: 2; margin: 0 0 10px 10px;}
.content-section .content-area table.alignright ul {list-style: none !important;}

/*********/
/* About */
/*********/
/* About > Split */
.split-section {background-color: #f3f3f3; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; padding: 70px 0 240px;}
.split-section .text-area {padding: 40px 0 0; max-width: 480px;}
.split-section .text-area h2 {font-size: 24px;}
.split-section .text-area blockquote {text-align: center; border: none; padding: 30px 10px; position: relative; margin: 30px 0;}
.split-section .text-area blockquote:before,
.split-section .text-area blockquote:after {content: ""; display: block; height: 2px; max-width: 240px; width: 100%; margin: 0 auto; background-color: #627a84; position: absolute; top: 0; left: 0; right: 0;}
.split-section .text-area blockquote:after {bottom: 0; top: auto;}
.split-section .text-area blockquote:last-child {margin-bottom: 0;}
.split-section .text-area blockquote p {font-family: 'playfair-display'; font-size: 18px; font-style: italic; line-height: 1.667;}
.split-section .text-area blockquote p:last-child {margin: 0;}
.split-section .text-area hr {display: block; height: 2px; max-width: 240px; width: 100%; margin: 30px auto; background-color: #627a84;}
.split-section .text-area .quote-area p {font-family: 'playfair-display'; font-size: 18px; font-style: italic; line-height: 1.667;}
.split-section .text-area p.author {font-size: 24px; text-transform: uppercase; text-align: center; margin: 0;}
.split-section .text-area p.client {font-size: 19px; font-style: italic; text-align: center; font-family: 'playfair-display', serif;}
.split-section .text-area .button-area {text-align: center;}
.split-section .text-area .button-area a.button {background-color: #ffffff; text-transform: initial;}
.split-section .text-area .button-area a.button:hover {background-color: #6bc6b2;}

.split-section .link-area {text-align: center; padding-top: 35px;}
.split-section .link-area a {font-style: italic; color: #231f20; font-size: 24px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.split-section .link-area a span {position: relative; z-index: 2;}
.split-section .link-area a:before {position: absolute; top: 17px; content: ""; display: block; background-color: #abbbc2; left: 9%; width: 94%; height: 13px;}
.split-section .link-area a:hover:before {background-color:#fcb614 ;}

.split-section .image-area {margin-bottom: 90px;}
.split-section .image-area:after {content: ""; background-color: #ffffff; display: block; left: 90px; top: 80px; width: 200%; position: absolute; height: 50%; max-height: 370px;}
.split-section .image-area img {max-width: 100%; position: relative; z-index: 2;}

.split-section .video-area {position: relative;}
.split-section .video-area img {max-width: 100%;}
.split-section .video-area .first {}
.split-section .video-area .second {float: right; margin-top: -100px;}
.split-section .video-area a.button {background-color: #ffffff; color: #59595c; margin: 0; display: block; position: absolute; max-width: 270px; top: 50px; right: 0; font-family: 'playfair-display', serif; font-style: italic; text-transform: none; font-weight: 500; padding: 11px 20px 10px; width: 100%; font-size: 24px; letter-spacing: 0;}
.split-section .video-area a.button:hover {background-color: #6bc6b2; color: #ffffff;}

body.page-template-template-process .split-section {padding-bottom: 80px; background-position: center top;}
body.page-template-template-process .split-section .text-area {max-width: 460px;}
body.page-template-template-process .split-section .text-area blockquote {text-align: left;}
body.page-template-template-process .split-section .text-area blockquote:after {display: none;}
body.page-template-template-process .split-section .image-area {padding-left: 20px; margin-bottom: 20px;}
body.page-template-template-process .split-section .image-area:after {left: -25px; top: -55px;}

body.page-template-template-testimonials .split-section {padding: 0;}
body.page-template-template-testimonials .split-section .text-area {max-width: 500px;}
body.page-template-template-testimonials .split-section .image-area:after {display: none;}

@media (max-width: 991px) {
	body.page-template-template-process .split-section {padding-bottom: 10px;}
}

@media (max-width: 767px) {
	.split-section .text-area {margin: 0 auto 60px; padding: 0;}
	.split-section .image-area img {margin: 0 auto; display: block;}
}

/* Family */
.family-section {background-color: #ffffff; padding: 70px 0 100px; position: relative; background-repeat: no-repeat; background-size: auto 100%; background-position: center bottom; overflow: hidden;}
.family-section.with-scroller {padding: 70px 0 20px;}
body.page-template-template-about .family-section {padding: 0 0 150px; margin-top: -80px; background: none;}
body.page-template-template-indlanding .family-section {background-size: initial;}

.family-section .link-area {padding-top: 50px;}
.family-section .link-area a {position: relative; text-transform: uppercase; color: #ffffff; font-size: 16px; background-color: #6bc6b2; padding: 0 18px; font-weight: 500; letter-spacing: 1px; margin: 0; font-family: 'playfair-display', serif; height: 40px; line-height: 42px; display: inline-block;}
.family-section .link-area a:before {content: ""; display: block; background-color: #6bc6b2; height: 40px; right: 100%; width: 500px; position: absolute; top: 0; bottom: 0;}
.family-section .link-area a:hover {background-color: #fcbe2d;}
.family-section .link-area a:hover:before {background-color: #fcbe2d;}
.family-section.flip-sides .link-area {float: right;}
body.page-template-template-about .family-section .link-area {margin-top: 50px;}
body.page-template-template-about .family-section .link-area a {font-family: 'Lato', sans-serif; line-height: 39px;}
.family-section.flip-sides .link-area a:before {left: 100%; right: auto;}

.family-section.center-text .text-area {text-align: center; max-width: 350px; float: right; width: 100%;}

.family-section .text-area {clear: both; text-align: right;}
.family-section .text-area.second-text {margin-top: 15px;}
.family-section .text-area p:first-child {font-size: 24px; font-style: italic; font-family: 'playfair-display', serif; /*padding-right: 35px;*/ margin-bottom: 7px;}
.family-section .text-area.center-text {text-align: center !important; max-width: 430px;}
.family-section .text-area.second-text p:first-child {font-style: normal; padding-right: 0;}
.family-section .text-area h2 {font-size: 36px; margin-bottom: 10px;}
.family-section.flip-sides .text-area {text-align: left;}
body.page-template-template-about .family-section.flip-sides .text-area {max-width: 400px; text-align: right;}
body.page-template-template-about .family-section .text-area h2 {margin-bottom: 5px;}

.family-section .button-area {position: relative; padding: 8px 0 0 45px; max-width: 440px; float: right; clear: both; display: inline-block;}
.family-section .button-area:before {content: ""; display: block; width: 34px; height: 67px; background: url('../webp/icon-arrow.png.webp') no-repeat center top; position: absolute; top: 0; left: 0;}
.family-section .button-area:after {content: ""; display: block; clear: both;}
.family-section .button-area:after {clear: both; content: ""; display: block;}
.family-section .button-area a.button {color: #627a84; float: right; padding: 10px 25px 13px; min-width: 350px;}
.family-section .button-area a.button:hover {background-color: #6bc6b2; color: #ffffff;}
.family-section.flip-sides .button-area {padding: 8px 25px 0 10px; float: none; max-width: 480px;}
.family-section.flip-sides .button-area:before {left: 100%; right: 0; top: -2px;}
.family-section.flip-sides .button-area a.button {float: none; width: 100%; max-width: 420px;}

body.blog .family-section .button-area a.button {width: 100%; max-width: 340px;}
body.page-template-template-services .family-section .button-area a.button {padding: 10px 10px 13px;}
body.page-template-template-indlanding .family-section .button-area a.button {padding: 10px 12px 13px;}

.family-section .scroller-area {margin-top: 80px; clear: both;}
.family-section .scroller-area .row{ margin:0 auto;}
.family-section .scroller-area .container {max-width: 100%;}
.family-section .scroller-area .col-xs-12 {padding: 0;}
.family-section .scroller-area .site-area {padding: 0 10px; overflow: hidden; float: left;}
.family-section .scroller-area .site-area a {display: block; position: relative;}
.family-section .scroller-area .site-area a:hover {opacity: 0.9;}
.family-section .scroller-area .site-area .background-image {width: 100%;}
.family-section .scroller-area .site-area .logo-box {max-width: 300px; position: absolute; bottom: 40px; left: 30px;}
.family-section .scroller-area .site-area .logo-box img {margin: 0 0 5px; max-width: 100%;}
.family-section .scroller-area .site-area .logo-box p {color: #ffffff; margin: 0; font-size: 18px;}

/* Case Studies > Family */
body.single-studies .family-section {padding: 150px 0 100px; position: relative;}
body.single-studies .family-section .content-section {padding: 0; position: absolute; top: 40px; left: 0; right: 0;}
body.single-studies .family-section .content-section .content-area.post-area p.share-link {text-align: left;}
body.single-studies .family-section .link-area {padding-top: 70px;}
body.single-studies .family-section .text-area {padding-top: 50px;}

@media (max-width: 991px) {
	.family-section,
	body.single-studies .family-section {padding: 50px 0 75px;}
	body.single-studies .family-section .link-area {padding-top: 0;}
	body.single-studies .family-section .text-area {padding-top: 0;}
}

@media (max-width: 767px) {
	.family-section {padding: 40px 0 50px; text-align: center;}
	.family-section .link-area {padding: 40px 0 20px; text-align: center; float: none;}
	.family-section.flip-sides .link-area {float: none;}
	.family-section .text-area {text-align: center; float: none;}
	.family-section.flip-sides .text-area {text-align: center;}
	.family-section .button-area {float: none; padding-top: 0; text-align: center;}
	.family-section .button-area a.button {float: none; min-width: initial;}
	.family-section.flip-sides .button-area {padding: 0 35px 0 0;}
	.family-section.flip-sides .button-area:before {left: calc(100% - 25px); top: 50%; transform: translateY(-50%);}
}

/********/
/* Team */
/********/
/* Team > Landing */
.team-section {background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding: 120px 0 30px;}
.team-section .container {max-width: 1330px;}

.team-section .team-row {text-align: center; font-size: 0;}
/*.team-section .team-row .col-lg-6 {display: inline-block; float: none;}*/
.team-section .team-row .col-lg-6:nth-child(2n+1) {clear: both;}
.team-section .team-box {text-align: center; margin-bottom: 105px; position: relative;}
.team-section .team-box.box-3,
.team-section .team-box.box-4,
.team-section .team-box.box-7,
.team-section .team-box.box-8,
.team-section .team-box.box-11,
.team-section .team-box.box-12,
.team-section .team-box.box-15,
.team-section .team-box.box-16,
.team-section .team-box.box-19,
.team-section .team-box.box-20 {float: right;}
.team-section .team-box a {display: block; color: #59595c;}
.team-section .team-box .image-box {position: relative; margin-bottom: 30px; min-width: 350px;}
.team-section .team-box .image-box img {max-width: 100%; margin: 0 auto; width: auto; max-height: 400px;}
.team-section .team-box .image-box .box-photo {}
.team-section .team-box .image-box .colored-box {width: 350px; height: 350px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.team-section .team-box .image-box .colored-box.box-yellow {background-color: #fcb714;}
.team-section .team-box .image-box .colored-box.box-blue {background-color: #7b95a2;}
.team-section .team-box .image-box .colored-box.box-green {background-color: #6bc6b2;}
.team-section .team-box .image-box .default-photo {position: relative; bottom: 0; left: 0; right: 0;}

.team-section .team-box h2 {margin-bottom: 0;}
.team-section .team-box a:hover h2 {color: #21465a;}
.team-section .team-box p {margin: 0; text-transform: uppercase; font-size: 24px; display: inline-block; color: #59595c;}
.team-section .team-box p em {font-family: 'playfair-display', serif; font-style: normal;}

.team-section .team-box p span {position: relative; z-index: 2;}
.team-section .team-box p:before {position: absolute; bottom: 8px; content: ""; display: block; background-color: #abbbc2; left: -5%; width: 110%; height: 8px;}
.team-section .team-box a:hover p:before {background-color: #fcb614;}

.team-section .text-area {margin-bottom: 50px; text-align: center;}
.team-section .text-area h2 {margin: 0 0 15px; text-transform: uppercase; font-size: 50px; line-height: 60px;}
.team-section .text-area p {font-size: 24px; margin: 0 0 80px; line-height: 28px; text-transform: uppercase; font-weight: 500;}

.team-section .last-area {background-color: #6bc6b2; padding-bottom: 20px; max-width: 455px; text-align: center; margin: 0 auto;}
.team-section .last-area img {margin-bottom: 20px;}
.team-section .last-area p {font-size: 36px; font-family: 'playfair-display', serif; color: #ffffff; margin-bottom: 0; line-height: 1.2;}
.team-section .last-area a {margin: 0; text-transform: uppercase; font-size: 24px; display: inline-block; color: #59595c; position: relative;}
.team-section .last-area a span {position: relative; z-index: 2;}
.team-section .last-area a:before {position: absolute; bottom: 8px; content: ""; display: block; background-color: #fcb614; left: -5%; width: 110%; height: 8px;}
.team-section .last-area a:hover:before {background-color: #abbbc2;}

@media (max-width: 991px) {
	.team-section .team-box {margin-bottom: 50px;}
	.team-section .text-area h2 {font-size: 40px;}
}

@media (max-width: 767px) {
	.team-section {padding: 50px 0; background-size: auto 45%; overflow: hidden;}
	.team-section .team-box.box-3,
	.team-section .team-box.box-4,
	.team-section .team-box.box-7,
	.team-section .team-box.box-8,
	.team-section .team-box.box-11,
	.team-section .team-box.box-12,
	.team-section .team-box.box-15,
	.team-section .team-box.box-16,
	.team-section .team-box.box-19,
	.team-section .team-box.box-20 {float: none;}
	.team-section .team-box {margin: 0 auto 30px;}
	.team-section .team-box img {margin-bottom: 20px;}
	.team-section .text-area h2 {font-size: 30px;}
	.team-section .team-box p {font-size: 20px; max-width: 90%; line-height: 1.2;}
	.team-section .team-box p:before {bottom: 0;}
}

@media (max-width: 500px) {
	.team-section .team-box .image-box {min-width: initial; min-height: 350px; position: relative; padding-top: 40px;}
	.team-section .team-box .image-box .colored-box {width: 325px; height: 315px; max-width: 100%;}

	.team-section .team-box .image-box .default-photo,
	.team-section .team-box .image-box .hover-photo {left: 50%; right: initial; transform: translateX(-50%); bottom: 0; position: absolute;}
	.team-section .team-box .image-box img {min-height: 260px; max-height: 350px; max-width: initial; width: auto;}

	.team-section .team-box.box-2 p {max-width: 260px;}
}

/* Team > Team detail */
.detail-section {background-color: #ffffff; padding: 50px 0 10px;}

.detail-section .name-area a.go-back {font-family: 'playfair-display', serif; color: #627a84; font-size: 24px; font-weight: 300; margin-bottom: 50px; display: block; max-width: 160px; font-style: italic;}
.detail-section .name-area a.go-back span {background-color: #ffffff; border: 1px solid #627a84; padding: 10px; border-radius: 50%; display: inline-block; width: 62px; height: 62px; margin-right: 10px; position: relative; top: -2px;}
.detail-section .name-area a.go-back span strong {background-color: #fcb714; width: 40px; height: 40px; text-align: center; line-height: 38px; color: #ffffff; font-weight: 300; display: block; border-radius: 50%; font-family: 'Lato', sans-serif; font-size: 15px; font-style: normal;}
.detail-section .name-area a.go-back:hover span strong {background-color: #6bc6b2;}
.detail-section .name-area h1 {text-transform: none; margin-bottom: 2px;}

.detail-section ul.breadcrumb {margin: 0 0 15px; padding: 0; background: none; border-radius: 0;}
.detail-section ul.breadcrumb li {text-transform: lowercase; font-size: 15px; color: #8b8c8e; letter-spacing: 1px;}
.detail-section ul.breadcrumb li:before {content: "/\00a0"; color: #8b8c8e; padding: 0;}
.detail-section ul.breadcrumb li.home:before {display: none;}
.detail-section ul.breadcrumb li a {color: #8b8c8e;}
.detail-section ul.breadcrumb li a:hover {color: #6bc6b2;}

.detail-section .colored-container {background-color: #fcb714; margin-bottom: 20px;}
body.single-services .detail-section .colored-container {background-color: #f3f3f3;}
.detail-section .colored-container .container {position: relative;}
.detail-section .content-area {padding: 15px 0 25px;}
body.single-services .detail-section .content-area {padding: 30px 0;}
body.single-services .detail-section .content-area p:first-child {margin-top: 20px;}
body.page-template-template-service .detail-section .content-area p:first-child em {font-family: 'playfair-display', serif; font-size: 18px;}
.detail-section .content-area h2 {font-size: 24px; margin-bottom: 5px;}
.detail-section .content-area p + h2 {margin-top: 20px;}
.detail-section .content-area ul {margin-bottom: 30px;}
.detail-section .content-area ul li {font-size: 16px;}
.detail-section .content-area ol {list-style: decimal;}
.detail-section .content-area ol,
.detail-section .content-area ul {margin: 0 0 25px 30px;}
.detail-section .content-area ol li ol,
.detail-section .content-area ul li ul {margin: 20px 0 20px 30px;}
.detail-section .content-area ol li,
.detail-section .content-area ul li {position: relative; font-size: 16px; margin-bottom: 5px;}
.detail-section .content-area ul li:before {content: "\f105"; margin-right: -8px; top: 2px; position: relative; font-size: 16px; color: #59595c; left: -19px;}
.detail-section .content-area ol li a,
.detail-section .content-area ul li a {color: #6bc6b2;}
.detail-section .content-area ol li a:hover,
.detail-section .content-area ul li a:hover {color: #21465a;}
.detail-section .content-area ol li:last-child,
.detail-section .content-area ul li:last-child {margin-bottom: 0;}

.detail-section .content-holder {max-height: 350px; overflow: hidden;}
.detail-section .content-holder .mCSB_scrollTools .mCSB_draggerRail,
.detail-section .content-holder .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, 
.detail-section .content-holder .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {background-color: #59595c; filter: none; -ms-filter: none; border-radius: 0; width: 2px;}
.detail-section .content-holder .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #000000; filter: none; -ms-filter: none; border-radius: 0; width: 10px; border-radius: 5px;}
.detail-section .content-holder .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #000000; filter: none; -ms-filter: none;}
.detail-section .content-holder .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.detail-section .content-holder .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #000000; filter: none; -ms-filter: none;}

body.single-team .detail-section .content-holder {max-height: 300px; overflow: hidden;}
body.single-team .detail-section .content-area h2 {color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase;}
body.single-team .detail-section .content-area h2 em {font-family: 'playfair-display', serif; font-style: normal;}

.detail-section .button-area {/*width: 100%; max-width: 310px; */padding: 15px 0;}
.detail-section .button-area a.button {margin: 0 auto; background-color: #ffffff; color: #59595c; display: block; max-width: 230px;}
.detail-section .button-area a.button:hover {background-color: #627a84; color: #ffffff;}

.detail-section .colored-container .image-column {position: absolute; right: 0; bottom: 0;}
.detail-section .image-box {width: 100%;}
.detail-section .image-box img {max-width: 100%; max-height: 420px; display: block; margin: 0 auto; width: auto;}

body.single-services .detail-section .colored-container .image-column {top: 50%; transform: translateY(-50%); bottom: auto;}

.detail-section .container.full-width {max-width: 100%;}
.detail-section .container.full-width .col-lg-12 {padding: 0;}

.detail-section .service-list ul {}
.detail-section .service-list ul li {position: relative; min-height: 30px; text-align: center; padding: 0 25px 0 17px; display: inline-block;}
.detail-section .service-list ul li:after {content: "\f111"; position: absolute; right: 0; font-size: 8px; top: 7px;}
.detail-section .service-list ul li a {font-family: 'playfair-display', serif; font-style: italic; font-size: 20px;}
.detail-section .service-list ul li a:hover {}

/***********/
/* Process */
/***********/
.value-section {background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding: 0px 0 40px;}
.home .value-section { background: url(../png/bg-split.png) no-repeat top center;}
.value-section .icon-blurb img{ max-height: 100px; display: block; margin:0 auto 20px; width: 100%;}
.value-section .icon-blurb{ padding:0 20px; margin-bottom: 20px; text-align: center;}
.value-section p.title { font-size: 18px; text-align: center;}
.value-section .top-content{ margin-bottom: 20px; padding:20px;}
.value-section h2{ font-size: 24px; }
@media (min-width:768px){
	.value-section .icon-blurb { display: flex; align-items: center; justify-content: space-between; text-align: left;}
	.value-section .icon-blurb .icon{width: 120px;}
	.value-section .icon-blurb .description { width: calc(100% - 120px); padding-left: 20px;}
	.value-section p.title { text-align: left;}
}
.steps-section .container {max-width: 1080px;}
.steps-section .centered{ margin:0 auto 40px; float: none !important;}
.steps-section .col-lg-4:nth-child(2),
.steps-section .col-lg-4:nth-child(3) {background: url('../webp/step-arrow.png.webp') no-repeat left center; padding: 0 10px 0 47px;}
.steps-section .step-area {max-width: 290px; padding: 15px 0 0; margin: 0 auto;}
.steps-section .step-area .number { height: 75px; width: 75px; margin: 0 0 30px 5px; background-color: #59595c; border-radius: 50%; color: #fff; font-size: 50px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; font-weight:300}
.steps-section .step-area .hidden-text {display: none;}
.steps-section .step-area .image-area {width: 108px; height: 130px; border-radius: 50%; margin: 0 auto 30px;}
.steps-section .step-area .image-area img {max-width: 100%; height: auto; border-radius: 50%;}
.steps-section .step-area h3 {margin-bottom: 0;}
.steps-section .step-area.step-3 h3 {margin-bottom: 27px;}
.steps-section .step-area a.show-more {text-transform: uppercase;}
.steps-section .step-area a.show-more:hover {color: #6bc6b2;}
.steps-section .step-area p:last-child {margin: 0;}
.steps-section .step-area p.author {font-size: 24px; text-transform: uppercase; margin: 0;}
.steps-section .step-area p.client {font-size: 19px; font-style: italic; font-family: 'playfair-display', serif;}
.steps-section .step-area .case-holder {height: 25px;}
.steps-section .step-area a.case-link {position: relative; color: #59595c; letter-spacing: 2px;}
.steps-section .step-area a.case-link:before {position: absolute; top: 15px; content: ""; display: block; background-color: #ffe5b2; left: -15px; right: -15px; height: 13px;}
.steps-section .step-area a.case-link:hover:before {background-color: #6bc6b2;}
.steps-section .step-area a.case-link span {position: relative; z-index: 2;}

body.page-template-template-process .steps-section {padding-bottom: 110px;}

body.page-template-template-testimonials .steps-section {padding: 40px 0; text-align: center;}
body.page-template-template-testimonials .steps-section .col-lg-4:nth-child(1) {background: url('../png/step-arrow-opposite.png') no-repeat right center; padding: 0 47px 0 10px;}
body.page-template-template-testimonials .steps-section .col-lg-4:nth-child(2) {background: none; padding: 0;}

body.page-template-template-industry .steps-section {padding: 40px 0; text-align: center;}
body.page-template-template-industry .steps-section .col-lg-4:nth-child(1) {background: url('../png/step-arrow-opposite.png') no-repeat right center; padding: 0 47px 0 10px;}
body.page-template-template-industry .steps-section .col-lg-4:nth-child(2) {background: none; padding: 0;}

@media (max-width: 991px) {
	.steps-section {padding: 40px 0 75px;}
	.steps-section {background-color: #f3f3f3; background-position: center bottom;}
	.steps-section .col-lg-4:nth-child(1),
	.steps-section .col-lg-4:nth-child(2), 
	.steps-section .col-lg-4:nth-child(3) {background: none !important; padding: 0 15px !important;}
	.steps-section .step-area {padding: 30px 0; max-width: 360px;}
	/*.steps-section .col-lg-4:nth-child(2) .step-area, 
	.steps-section .col-lg-4:nth-child(3) .step-area {border-top: 2px solid #637b86;}*/
}

.grid-section {padding: 50px 0;}
.grid-section .grid-size {margin: 0 -7.5px;}
.grid-section .grid-row {margin: 0;}
.grid-section .grid-row .col-lg-4 {padding: 0;}
.grid-section .grid-row .col-lg-4:nth-child(3n+1) {clear: both;}
.grid-section .grid-area {text-align: center;}
.grid-section .grid-area a {background-color: #ffffff; display: block; padding: 10px 0;}
.grid-section .grid-area .image-box {min-height: 100px; position: relative; margin-bottom: 10px;}
.grid-section .grid-area .service-icon {margin: 0 auto 15px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.grid-section .grid-area p {line-height: 1.75; font-size: 17.5px; color: #59595c; text-transform: uppercase; font-weight: bold; max-width: 142px; margin: 0 auto 20px;}
.grid-section .grid-area a:hover p {color: #fcb614;}

.grid-section .text-area {max-width: 470px; padding: 125px 0 0; float: right;}
.grid-section .text-area h2 {font-size: 24px;}
.grid-section .text-area blockquote {border: none; padding: 30px 10px 0; position: relative; margin: 30px 0;}
.grid-section .text-area blockquote:before {content: ""; display: block; height: 2px; max-width: 240px; width: 100%; margin: 0 auto; background-color: #627a84; position: absolute; top: 0; left: 0; right: 0;}
.grid-section .text-area blockquote p {font-family: 'playfair-display', serif; font-size: 18px; font-style: italic; line-height: 1.667; position: relative; padding-left: 35px; padding-top: 4px;}
.grid-section .text-area blockquote p:last-child {margin: 0;}
.grid-section .text-area blockquote p:before {content: ""; display: inline-block; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid #fcb614; border-bottom: 15px solid transparent; margin-left: 7px; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

body.page-template-template-process .grid-section {padding: 0;}

/********************/
/* Services Landing */
/********************/
.wideicon-section {padding: 0 0 50px; background: #f3f3f3 url('../webp/bg-wideicon.png.webp') no-repeat center bottom; background-size: 100% auto;}
.wideicon-section .col-lg-4:nth-child(3n+1) {clear: both;}
.wideicon-section .icon-area {padding: 0 10px; max-width: 300px; margin: 0 auto 30px;}
.wideicon-section .icon-area a {display: block;}
.wideicon-section .icon-area a:after {content: ""; display: block; clear: both;}
.wideicon-section .icon-area .image-box {min-height: 100px; position: relative; margin-bottom: 10px; float: left; padding-right: 20px; width: 95px; display:flex; align-items:center; justify-content:center; }
/* .wideicon-section .icon-area .image-box img {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;} */
.wideicon-section .icon-area.icon-7 .image-box img {right: 3px;}
.wideicon-section .icon-area p {line-height: 1.75; font-size: 17.5px; color: #59595c; text-transform: uppercase; font-weight: bold; max-width: 142px; margin: 12px 0; float: left; width: calc(100% - 95px);}
.wideicon-section .icon-area a:hover p {color: #fcb614;}

.wideicon-section + .content-section {padding-top: 0;}

@media (max-width: 767px) {
	.wideicon-section .col-lg-4:nth-child(3n+1) {clear: initial;}
	.wideicon-section .col-lg-4:nth-child(2n+1) {clear: both;}
}

@media (max-width: 600px) {
	.wideicon-section .col-lg-4:nth-child(2n+1) {clear: initial;}
	.wideicon-section .col-xs-6 {width: 100%;}
}

/******************/
/* Service Detail */
/******************/

/* Accordion */
.accordion {width: 100%; max-width: 730px; margin-top: 40px; border-bottom: 2px solid #627a84;}
.accordion > dt {margin: 0; font-size: 24px; font-weight: 400; text-transform: capitalize;}
.accordion > dt > a {display: block; position: relative; color: #333333; text-decoration: none; padding: 14px 0; border-top: 2px solid #627a84; text-transform: capitalize; font-size: 24px; font-weight: normal; background: none; font-family: 'playfair-display', serif;} 
.accordion > dt > a i {margin-right: 5px;}
.accordion > dt > a:hover {color: #6bc6b2;}
.accordion > dt > a:after {content: "\f0d7"; color: #fcb614; width: 35px; height: 20px; margin-top: -8px; position: absolute; top: 45%; right: 0; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 50px; line-height: 15px; text-align: center; -webkit-font-smoothing: antialiased;}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {content: "\f0d8"; color: #fcb614;}
.accordion > dt > a:hover:after {color: #fcb614;}
.accordion > dd {margin: 0; padding: 5px 0 30px; font-size: 16px; font-weight: 400; line-height: 25px;}
.content-section .content-area .accordion > dd .featured-image {float: left; width: 33%; margin: 5px 21px 0 0;}
.content-section .content-area .accordion > dd .featured-image img {margin: 0; border: none;}
.accordion > dd a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
.accordion > dd a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
.accordion > dd a.more:hover {color: #6bc6b2;}

/* Service Split */
.servicesplit-area {padding: 90px 0 50px; max-width: 730px;}
.content-section .content-area .servicesplit-area > h2 {font-size: 36px; font-family: 'playfair-display', serif; text-align: center; margin-bottom: 30px;}
.servicesplit-area .split-area {margin-bottom: 25px;}
.servicesplit-area .split-area:last-child {margin-bottom: 0;}
.servicesplit-area .split-area:after {content: ""; display: block; clear: both;}
.servicesplit-area .split-area .featured {float: left; max-width: 190px;}
.content-section .content-area .servicesplit-area .split-area img {margin: 0 auto 15px;}
.servicesplit-area .split-area .featured + .text-area {float: left; width: calc(100% - 190px); padding-left: 25px; max-width: 700px;}
.servicesplit-area .split-area .text-area h2,
.servicesplit-area .split-area .text-area h3 {color: #59595c; font-size: 24px; font-family: 'playfair-display', serif; margin-bottom: 10px; font-weight: 600; font-style: italic;}
.servicesplit-area .split-area .text-area a:hover h2,
.servicesplit-area .split-area .text-area a:hover h3 {color: #6bc6b2;}
.servicesplit-area .split-area .text-area a.more {color: #59595c; position: relative; display: inline-block; margin: 0; line-height: 1.5; text-transform: uppercase; font-size: 16px;}
.servicesplit-area .split-area .text-area a.more span {position: relative; z-index: 2;}
.servicesplit-area .split-area .text-area a.more:before {position: absolute; top: 11px; content: ""; display: block; background-color: #fcb614; left: 1px; width: 110%; height: 8px;}
.servicesplit-area .split-area .text-area a.more:hover:before {background-color: #6bc6b2;}

.servicesplit-area .split-area .icon-area {clear: both; margin-top: 30px;}
.servicesplit-area .split-area .icon-area ul {list-style: none; padding: 0; margin: 0;}
.servicesplit-area .split-area .icon-area ul:after {content: ""; display: block; clear: both;}
.servicesplit-area .split-area .icon-area ul li {color: #333333; text-transform: uppercase; font-size: 18px; width: 50%; float: left; margin: 15px 0;}
.servicesplit-area .split-area .icon-area ul li:after {content: ""; display: block; clear: both;}
.servicesplit-area .split-area .icon-area ul li:nth-child(2n+1) {clear: both;}
.servicesplit-area .split-area .icon-area ul li .icon {width: 40px; height: 40px; float: left; margin-right: 20px;}
.servicesplit-area .split-area .icon-area ul li .icon img {margin: 0 auto;}

/* Gallery */
.workgallery-area {padding: 20px 0;}
.workgallery-area h2 {font-size: 36px; font-family: 'playfair-display', serif; text-align: center; margin-bottom: 10px;}
.workgallery-area img {margin: 0 auto;}
.workgallery-area .gallery-area {margin-bottom: 30px; border-radius: 10px;}
.workgallery-area .gallery-area img {border-radius: 10px;}
.workgallery-area .thumb-area img {border: 2px solid #ffffff;}
.workgallery-area .thumb-area .slick-center img {border-color: #ffb108;}

/**********************/
/* Industries Landing */
/**********************/
body.page-template-template-indlanding .wideicon-section .icon-area {max-width: 330px;}
body.page-template-template-indlanding .wideicon-section .icon-area p + p {text-transform: none; font-weight: normal; font-size: 16px; line-height: 1.5; margin: 0; max-width: 260px; color: #59595c;}

.wideicon-section .industry-area {border-radius: 10px; padding: 150px 75px; margin-top: 30px;}
.wideicon-section .industry-area h2 {color: #ffffff; font-weight: normal;}
.wideicon-section .industry-area h2 em {font-weight: bold;}
.wideicon-section .industry-area h3 {color: #ffffff;}
.wideicon-section .industry-area p {color: #ffffff;}
.wideicon-section .industry-area p:last-child {margin: 0;}
.wideicon-section .industry-area a.button:hover {background-color: #6bc6b2;}

@media (max-width: 767px) {
	.wideicon-section .industry-area {padding: 100px 50px; background-position: center bottom;}
}

@media (max-width: 500px) {
	.wideicon-section .industry-area {padding: 50px 25px;}
}

/*******************/
/* Industry Detail */
/*******************/
body.page-template-template-industry .content-section {background: none;}
body.page-template-template-industry .content-section .container {position: relative; z-index: 2;}
body.page-template-template-industry .content-section .content-area h2,
body.page-template-template-service .content-section .content-area h2 {font-weight: normal;}

.industryicon-section {padding: 85px 0; position: relative;}
.industryicon-section:before {content: ""; width: 1920px; height: 714px; background: #f3f3f3 url('../png/bg-iconswoop.png') no-repeat center center; background-size: cover; position: absolute; bottom: 0;;}
.industryicon-section .container {position: relative; z-index: 2;}
.industryicon-section .col-lg-6:nth-child(2n+1) {clear: both;}
.industryicon-section .icon-area {max-width: 470px; margin: 15px auto;}
.industryicon-section .col-lg-12 .icon-area { max-width: 1100px; }
.industryicon-section .icon-area:after {content: ""; display: block; clear: both;}
.industryicon-section .icon-area .image-box {min-height: 100px; position: relative; float: left; padding-right: 20px; width: 105px;}
.industryicon-section .icon-area .image-box img {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.industryicon-section .icon-area .text-box {float: left; width: calc(100% - 105px);}
.industryicon-section .icon-area p.title {font-size: 24px; font-family: 'playfair-display', serif; line-height: 1.2; margin: 0 0 10px;}
.industryicon-section .icon-area p.text {margin: 0; line-height: 1.2;}

@media (max-width: 600px) {
	.industryicon-section .col-lg-6:nth-child(2n+1) {clear: initial;}
	.industryicon-section .col-xs-6 {width: 100%;}
}

.ebook-section {padding: 25px 0 50px;}
.ebook-section .container {background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 520px;}
.ebook-section .text-area {padding: 100px 0; max-width: 410px;}
.ebook-section .text-area h2 {color: #ffffff; margin: 0 0 25px;}
.ebook-section .text-area p {color: #ffffff; font-size: 20px; margin: 0 0 30px;}
.ebook-section .text-area a.button {background-color: #ffffff; color: #333333; display: block; max-width: 350px;}
.ebook-section .text-area a.button:hover {background-color: #fbb713; color: #333333;}

@media (max-width: 767px) {
	.ebook-section .container {background: none !important; min-height: initial;}
	.ebook-section .image-area {max-width: 500px; margin: 0 auto 30px;}
	.ebook-section .text-area {padding: 0; margin: 0 auto; max-width: 500px; text-align: center;}
	.ebook-section .text-area h2 {color: #333333;}
	.ebook-section .text-area p {color: #333333;}
	.ebook-section .text-area a.button {background-color: #333333; color: #ffffff;}
	.ebook-section .text-area a.button:hover {background-color: #fbb713; color: #333333;}
}

/*************/
/* Resources */
/*************/
.jump-section {padding: 135px 0 10px; text-align: center;}
.jump-section p {margin: 0; font-size: 24px; font-family: 'playfair-display', serif;}
.jump-section p strong {margin-right: 10px;}
.jump-section p a {color: #59595c;}
.jump-section p a:hover {color: #6bc6b2;}
.jump-section p .fa {font-size: 9px; position: relative; top: -5px; margin: 0 7px;}

body.page-template-template-industry .jump-section,
body.page-template-template-service .jump-section {border-bottom: 2px solid #617984; margin-bottom: 40px; position: relative;}
body.page-template-template-industry .jump-section:after,
body.page-template-template-service .jump-section:after {content: ""; display: block; width: 75px; height: 45px; background: url('../webp/recent-arrow.png.webp') no-repeat center top; margin: 0 auto; position: absolute; top: 100%; left: 0; right: 0;}

@media (max-width:767px){
	.jump-section { padding-top: 50px;}
}

/****************/
/* Case Studies */
/****************/
body.single-studies,
body.tax-case-categories {background: url('../webp/single-post-header.png.webp') no-repeat top center;}
body.single-studies .content-section,
body.tax-case-categories .faqs-section {background: none; padding: 50px 0;}

/* Case Studies > Service List */
.content-section .content-area .service-list {padding: 20px 0 15px; border: 2px solid #627a84; border-left: none; border-right: none; margin: 50px 20px 45px; position: relative;}
.content-section .content-area .service-list p {font-weight: bold; top: -11px; background-color: #ffffff; display: inline-block; position: absolute; font-size: 18px; width: 150px; line-height: 1;}
.content-section .content-area .service-list ul {margin: 0; padding: 0; list-style: none;}
.content-section .content-area .service-list ul:after {clear: both; display: block; content: "";}
.content-section .content-area .service-list ul li {width: 33%; float: left; font-size: 18px; margin-bottom: 6px;}
.content-section .content-area .service-list ul li:before {display: none; content: "";}

@media (max-width: 991px) {
	.content-section .content-area .service-list ul li {width: 50%;}
}

@media (max-width: 767px) {
	.content-section .content-area .service-list ul li {width: 100%; float: none;}
}

/* Case Studies > Half and Half */
.content-section .content-area .half-row .col-lg-5 {padding: 0;}
.content-section .content-area .half-row .content-area {margin-bottom: 30px;}

@media (max-width: 991px) {
	.content-section .content-area .half-row img {margin: 0 auto 30px; display: block;}
}

/* Case Studies > Green Highlight */
.content-section h2.green-highlight {position: relative; margin: 40px auto; max-width: 580px; display: block; font-weight: 500; line-height: 1.4; color: #231f20; text-align: center;}
.content-section h2.green-highlight em {position: relative; z-index: 2;}
.content-section h2.green-highlight:before,
.content-section h2.green-highlight:after {position: absolute; top: 16px; content: ""; display: block; background-color: rgba(107, 198, 178, 0.52); left: 0; width: 100%; height: 13px;}
.content-section h2.green-highlight:after {top: auto; bottom: 3px; right: 0; width: 75%; margin: 0 auto;}

@media (max-width: 991px) {
	.content-section h2.green-highlight:before {display: none;}
}

/* Case Studies > Work Examples */
.examples-section {padding: 0;}
.examples-section.padding-bottom {padding-bottom: 50px;}
.examples-section .container {max-width: 100%; position: relative;}
.examples-section .item {overflow: hidden; margin: 0 10px; display: block;}
.examples-section .item .example-area {max-width: 500px; margin: 0 auto; position: relative; text-align: center; background-color: #fbfbfb;}
.examples-section a.open-gallery {cursor: zoom-in !important;}
.examples-section .item .image-area {margin-top: 10px;}
.examples-section .item .image-area img {display: block; margin: 0 auto; max-width: 100%; max-height: 400px; height: auto; width: auto;}
.examples-section .item p.title {margin: 0; font-size: 18px; line-height: 1.5; font-family: 'playfair-display', serif; font-style: italic; padding: 15px 15px 0;}
.examples-section .item p.description {margin: 0; padding: 0 15px;}

/* Case Studies > Highights */
.highlight-section {padding: 100px 0 75px; background-color: #f3f3f3; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; position: relative;}
.highlight-section .container {max-width: 1100px;}

.highlight-section .article-area {padding-top: 0; max-width: 415px;}
.highlight-section .article-area h2 {margin-bottom: 20px; position: relative; padding-right: 10px; font-style: italic;}
.highlight-section .article-area h2:after {content: ""; border-top: 15px solid transparent; border-left: 18px solid #fcb614; border-bottom: 15px solid transparent; content: ""; display: inline-block; width: 0; height: 0; position: absolute; right: 0;}
@media (max-width:767px){
	.highlight-section .article-area h2:after { display: none;}
}
.highlight-section .article-area h2 + p {border: 2px solid #627a84; border-left: none; border-right: none; padding: 10px 5px; text-align: center; font-size: 18px; margin-bottom: 20px; text-transform: uppercase;}
.highlight-section .article-area h3 {font-family: 'Lato', sans-serif; font-size: 23px; margin-bottom: 8px; font-weight: 500;}
.highlight-section .article-area a.button {margin: 30px auto 20px; display: block; max-width: 270px; color: #627a84;}
.highlight-section .article-area a.button:hover {background-color: #627a84; color: #ffffff;}
.highlight-section .article-area p {line-height: 1.35;}
.highlight-section .article-area p.view-all {text-align: center;}
.highlight-section .article-area p.view-all a {font-style: italic; color: #333333; font-size: 24px; font-family: 'playfair-display', serif;}
.highlight-section .article-area p.view-all a:hover {color: #6bc6b2;}

.highlight-section .image-area {max-width: 560px; margin-left: 20px; position: relative; float: right;}
.highlight-section .image-area img {max-width: 100%; position: relative; z-index: 2;}

.highlight-section .link-area {text-align: center; opacity: 0;}
.highlight-section .link-area a {font-style: italic; color: #231f20; font-size: 24px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.highlight-section .link-area a span {position: relative; z-index: 2;}
.highlight-section .link-area a:before {position: absolute; top: 21px; content: ""; display: block; background-color: #abbbc2; left: 3%; width: 100%; height: 8px;}
.highlight-section .link-area a:hover:before {background-color: #fcb614;}

/* Case Studies > Testimonial */
.content-section .testimonial-row {border-top: 2px solid #7b95a2; margin-top: 70px; padding-top: 50px; max-width: 795px;}
.content-section .testimonial-area {text-align: center;}
.content-section .testimonial-area.short-quote {padding-top: 60px;}
.content-section .testimonial-area .quote-area p {font-family: 'playfair-display'; font-size: 18px; font-style: italic; line-height: 1.667;}
.content-section .testimonial-area p.author {font-size: 24px; text-transform: uppercase; text-align: center; margin: 0;}
.content-section .testimonial-area p.client {font-size: 19px; font-style: italic; text-align: center; font-family: 'playfair-display', serif;}

@media (max-width: 991px) {
	.content-section .testimonial-row {margin: 50px auto 0;}
	.content-section .testimonial-row img {margin-bottom: 20px;}
}

/********/
/* FAQs */
/********/
/* FAQs > Landing */
.faqs-section {background-color: #ffffff; padding: 110px 0 90px;}

.faqs-section .headline-area {text-align: center;}
.faqs-section .headline-area h2 {font-size: 24px; margin-bottom: 35px;}
.faqs-section .headline-area h2:after {content: ""; display: block; margin: 15px auto 0; height: 2px; width: 115px; background-color: #627a83;}

.faqs-section .faq-area {margin-bottom: 25px; padding-right: 20px;}
.faqs-section .faq-area:last-child {margin-bottom: 0;}
.faqs-section .faq-area:after {content: ""; display: block; clear: both;}
.faqs-section .faq-area .featured {float: left; max-width: 190px;}
.faqs-section .faq-area .text-area {float: left; width: calc(100% - 190px); padding-left: 25px; max-width: 700px;}
.faqs-section .faq-area .text-area h2,
.faqs-section .faq-area .text-area h3 {color: #59595c; font-size: 24px; font-family: 'playfair-display', serif; margin-bottom: 10px; font-weight: 600; font-style: italic;}
.faqs-section .faq-area .text-area a:hover h2,
.faqs-section .faq-area .text-area a:hover h3 {color: #6bc6b2;}
.faqs-section .faq-area .text-area a.more {color: #59595c; position: relative; display: inline-block; margin: 0; line-height: 1.5; text-transform: uppercase; font-size: 16px;}
.faqs-section .faq-area .text-area a.more span {position: relative; z-index: 2;}
.faqs-section .faq-area .text-area a.more:before {position: absolute; top: 11px; content: ""; display: block; background-color: #fcb614; left: 1px; width: 110%; height: 8px;}
.faqs-section .faq-area .text-area a.more:hover:before {background-color: #6bc6b2;}

.faqs-section .link-area {padding-top: 0; text-align: center;}
.faqs-section .link-area a {font-style: italic; color: #231f20; font-size: 20px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.faqs-section .link-area a:after {content: ""; display: inline-block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 18px solid #fcb614; margin-left: 19px; position: relative; top: 8px; margin-left: 7px;}
.faqs-section .link-area a:hover:after {border-left: 18px solid #6bc6b2;}

body.page-template-template-careers .faqs-section .faq-area .text-area {width: 100%; padding-left: 0;}

body.page-template-template-industry .faqs-section {padding-top: 60px;}

@media (max-width: 767px) {
	.faqs-section {padding: 50px 0 40px;}
	.faqs-section .faq-area .featured {float: none; margin: 0 auto 20px; display: block; max-width: 500px;}
	.faqs-section .faq-area .text-area {width: 100%; float: none;}
}

/********/
/* Blog */
/********/
/* Blog landing > Must Read */
.must-section {padding: 125px 0 100px; background-color: #f3f3f3; text-align: center;}
body.home .must-section {background-color: #ffffff; opacity: 0; padding: 20px 0;}
.must-section .container {position: relative;}
.must-section .slick-dots{ position: relative;}
.must-section .slick-dots li button:before { font-size: 10px;}
.must-section .text-area {}
.must-section .text-area h2 {font-size: 24px; margin-bottom: 23px;}
.must-section .text-area h2:after {content: ""; display: block; margin: 15px auto 0; height: 2px; width: 115px; background-color: #627a83;}

.must-section .item {overflow: hidden; padding: 0 10px; float: left;}
.must-section .item a {display: block; background-color: #e0e2e1; color: #333333; margin: 0 auto;}
.must-section .item .image-box {  height:180px; max-height: 180px; position: relative; overflow: hidden;}
.must-section .item .image-box img { height: 100%; width: 100%; object-fit: cover; object-position: top;}
.must-section .item .title-box {min-height: 150px; position: relative; display: flex; align-items: center; justify-content: center;}
.must-section .item .title-box p {margin: 0; padding: 15px; font-size: 16px; line-height: 1.5; text-align: center;}
.must-section .item a:hover {background-color: #6bc6b2;}
.must-section .item a:hover .image-box img {opacity: 0.9;}
.must-section .item a:hover .title-box p {color: #ffffff;}

.must-section .link-area {padding-top: 35px;}
.must-section .link-area a {font-style: italic; color: #231f20; font-size: 20px; font-family: 'playfair-display', serif; position: relative; display: inline-block; margin: 0; line-height: 1.5;}
.must-section .link-area a:after {content: ""; display: inline-block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 18px solid #fcb614; margin-left: 7px;}
.must-section .link-area a:hover:after {border-bottom: 18px solid #6bc6b2;}

body.page-template-template-resources .must-section .link-area a:after {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 18px solid #fcb614; margin-left: 19px; position: relative; top: 8px;}
body.page-template-template-resources .must-section .link-area a:hover:after {border-left: 18px solid #6bc6b2;}

/* Blog landing > Most Recent */
.recent-section {padding: 100px 0 75px; background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; border-bottom: 2px solid #617984; position: relative;}
.recent-section:after {content: ""; display: block; width: 75px; height: 45px; background: url('../webp/recent-arrow.png.webp') no-repeat center top; margin: 0 auto; position: absolute; top: 100%; left: 0; right: 0;}
.recent-section .container {max-width: 1100px;}

.recent-section .article-area {padding-top: 50px; max-width: 415px;}
.recent-section .article-area h2 {margin-bottom: 20px; position: relative; padding-right: 30px;}
.recent-section .article-area h2:after {content: ""; border-top: 15px solid transparent; border-left: 18px solid #fcb614; border-bottom: 15px solid transparent; content: ""; display: inline-block; width: 0; height: 0; position: absolute; right: 0;}
.recent-section .article-area p.date-category {border: 2px solid #627a84; border-left: none; border-right: none; padding: 10px 5px; text-align: center; font-size: 18px; margin-bottom: 20px; text-transform: uppercase;}
.recent-section .article-area h3 {font-family: 'Lato', sans-serif; font-size: 20px; margin-bottom: 5px; font-weight: 500;}
.recent-section .article-area a.button {margin: 30px auto 20px; display: block; max-width: 270px; color: #627a84;}
.recent-section .article-area a.button:hover {background-color: #627a84; color: #ffffff;}
.recent-section .article-area p {line-height: 1.35;}
.recent-section .article-area p.view-all {text-align: center;}
.recent-section .article-area p.view-all a {font-style: italic; color: #333333; font-size: 24px; font-family: 'playfair-display', serif;}
.recent-section .article-area p.view-all a:hover {color: #6bc6b2;}

.recent-section .image-area {max-width: 560px; margin-left: 20px; position: relative; float: right;}
.recent-section .image-area:after {content: ""; background-color: #e0e2e1; display: block; left: 100px; top: -60px; width: calc(100% - 25px); position: absolute; height: 100%;}
.recent-section .image-area img {max-width: 100%; position: relative; z-index: 2;  object-fit: cover; object-position: center;}

/* Blog landing > Articles */
.blog-section {padding: 200px 0 80px; background-repeat: no-repeat; background-position: top center; background-size: 100% auto;}
.blog-section.archive-page {padding-top: 50px;}
.blog-section .container {max-width: 1050px;}

.blog-section .text-area {text-align: center;}
.blog-section .text-area h2 {margin-bottom: 40px;}

.blog-section .news-row .col-lg-4 {padding: 0 10px;}
.blog-section .news-row .col-lg-4:nth-child(3n+1) {clear: both;}
.blog-section .news-box {position: relative; margin-bottom: 75px;}
.blog-section .news-box .image-box {min-height: 220px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 15px; position: relative;}
.blog-section .news-box .image-box img {width: 100%; height: 100%; object-fit: cover; object-position: top; max-width: 100%; min-height: 220px;}
.blog-section .news-box .image-box p.date-category {position: absolute; bottom: 50px; left: 0; background-color: #ffffff; margin: 0; padding: 12px 25px 12px 15px; font-weight: 500; color: #59595c;}
.blog-section .news-box .image-box p.date-category span {font-family: 'playfair-display', sans-serif; display: block; font-size: 20px; font-weight: normal;}
.blog-section .news-box h3 {color: #59595c; margin: 0; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 600;}
.blog-section .news-box a:hover h3 {color: #6bc6b2;}
@media (min-width:768px){
	.blog-section .news-box .image-box{ height: 250px; overflow: hidden;}
}

/* Pagination */
.wp-pagenavi {margin: -20px 0 0; text-align: center; font-family: 'playfair-display', sans-serif; font-size: 20px;}
.wp-pagenavi a,
.wp-pagenavi .current {color: #59595c; display: inline-block; padding: 2px 6px; text-decoration: none;}
.wp-pagenavi .current {color: #6bc6b2;}
.wp-pagenavi a:hover:not(.active) {color: #6bc6b2;}

/* Blog detail */
body.single-post {background: url('../webp/single-post-header.png.webp') no-repeat top center;}
body.single-post .content-section {background: none;}
.content-section .content-area.post-area blockquote {text-align: center; border: none; padding: 4px 50px 8px; position: relative; margin: 0 auto 25px; border: 2px solid #627a84; border-left: none; border-right: none; max-width: 450px;}
.content-section .content-area.post-area blockquote p.date-author {font-size: 18px; margin: 0; color: #59595c; text-transform: uppercase; letter-spacing: 0.5px;}
/* .content-section .content-area.post-area blockquote p.date-author a {color: #59595c;} */
.content-section .content-area.post-area blockquote p.date-author a:hover {color: #21465a;}
.content-section .content-area.post-area h1 {text-align: center; max-width: 550px; margin: 0 auto 20px;}
.content-section .content-area.post-area h2.big-title {font-size: 36px; line-height: 1.2; text-align: center; max-width: 550px; margin: 0 auto 25px; color: #333333;}
.content-section .content-area.post-area p.share-link {text-align: center; font-family: 'playfair-display', serif; color: #59595c; font-size: 18px; margin-bottom: 30px;}
.content-section .content-area.post-area .share-box p.share-link {margin-top: 40px;}
.content-section .content-area.post-area p.share-link a {color: #59595c;}
.content-section .content-area.post-area p.share-link span {display: inline-block; margin: 0 6px;}
.content-section .content-area.post-area .case-image {margin: 70px auto;}

.content-section .content-area.post-area .center-text {text-align: center;}
.content-section .content-area.post-area .center-text blockquote {max-width: initial; display: inline-block;}

body.single-post .must-section {background: none; padding: 0;}

/* Search results */
body.search-results .content-area h4 {text-transform: none; margin: 30px 0 5px;}
body.search-results .content-area a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
body.search-results .content-area a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
body.search-results .content-area a:hover h4,
body.search-results .content-area a.more:hover {color: #21465a;}

/* Contact form */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="search"] {margin-bottom: 25px;}
.contact-form textarea {height: 165px; resize:none;}
.contact-form button,
.contact-form input[type="submit"] {margin-top: 20px;}
.contact-form button:hover,
.contact-form input[type="submit"]:hover {border-color: #30344d; background-color: transparent; color: #30344d;}
.contact-form input:focus,
.contact-form textarea:focus {border: 1px solid #30344d;}

/* Contact page */
.contact-section {background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding: 0 0 60px; text-align: center;}
.contact-section .col-lg-4:nth-child(2),
.contact-section .col-lg-4:nth-child(3) {border-left: 2px solid #627a84; position: relative;}
.contact-section .col-lg-4:nth-child(2):after,
.contact-section .col-lg-4:nth-child(3):after {position: absolute; left: -12px; content: ""; width: 10px; top: 15%; bottom: 15%; background-color: #fcb714;}
.contact-section .method-area {min-height: 200px; padding-top: 50px;}
.contact-section .method-area h3 {margin-bottom: 0;}
.contact-section .method-area p:last-child {margin: 0;}
@media (max-width:767px){
	.contact-section .method-area{ min-height: 100%;}
}
.location-section {border-top: 2px solid #627a84; border-bottom: 2px solid #627a84; padding: 0;}
.location-section img {display: block; width: 100%;}

/************/
/* Training */
/************/
.training-section {padding: 50px 0 150px; background: #21465a url('../webp/bg-training.png.webp') no-repeat center bottom; background-size: contain;}
.training-section .image-area {text-align: center; padding-right: 15px;}
.training-section .image-area a {display: block;}
.training-section .image-area h3 {background-color: #617983; display: inline-block; font-size: 30px; line-height: 40px; text-align: center; padding: 10px 30px; color: #ffffff; font-weight: 500; margin: 0;}
.training-section .image-area a:hover h3 {background-color: #6bc6b2;}
.training-section .image-area img {margin-top: -30px; max-width: 100%;}
.training-section .training-area {padding: 30px 0 0 15px;}
.training-section .training-area h2 {color: #ffffff; text-transform: uppercase; font-size: 60px; line-height: 70px; text-align: center; font-weight: 500; margin-bottom: 20px;}
.training-section .training-area p {color: #ffffff;}
.training-section .training-area li {color: #ffffff;}
.training-section .training-area p a {color: #b5e9ff;}
.training-section .training-area a.button {display: inline-block; padding: 20px 50px; text-align: center; margin: 20px auto 0;}
.training-section .training-area a.button:hover {}

/* Training > Hannah */
.hannah-section {padding: 35px 0 60px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.hannah-section .container {position: relative;}
.hannah-section .container:before {content: ""; background: url('../webp/hannah-line.png.webp') no-repeat center top; width: 246px; height: 285px; position: absolute; left: 375px; top: 177px;}

.hannah-section .photo-area {text-align: center; max-width: 350px;}
.hannah-section .photo-area img {margin-bottom: 30px;}
.hannah-section .photo-area a {text-align: center;}
.hannah-section .photo-area h3 {margin-bottom: 0; font-size: 36px;}
.hannah-section .photo-area a:hover h3 {color: #21465a;}
.hannah-section .photo-area p {margin: 0; text-transform: uppercase; font-size: 24px; display: inline-block; color: #59595c;}
.hannah-section .photo-area a:hover p {color: #59595c;}
.hannah-section .photo-area p em {font-family: 'playfair-display', serif; font-style: normal;}
.hannah-section .photo-area p span {position: relative; z-index: 2;}
.hannah-section .photo-area p:before {position: absolute; bottom: 8px; content: ""; display: block; background-color: #fcb614; left: -10%; width: 120%; height: 8px;}
.hannah-section .photo-area a:hover p:before {background-color: #abbbc2;}

.hannah-section .text-area {padding-top: 168px; text-align: right;}
.hannah-section .text-area h2 {font-size: 24px;}
.hannah-section .text-area p {margin-bottom: 25px;}
.hannah-section .text-area p em {font-family: 'playfair-display', serif; font-size: 18px;}
.hannah-section .text-area a.button {color: #231f20; margin: 10px 40px 0 0; width: 100%; max-width: 320px; font-size: 16px; padding: 9px 20px 10px;}
.hannah-section .text-area a.button:hover {background-color: #6bc6b2; color: #ffffff;}

@media (max-width: 1050px) {
	.hannah-section .container:before {width: 155px; background-position: center left;}
}

@media (max-width: 991px) {
	.hannah-section .container:before {display: none;}
	.hannah-section .photo-area {margin: 0 auto 30px;}
	.hannah-section .text-area {padding-top: 0; text-align: center;}
}

/* Training > Types */
.types-section {padding: 30px 0;}
.types-section .type-area {background-color: #21465a; border: 15px solid #21465a; padding: 15px 25px; background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 410px;}
.types-section .type-area .top-text {min-height: 280px; margin-bottom: 10px;}
.types-section .type-area h2 {text-align: center; font-weight: 500; color: #ffffff; font-family: 'Lato',sans-serif !important; margin-bottom: 22px;}
.types-section .type-area h3 {color: #ffffff; font-size: 44px; line-height: 44px;}
.types-section .type-area p {color: #ffffff; font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.types-section .type-area p.underline {max-width: 135px; margin: 0 auto 10px; border-bottom: 3px solid #ffffff; padding-bottom: 6px; font-size: 18px; line-height: 20px; display: block; font-weight: 500; font-style: italic;}
.types-section .type-area p.date {color: #b5e9ff; margin-bottom: 0;}
.types-section .type-area p.metric {text-transform: uppercase; letter-spacing: 3px; color: #b5e9ff; font-size: 21px;}
.types-section .type-area p.link {font-size: 18px; line-height: 20px; font-weight: 500; font-style: italic; margin: 15px 0 0; padding-left: 15px;}
.types-section .type-area p.link:after {clear: both; content: ""; display: block;}
.types-section .type-area p.link img {float: left; margin-right: 15px;}
.types-section .type-area a {color: #ffffff;}
.types-section .type-area a:hover {color: #b5e9ff;}
.types-section .type-area a.button {border: 3px solid #ffffff; width: 100%; display: block; font-style: italic; padding: 10px 15px; text-align: center; max-width: 230px; margin: 0 auto;}
.types-section .type-area a.button:hover {border-color: #b5e9ff; color: #b5e9ff;}

.types-section .type-area.local-type {text-align: center;}
.types-section .type-area.local-type h2 {margin-bottom: 15px;}

/* Training > Map */
.map-section { padding: 0; background: url('../webp/bg-map.png.webp') no-repeat center top; background-size: auto 100%;}
.map-section .map-area {padding: 180px 0 130px; position: relative; left: -50px;}
.map-section .map-area img {max-width: 100%; margin: 20px auto 0;}

.map-section .col-lg-2 {padding-left: 0;}
.map-section .event-area {background-color: #ffffff; padding: 180px 20px 150px;}
.map-section .event-area h3 {color: #231f20; padding: 0 3px; margin: 0 0 20px; position: relative; width: 100%;}
.map-section .event-area h3:after {content: ""; display: inline-block; max-width: 100px; width: 100%; height: 2px; background-color: #627a84; margin: 15px 0 0; }
.map-section .event-area h4 {background-color: #ffffff; padding: 4px 3px 0; display: block; color: #231f20; margin: 0; line-height: 1;}
.map-section .event-area h4:hover {background-color: #fcb714;}
.map-section .event-area p {color: #231f20; padding: 0 2px; line-height: 23px; font-weight: 500; font-size: 16px; margin-bottom: 25px;}
.map-section .event-area p a {text-transform: uppercase; color: #231f20; margin-top: 5px; display: inline-block;}
.map-section .event-area p a:hover {color: #fcb714;}

@media (max-width: 1199px) {
	.map-section .event-area {padding: 150px 10px 50px;}
	.map-section .map-area {left: 0; padding: 150px 0 50px;}
}
@media (max-width:960px){
	.map-section .map-area {left: 0; padding: 0px 0 50px;}
}
@media (max-width: 767px) {
	.map-section .event-area h3:after {left: 0; margin: 15px auto 0;}
	.map-section .event-area {padding: 30px 10px 40px; max-width: 220px; margin: 0 auto;}
}

/* Training > Exposure */
.exposure-section {padding: 130px 0 15px; text-align: center;}
.exposure-section .text-area {margin-bottom: 60px;}
.exposure-section .text-area h2 {font-size: 24px; line-height: 32px; margin-bottom: 25px;}
.exposure-section .text-area p {font-size: 16px;}
.exposure-section .text-area p:last-child {margin: 0;}
.exposure-section .text-area a.button {margin: 0 20px;}
.exposure-section .text-area a.button:hover {background-color: #6bc6b2; color: #ffffff;}

.exposure-section .tool-area {margin-bottom: 60px;}
.exposure-section .tool-area img {margin-bottom: 20px;}
.exposure-section .tool-area:hover img {transform: scale(1.05);}
.exposure-section .tool-area h3 {font-size: 20px; line-height: 28px; margin: 0;}

@media (max-width: 991px) {
	.exposure-section {padding: 60px 0 15px;}
	.exposure-section .text-area {margin-bottom: 20px;}
}

/* Training > Detail */
.ds-section {background-color: #f3f3f3; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding: 100px 0 5px;}
.ds-section .headline-area {text-align: center;}
.ds-section .headline-area h2 {font-size: 24px; font-weight: bold; margin-bottom: 50px;}
.ds-section .headline-area h2 em {font-weight: normal;}

.ds-section .text-area {}
.ds-section .text-area h3 {font-style: italic;}
.ds-section .text-area p {font-size: 18px; line-height: 1.667;}
.ds-section .text-area p + h3 {margin-top: 40px;}
.ds-section .text-area hr {display: block; height: 2px; max-width: 240px; width: 100%; margin: 30px auto; background-color: #627a84;}
.ds-section .text-area ul {margin-bottom: 30px;}
.ds-section .text-area ol {list-style: decimal;}
.ds-section .text-area ol,
.ds-section .text-area ul {margin: 0 0 25px 30px;}
.ds-section .text-area ol li ol,
.ds-section .text-area ul li ul {margin: 20px 0 20px 30px;}
.ds-section .text-area ol li,
.ds-section .text-area ul li {position: relative; font-size: 18px; margin-bottom: 5px; line-height: 1.667;}
.ds-section .text-area ul li:before {content: "\f105"; margin-right: -8px; top: 2px; position: relative; font-size: 16px; color: #59595c; left: -19px;}
.ds-section .text-area ol li a,
.ds-section .text-area ul li a {color: #6bc6b2;}

.ds-section .upcoming-area {display: none;}
.ds-section .upcoming-area ul {}
.ds-section .upcoming-area ul li {}
.ds-section .upcoming-area ul li a {}

.ds-section .grid-size {max-width: 480px;}
.ds-section .grid-row {margin: 0;}
.ds-section .grid-row .col-lg-4 {padding: 0;}
.ds-section .grid-row .col-lg-4:nth-child(3n+1) {clear: both;}
.ds-section .grid-area {text-align: center;}
.ds-section .grid-area a,
.ds-section .grid-area span {display: block; width: 160px; height: 160px; padding: 50px 15px 40px; color: #59595c;}
.ds-section .grid-area .service-icon {margin: 0 auto 15px; display: block;}
.ds-section .grid-area p {line-height: 1.3; margin: 0; text-transform: uppercase; font-size: 18px;}
.ds-section .grid-area a:hover p {color: #fcb714 !important;}

/* Training > Testimonial */
.trainingtest-section {padding: 240px 0 60px; text-align: center; background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.trainingtest-section .quotes-carousel {position: relative;}
.trainingtest-section .quotes-carousel:before,
.trainingtest-section .quotes-carousel:after {display: block; position: absolute; font-family: 'playfair-display', serif; font-size: 200px; color: #fcb714; line-height: 1; height: 70px; z-index: -1; opacity: 0.7;}
.trainingtest-section .quotes-carousel:before {content: "“"; top: -80px; left: 0; z-index: 1;}
.trainingtest-section .quotes-carousel:after {content: "”"; top: 80px; right: 0;}
.trainingtest-section .test-area { position: relative; min-height: 235px;z-index: 1;}
.trainingtest-section .test-area p.quote {line-height: 1.667; font-size: 18px; max-width: 850px; margin: 0 auto 30px;}
.trainingtest-section .test-area p.author {font-size: 18px; text-transform: uppercase; margin: 0; font-weight: 500;}
@media (max-width:1000px){
	.trainingtest-section .quotes-carousel:before {z-index: 0;}
}
@media (max-width:767px){
	.trainingtest-section .quotes-carousel:before,
.trainingtest-section .quotes-carousel:after {opacity: 0.4;}
}
.trainingtest-section .slick-dots {position: static; top: auto; width: 80%; margin: 25px auto 0;}
.trainingtest-section .slick-dots li {}
.trainingtest-section .slick-dots button:before {border-radius: 50%; opacity: 1; font-size: 15px; color: #eceded; line-height: 17px; border: none;}
.trainingtest-section .slick-dots li:hover button:before,
.trainingtest-section .slick-dots li.slick-active button:before {color: #7b95a2; opacity: 1;}

.trainingtest-section .quotes-carousel .slick-prev {left: 47%;}
.trainingtest-section .quotes-carousel .slick-next {right: 47%;}
.trainingtest-section .quotes-carousel .slick-prev,
.trainingtest-section .quotes-carousel .slick-next {top: auto; bottom: -40px; background: none; width: 30px; height: 30px; line-height: 30px; border: 0; border-radius: 0; opacity: 1;}
.trainingtest-section .quotes-carousel .slick-prev:before {content:"\f0d9";}
.trainingtest-section .quotes-carousel .slick-next:before {content:"\f0da";}
.trainingtest-section .quotes-carousel .slick-prev:before,
.trainingtest-section .quotes-carousel .slick-next:before {opacity: 1; color: #fcb714; font-size: 27px;}
.trainingtest-section .quotes-carousel .slick-prev:hover:before,
.trainingtest-section .quotes-carousel .slick-next:hover:before {color: #231f20;}

.trainingtest-section a.button {color: #627a84; margin: 70px auto 0; width: 100%; max-width: 260px;}
.trainingtest-section a.button:hover {background-color: #6bc6b2; color: #ffffff;}

/* Training > Image Gallery */
.image-section {padding: 210px 0 50px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.image-section .container {max-width: 100%;}
.image-section .col-xs-12 {padding: 0;}
.image-section .image-area {padding: 0 15px; overflow: hidden; float: left; position: relative;}
/*.image-section .image-area:before {content: ""; display: block; position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; background-color: rgba(255,255,255,0.54);}
.image-section .image-area:nth-child(3):before {background-color: rgba(107,198,178,0.54);}*/
.image-section .image-area img {width: 100%;}

/* Training > Exposure */
.events-section {background-color: #ffffff; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding: 40px 0 150px;}
body.page-template-template-training .events-section {background-color: #f3f3f3;}
.image-section .events-section {background: none; padding: 240px 0 35px;}
.events-section .container {max-width: 1080px;}
.events-section .col-lg-4:nth-child(2),
.events-section .col-lg-4:nth-child(3) {background: url('../webp/event-divider.png.webp') no-repeat left bottom; padding: 0 10px 0 47px;}

.events-section .event-area {max-width: 290px; padding: 0; margin: 0 auto; min-height: 600px;}
.events-section .event-area.custom-type {max-width: 297px;}
.events-section .event-area img {margin-bottom: 85px;}
.events-section .event-area h3 {margin-bottom: 0;}
.events-section .event-area h3 + p {line-height: 1.2;}
.events-section .event-area a.show-more {text-transform: uppercase; margin-top: 15px; display: inline-block;}
.events-section .event-area a.show-more:hover {color: #6bc6b2;}
.events-section .event-area p:last-child {margin: 0;}
.events-section .event-area blockquote {text-align: center; border: none; padding: 8px 10px 5px; position: relative; margin: 0 0 30px; max-width: 270px; border: 2px solid #627a84; border-left: none; border-right: none;}
.events-section .event-area blockquote:after {bottom: 0; top: auto;}
.events-section .event-area blockquote p {font-family: 'playfair-display'; font-size: 20px; font-style: italic; line-height: 1.667;}
.events-section .event-area blockquote p:last-child {margin: 0;}

.events-section .link-area {margin-top: 70px; text-align: center;}
.events-section .link-area h3 {margin-bottom: 5px;}
.events-section .link-area a {text-transform: uppercase; font-weight: 500; position: relative; display: inline-block; color: #59595c;}
.events-section .link-area a span {position: relative; z-index: 2;}
.events-section .link-area a:before {position: absolute; top: 11px; content: ""; display: block; background-color: #cad5da; left: 3%; width: 208px; height: 13px;}
.events-section .link-area a:hover:before {background-color: #fcb714;}

@media (max-width: 991px) {
	.events-section {padding: 40px 0;}
	.events-section .col-lg-4:nth-child(2),
	.events-section .col-lg-4:nth-child(3) {background: none; padding: 0;}
	.events-section .event-area {margin: 0 auto 30px; max-width: 500px; text-align: center; min-height: initial;}
	.events-section .event-area.custom-type {max-width: 500px;}
	.events-section .event-area img {margin-bottom: 30px;}
	.events-section .event-area blockquote {margin: 0 auto 10px;}
	.events-section .event-area a.show-more {margin-top: 0;}
}

/********************/
/* Keynote Speaking */
/********************/
body.page-template-template-keynote {}

/* Above the fold */
.atf-section {padding: 0 0 30px 55px; overflow: hidden;}
.atf-section .container {max-width: 1770px;}

.atf-section .image-area {position: relative; z-index: 2;}
.atf-section .image-area img {margin: 0 auto; display: block;}

.atf-section .content-area {background-color: #EEE5E0; padding: 90px 0 60px 40px; max-width: 870px; position: relative;} 
.atf-section .content-area:before {left: 100%;}
.atf-section .content-area:after {right: 100%;}
.atf-section .content-area h1 {color: #154867; font-size: 46px; font-weight: 600; margin-bottom: 0;}
.atf-section .content-area h2 {color: #31363A; font-weight: normal; margin-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 28px;}
.atf-section .content-area p {max-width: 810px; font-size: 20px; line-height: 1.4; color: #31363A;}
.atf-section .content-area p:last-child {margin: 0;}
.atf-section .content-area p a {text-decoration: underline;}

.atf-section .button-area {margin-top: 30px; padding-left: 40px;}
.atf-section a.button {background-color: #064027; color: #ffffff; font-weight: normal;}
.atf-section a.button:hover {background-color: #154867; color: #ffffff;}
.atf-section a.secondary-button {background-color: #154867; color: #ffffff; margin-left: 30px;}
.atf-section a.secondary-button:hover {background-color: #064027; color: #ffffff;}

@media (max-width: 1499px) {
	.atf-section .content-area {padding-top: 60px; padding-bottom: 50px;}
}

@media (max-width: 1399px) {
	.atf-section .content-area {padding-top: 50px; padding-bottom: 40px;}
}

@media (max-width: 1199px) {
	.atf-section {padding-left: 30px;}
	.atf-section .content-area {padding-left: 30px;}
	.atf-section .content-area h1 {font-size: 40px;}
	.atf-section .content-area p {font-size: 18px;}
	.atf-section .button-area {padding-left: 30px;}
	.atf-section a.button {display: block; max-width: 300px; width: 100%;}
	.atf-section a.secondary-button {margin-left: 0; margin-top: 20px;}
}

@media (min-width: 992px) {
	.atf-section .content-area:before,
	.atf-section .content-area:after {background-color: #EEE5E0; content: ""; display: block; top: 0; bottom: 0; width: 150%; position: absolute;}
	.atf-section.with-image .order-row {display: flex; align-items: center;}
}

@media (max-width: 991px) {
	.atf-section {padding-left: 15px; padding-right: 15px;}
	.atf-section .container {max-width: 580px;}
	.atf-section .content-area {padding: 30px 20px; margin: 0 auto;}
	.atf-section .content-area h2 {font-size: 26px;}
	.atf-section .content-area.additional-area {padding-top: 0;}
	.atf-section .content-area p {font-size: 18px;}
	.atf-section .image-area {padding-top: 20px;}
	.atf-section .button-area {padding-left: 0;}
	.atf-section a.button {margin: 0 auto;}
	.atf-section a.secondary-button {margin: 20px auto 0;}
}

@media (max-width: 767px) {
	.atf-section .content-area h1 {font-size: 35px;}
	.atf-section .content-area h2 {font-size: 22px;}
}

/* Left/Right */
.leftright-section {padding: 30px 0; overflow: hidden;}
.leftright-section .container {max-width: 1410px;}

.leftright-section .image-area img {margin: 0 auto; display: block;}

.leftright-section .content-area {background-color: #EEE5E0; max-width: 790px; padding: 35px 75px 45px 30px; margin-top: 30px; position: relative;}
.leftright-section .content-area h2 {font-size: 35px; font-weight: 600; margin-bottom: 20px; color: #31363A;}
.leftright-section .content-area p {max-width: 600px; color: #31363A; font-size: 18px; line-height: 1.45; margin-bottom: 25px;}
.leftright-section .content-area p:last-child {margin: 0;}
.leftright-section .content-area p a {text-decoration: underline;}
.leftright-section .content-area .button-area {margin-top: 65px;}

.leftright-section a.button {background-color: #064027; color: #ffffff; font-weight: normal;}
.leftright-section a.button:hover {background-color: #154867; color: #ffffff;}
.leftright-section a.secondary-button {background-color: #154867; color: #ffffff; margin-left: 30px;}
.leftright-section a.secondary-button:hover {background-color: #064027; color: #ffffff;}

@media (max-width: 1399px) {
	.leftright-section {padding-top: 20px; padding-left: 30px;}
	.leftright-section .content-area p {line-height: 1.4; margin-bottom: 15px;}
}

@media (max-width: 1199px) {
	.leftright-section {padding-top: 10px;}
	.leftright-section a.button {display: block; max-width: 300px; width: 100%;}
	.leftright-section a.secondary-button {margin-left: 0; margin-top: 15px;}
}

@media (min-width: 992px) {
	.leftright-section .row {display: flex; align-items: flex-end;}
	.leftright-section .content-area:before {background-color: #EEE5E0; content: ""; display: block; top: 0; bottom: 0; width: 30px; position: absolute; right: 100%;}
	/*	.leftright-section.with-image .order-row {display: flex; align-items: center;}*/
}

@media (max-width: 991px) {
	.leftright-section {padding-left: 15px; padding-right: 15px;}
	.leftright-section .container {max-width: 580px;}
	.leftright-section .content-area {padding: 25px 30px;}
	.leftright-section .content-area h2 {font-size: 30px;}
	.leftright-section .content-area.additional-area {padding-top: 0;}
	.leftright-section .content-area .button-area {margin-top: 35px;}
	.leftright-section .image-area {padding-top: 20px;}
	.leftright-section a.button {display: block; margin: 0 auto 20px; width: 100%; max-width: 370px;}
}

@media (max-width: 767px) {
	.leftright-section .content-area h2 {font-size: 26px;}
}

/* Content Tabs */
.expand-section {background-color: #ffffff; padding: 40px 0 75px; position: relative;}
.expand-section .container {max-width: 1500px;}
.expand-section .content-area h2 {text-align: center; font-size: 35px; font-weight: 600; margin-bottom: 50px; color: #31363A; text-align: center;}

.expand-section .tab-area ul.nav-tabs {border: none;}
.expand-section .tab-area ul.nav-tabs li.nav-item {width: 100%; float: none; margin-bottom: 20px;}
.expand-section .tab-area ul.nav-tabs li.nav-item:last-child {margin-bottom: 0;}
.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link {background-color: #FBB321; color: #31363A; border: none; padding: 27px 35px; width: 100%; min-height: 120px; display: flex; align-items: center; max-width: 707px; position: relative; border-radius: 0;}
.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link:after {content: ""; display: block; position: absolute; left: 100%; top: -15px; opacity: 0; width: 0; height: 0; border-top: 75px solid transparent; border-bottom: 75px solid transparent; border-left: 65px solid #FBB321; z-index: 2;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(2) .nav-link {background-color: #F05D60;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(2) .nav-link:after {border-left: 65px solid #F05D60;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(3) .nav-link {background-color: #154867;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(3) .nav-link:after {border-left: 65px solid #154867;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(4) .nav-link {background-color: #064027;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(4) .nav-link:after {border-left: 65px solid #064027;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(5) .nav-link {background-color: #985228;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(5) .nav-link:after {border-left: 65px solid #985228;}
.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link h3 {line-height: 1.25; font-size: 23px; font-family: 'Lato', sans-serif; margin: 0; color: #31363A;}
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(3) .nav-link h3,
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(4) .nav-link h3,
.expand-section .tab-area ul.nav-tabs li.nav-item:nth-child(5) .nav-link h3 {color: #ffffff;}
.expand-section .tab-area ul.nav-tabs li.nav-item.active .nav-link {max-width: initial;}
.expand-section .tab-area ul.nav-tabs li.nav-item.active .nav-link:after {opacity: 1;}

.expand-section .tab-area .tab-holder {background-color: #EEE5E0; padding: 50px 60px; min-height: 700px;}
.expand-section .tab-area .tab-content {background-color: #EEE5E0;}
.expand-section .tab-area .tab-content .content-area h3 {font-size: 24px; color: #31363A; margin-bottom: 20px; font-family: 'Lato', sans-serif; font-weight: bold;}
.expand-section .tab-area .tab-content .content-area h4 {font-size: 20px; color: #31363A; margin-bottom: 8px; font-family: 'Lato', sans-serif; margin-top: 20px; font-weight: bold;}
.expand-section .tab-area .tab-content .content-area p {color: #31363A; font-size: 18px; line-height: 1.45;}
.expand-section .tab-area .tab-content .content-area p + a.button {}
.expand-section .tab-area .tab-content .content-area ul {list-style: outside;}
.expand-section .tab-area .tab-content .content-area ol {list-style: decimal;}
.expand-section .tab-area .tab-content .content-area ol,
.expand-section .tab-area .tab-content .content-area ul {margin: 0 0 20px 30px;}
.expand-section .tab-area .tab-content .content-area ol:last-child,
.expand-section .tab-area .tab-content .content-area ul:last-child {margin-bottom: 0;}
.expand-section .tab-area .tab-content .content-area ol li ol,
.expand-section .tab-area .tab-content .content-area ul li ul,
.expand-section .tab-area .tab-content .content-area ol li ul,
.expand-section .tab-area .tab-content .content-area ul li ol {margin: 5px 0 5px 20px;}
.expand-section .tab-area .tab-content .content-area ol li,
.expand-section .tab-area .tab-content .content-area ul li {position: relative; margin-bottom: 1px; font-weight: normal; color: #31363A; font-size: 17px; line-height: 1.45;}
.expand-section .tab-area .tab-content .content-area ol li ol li,
.expand-section .tab-area .tab-content .content-area ul li ul li,
.expand-section .tab-area .tab-content .content-area ol li ul li,
.expand-section .tab-area .tab-content .content-area ul li ol li {margin-bottom: 5px;}
.expand-section .tab-area .tab-content .content-area ol li a,
.expand-section .tab-area .tab-content .content-area ul li a {color: #6bc6b2;}
.expand-section .tab-area .tab-content .content-area ol li a:hover,
.expand-section .tab-area .tab-content .content-area ul li a:hover {color: #21465a;}
.expand-section .tab-area .tab-content .content-area ol li:last-child,
.expand-section .tab-area .tab-content .content-area ul li:last-child {margin-bottom: 0;}

.expand-section .tab-area .tab-lists {display: flex; justify-content: space-between;}
.expand-section .tab-area .tab-lists .list-area {width: 48%;}
.expand-section .tab-area .tab-lists .list-area h4 {margin-top: 10px;}

.expand-section .button-area {margin-top: 60px; text-align: center;}
.expand-section a.button {background-color: #064027; color: #ffffff; font-weight: normal;}
.expand-section a.button:hover {background-color: #154867; color: #ffffff;}
.expand-section a.secondary-button {background-color: #154867; color: #ffffff; margin-left: 30px;}
.expand-section a.secondary-button:hover {background-color: #064027; color: #ffffff;}
.expand-section .tab-area .tab-content .content-area .button-area {text-align: center; padding-top: 45px; margin-top: 0;}

@media (max-width: 991px) {
	.expand-section {padding-bottom: 50px;}
	.expand-section .content-area h2 {font-size: 30px; margin-bottom: 40px;}
	.expand-section .tab-area {max-width: 707px; margin: 0 auto 20px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item {margin-bottom: 10px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link {min-height: initial; padding: 20px 25px; font-size: 22px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link h3 {font-size: 22px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item:last-child {margin-bottom: 0;}
	.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link:after {display: none !important;}
	.expand-section .tab-area .tab-holder {padding: 30px; min-height: initial;}
	.expand-section .button-area {margin-top: 30px;}
	.expand-section a.button {display: block; margin: 0 auto 20px; width: 100%; max-width: 300px;}
	.expand-section .tab-area .tab-content .content-area .button-area {padding-top: 30px;}
	.expand-section .tab-area .tab-content .content-area .button-area a.button {margin-bottom: 0;}
}

@media (max-width: 767px) {
	.expand-section .content-area h2 {font-size: 28px; margin-bottom: 30px;}
	.expand-section .tab-area {max-width: 570px; margin: 0 auto;}
	.expand-section .tab-area ul.nav-tabs {flex-direction: column;}
	.expand-section .tab-area ul.nav-tabs li.nav-item {padding-right: 0; padding-bottom: 2px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link {font-size: 22px;}
	.expand-section .tab-area ul.nav-tabs li.nav-item .nav-link h3 {font-size: 20px;}
	.expand-section .tab-area .tab-holder {flex-direction: column;}
	.expand-section .tab-area .tab-holder .text-side {width: 100%; padding-right: 0; margin-bottom: 15px;}
	.expand-section .tab-area .tab-holder .link-side {width: 100%;}
	.expand-section .tab-area .tab-lists {flex-direction: column;}
	.expand-section .tab-area .tab-lists .list-area {width: 100%;}
	.expand-section .button-area {margin-top: 40px;}
}

/* Testimonials */
body.page-template-template-keynote .trainingtest-section {background-size: cover; min-height: 460px; padding: 150px 50px 120px;}
body.page-template-template-keynote .trainingtest-section .quotes-carousel:before,
body.page-template-template-keynote .trainingtest-section .quotes-carousel:after {display: none;}
body.page-template-template-keynote .trainingtest-section .test-area {min-height: initial;}
body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 30px; color: #ffffff; max-width: initial; margin: 0; text-align: left; line-height: 1.4;}
body.page-template-template-keynote .trainingtest-section .test-area p.author {text-align: left; color: #ffffff; font-size: 24px; margin-top: 20px;}

body.page-template-template-keynote .trainingtest-section .slick-prev,
body.page-template-template-keynote .trainingtest-section .slick-next {top: 20%; background: none; width: 33px; height: 32px; line-height: 32px; border: 0; border-radius: 0; opacity: 1; transform: translateY(-20%); overflow: hidden;}
body.page-template-template-keynote .trainingtest-section .slick-prev {left: -50px;}
body.page-template-template-keynote .trainingtest-section .slick-next {right: -50px;}
body.page-template-template-keynote .trainingtest-section .slick-prev:before,
body.page-template-template-keynote .trainingtest-section .slick-next:before {opacity: 1; color: #ffffff; font-size: 65px; line-height: 50px; content: ""; display: block; width: 33px; height: 32px;}
body.page-template-template-keynote .trainingtest-section .slick-prev:before {background-image: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_277_113)"><path d="M1.42303 14.5481L31.577 14.5481C32.3596 14.5481 33 15.2015 33 16C33 16.7985 32.3596 17.4519 31.577 17.4519L1.42303 17.4519C0.640362 17.4519 5.71183e-08 16.7985 1.2693e-07 16C1.96741e-07 15.2014 0.640362 14.5481 1.42303 14.5481Z" fill="%23F2EBE8"/><path d="M15.6818 -9.93068e-05C16.0518 -9.92745e-05 16.4076 0.145094 16.6922 0.420956C17.2471 0.987198 17.2471 1.9019 16.6922 2.46814L3.44378 15.9854L16.6922 29.5171C17.2471 30.0834 17.2471 30.9981 16.6922 31.5643C16.1372 32.1306 15.2407 32.1306 14.6857 31.5643L0.426967 17.0162C-0.128014 16.45 -0.128014 15.5353 0.426967 14.969L14.6857 0.420955C14.9703 0.130575 15.3261 -9.93379e-05 15.696 -9.93056e-05L15.6818 -9.93068e-05Z" fill="%23F2EBE8"/></g><defs><clipPath id="clip0_277_113"><rect width="33" height="32" fill="white" transform="translate(33 32) rotate(-180)"/></clipPath></defs></svg>');}
body.page-template-template-keynote .trainingtest-section .slick-next:before {background-image: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_277_110)"><path d="M31.577 17.4519H1.42303C0.640362 17.4519 0 16.7985 0 16C0 15.2015 0.640362 14.5481 1.42303 14.5481H31.577C32.3596 14.5481 33 15.2015 33 16C33 16.7985 32.3596 17.4519 31.577 17.4519Z" fill="%23F2EBE8"/><path d="M17.3182 32.0001C16.9482 32.0001 16.5924 31.8549 16.3078 31.579C15.7529 31.0128 15.7529 30.0981 16.3078 29.5319L29.5562 16.0146L16.3078 2.48286C15.7529 1.91661 15.7529 1.00191 16.3078 0.435669C16.8628 -0.130574 17.7593 -0.130574 18.3143 0.435669L32.573 14.9838C33.128 15.55 33.128 16.4647 32.573 17.031L18.3143 31.579C18.0297 31.8694 17.6739 32.0001 17.304 32.0001H17.3182Z" fill="%23F2EBE8"/></g><defs><clipPath id="clip0_277_110"><rect width="33" height="32" fill="white"/></clipPath></defs></svg>');}
body.page-template-template-keynote .trainingtest-section .slick-prev:hover:before,
body.page-template-template-keynote .trainingtest-section .slick-next:hover:before {opacity: 0.85;}

@media (max-width: 1399px) {
	body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 28px;}
}

@media (max-width: 1199px) {
	body.page-template-template-keynote .trainingtest-section {padding: 120px 50px 100px;}
	body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 26px;}
}

@media (max-width: 991px) {
	body.page-template-template-keynote .trainingtest-section {padding: 100px 50px 75px; min-height: initial;}
	body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 24px;}
	body.page-template-template-keynote .trainingtest-section .test-area p.author {font-size: 18px;}
}

@media (max-width: 767px) {
	body.page-template-template-keynote .trainingtest-section {padding: 60px 50px 50px;}
	body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 22px;}
	body.page-template-template-keynote .trainingtest-section .test-area p.author {font-size: 16px;}
}

@media (max-width: 550px) {
	body.page-template-template-keynote .trainingtest-section .test-area p.quote {font-size: 20px; line-height: 1.4;}
}

/* Resource Boxes */
.resources-section {padding: 70px 15px 90px; overflow: hidden;}
.resources-section .container {max-width: 1444px;}
.resources-section .content-area h2 {text-align: center; font-size: 35px; font-weight: 600; margin-bottom: 40px; color: #31363A; text-align: center;}
.resources-section .content-area h3 {font-size: 20px; color: #064026; font-weight: 600; margin-bottom: 25px;}
.resources-section .content-area p:last-child {margin: 0;}

.resources-section .box-area {background-color: #F2EBE8; padding: 25px 20px 15px; min-height: 300px; text-align: center;}
.resources-section .box-area .top-area {min-height: 190px;}
.resources-section .box-area h3 {color: #064027; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 1.1;}
.resources-section .box-area p {color: #31363A; font-size: 18px; line-height: 1.35;}
.resources-section .box-area p:last-child {margin: 0;}

.resources-section .box-area .button-area {margin-top: 30px;}
.resources-section .box-area a.button {background-color: #064027; color: #ffffff; font-weight: normal;}
.resources-section .box-area a.button:hover {background-color: #154867; color: #ffffff;}

@media (max-width: 1199px) {
	.resources-section .order-row {flex-wrap: wrap;}
	.resources-section .box-area {margin-bottom: 30px; min-height: initial; padding: 40px 20px 35px;}
	.resources-section .box-area .top-area {min-height: initial;}
}

@media (max-width: 991px) {
	.resources-section {padding: 40px 0;}
	.resources-section .content-area h2 {font-size: 30px;}
	.resources-section .box-area {max-width: 500px; margin: 0 auto 30px;}
}

@media (min-width: 768px) {
	.resources-section .order-row {display: flex; align-items: center; justify-content: center;}
}

@media (max-width: 767px) {
	.resources-section .content-area h2 {font-size: 26px;}
}

/* Call To Action */
.calltoaction-section {background-color: #F2EBE8; padding: 0; background-repeat: no-repeat; background-size: 66.7% 100%; background-position: right top;}
.calltoaction-section .cta-holder {padding: 100px 0 90px;}
.calltoaction-section .container {max-width: 100%;}

.calltoaction-section .content-area {padding-left: 60px;}
.calltoaction-section .content-area h2 {color: #F2EBE8; font-size: 35px; margin-bottom: 25px; font-weight: bold;}

.calltoaction-section .content-area .button-area {margin-top: 30px;}
.calltoaction-section .content-area a.button {background-color: #F2EBE8; color: #064027;}
.calltoaction-section .content-area a.button:hover {background-color: #436F87; color: #E1EBEE !important;}

@media (max-width: 1199px) {
	.calltoaction-section {background-size: 75% 100%;}
	.calltoaction-section .cta-holder {padding: 70px 0 60px;}
}

@media (max-width: 991px) {
	.calltoaction-section {background-size: cover;}
	.calltoaction-section .container {padding: 0 30px;}
	.calltoaction-section .content-area h2 {font-size: 30px;}
}

@media (max-width: 767px) {
	.calltoaction-section .content-area h2 {font-size: 26px;}
}

/*******/
/* 404 */
/*******/
.contact-form input[type="text"],
.contact-form input[type="search"] {width: 79%; float: left; margin-right: 1%;}
.contact-form input[type="submit"] {color: #000000 !important; background: #21465a; font-weight: 700; border-radius: 3px; font-size: 16px; text-transform: uppercase; width: 20%; display: block; border: 1px solid #21465a; color: #ffffff; padding: 13px 0; float: left; margin-top: 0;}
.contact-form input[type="submit"]:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/***********/
/* Sidebar */
/***********/
.col-lg-3.remove-left {padding-left: 0;}
.sidebar {max-width: 250px; margin: 0 auto;}

@media (max-width: 991px) {
	.sidebar {margin-top: 40px;}
}

/* Sidebar > Breadcrumbs */
.sidebar ul.breadcrumb {margin: 0 0 15px; padding: 0; background: none; border-radius: 0; text-align: center;}
.sidebar ul.breadcrumb li {text-transform: lowercase; font-size: 15px; color: #8b8c8e; letter-spacing: 1px;}
.sidebar ul.breadcrumb li:before {content: "/\00a0"; color: #8b8c8e; padding: 0;}
.sidebar ul.breadcrumb li.home:before {display: none;}
.sidebar ul.breadcrumb li a {color: #8b8c8e;}
.sidebar ul.breadcrumb li a:hover {color: #6bc6b2;}

/* Sidebar > Widgets */
.sidebar .widget {position: relative; margin-bottom: 55px;}
.sidebar .widget:last-child {margin-bottom: 0;}
.sidebar .widget.no-margin {margin-bottom: 0;}
.sidebar .widget-title {position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .widget-title h4 {text-transform: uppercase; color: #000000; font-size: 30px; margin: 0; line-height: 35px;}
.sidebar .widget ul {margin: 0; padding: 0; list-style: none;}
.sidebar .widget ul li {list-style: none; margin-bottom: 20px;}
.sidebar .widget ul.slick-dots li {margin-bottom: 0;}
.sidebar .widget a {text-decoration: none; color: #333333;}
.sidebar .widget a:hover {color: #21465a !important;}

/* Sidebar > Menu */
.sidebar .vertical-menu h3 {text-align: center; font-weight: 600;}
.sidebar .vertical-menu ul {padding: 0; margin: 0; list-style: none;}
.sidebar .vertical-menu ul li {display: block; font-weight: 500; margin: 0 0 8px; background: #f3f3f3; text-align: center;}
.sidebar .vertical-menu ul li a {font-size: 18px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 15px; display: block; background-color: #6bc6b2;}
.sidebar .vertical-menu ul li a i {float: right; font-size: 16px; color: #59595c;}
.sidebar .vertical-menu li.team-cta a {text-transform: initial; color: #333333; font-size: 16px; background-color: #e0e2e1; padding: 20px 15px;}
.sidebar .vertical-menu li.team-cta a strong {font-family: 'playfair-display', serif; font-size: 18px;}
.sidebar .vertical-menu li.current_page_item a,
.sidebar .vertical-menu li a:hover {background-color: #333333 !important; color: #ffffff !important;}

/* Sidebar > Latest News */
.sidebar .latest-scroller.widget {text-align: center;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item {margin-bottom: 10px;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item a {display: block; position: relative;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item .image-box {height: 200px; overflow: hidden;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item img {    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item .caption-box {background-color: #e0e2e1; padding: 20px 15px;/* min-height: 115px;*/}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item .caption-box p {color: #333333; font-weight: normal; margin: 0; font-size: 16px; line-height: 1.2;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item .caption-box p strong {font-family: 'playfair-display', serif; font-size: 18px;}
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item a:hover .caption-box {background-color: #6bc6b2;}

.sidebar .latest-scroller.widget .latest-side-carousel .slick-dots {position: static;}
.sidebar .latest-scroller.widget .latest-side-carousel .slick-dots li button:before {font-size: 14px; color: #eceded; opacity: 1; content: "\f111";}
.sidebar .latest-scroller.widget .latest-side-carousel .slick-dots li.slick-active button:before {color: #7b95a2;}

/* Sidebar > Brochures */
.widget.widget-brochures a {color: #fff; border-color: #30344d; background: #30344d; font-weight: 700; border-radius: 3px; font-size: 12px; text-transform: uppercase;}
.button-brochures {width: 100%; display: block; border: 1px solid #e9e9e9; margin-bottom: 8px; font-size: 12px; text-transform: uppercase; color: #727272; padding: 14px 25px;}
.widget-brochures ul li {margin-bottom: 0!important;}
.button-brochures i {margin-right: 15px; vertical-align: middle; font-size: 19px; height: 19px; line-height: 19px; color: #a5d4ce;}
.widget.widget-brochures a:hover {background: #a5d4ce; border-color: #a5d4ce; color: #30344d!important;}
.widget.widget-brochures a:hover.button-brochures i {color: #30344d!important;}


/* Sidebar > TOC */
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li{ width: 100%; }
#ez-toc-container ul li {  margin-bottom: 10px; }
#ez-toc-container ul li ul { padding-top: 10px;}
#ez-toc-container nav{ margin-top:10px !important; padding-top: 10px; border-top:1px solid #59595c; }
.toc-show-on-mobile{ display: none;}
div#ez-toc-container p.ez-toc-title { font-family: 'playfair-display',serif;}
@media (max-width:767px){
	.toc-show-on-mobile { display: block; }
	.toc-hide-on-mobile { display: none;}
}

.sidebar .rp4wp_component_title a{ color:#6bc6b2; }
.sidebar .rp4wp_component_title a:hover, .sidebar .rp4wp_component_title a:focus{ color:#59595c; }
/* Logo */
.sidebar .sidebar-m {margin: 0 auto; width: 40%; display: block;}

/* Contact */
.widget.widget-text button.submit {color: #ffffff !important; background: #21465a; font-weight: 700; border-radius: 3px; font-size: 16px; text-transform: uppercase; width: 100%; display: block; border: 1px solid #21465a; margin-bottom: 8px; color: #ffffff; padding: 14px 25px;}
.widget.widget-text button.submit:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/* Search */
.search-form button {background: #ffffff; border: none; float: right; margin-top: -32px; margin-right: 15px; position: relative; z-index: 2;}

/* Tags */
.tagcloud ul li {display: inline-block; margin: 0px 7px 7px 0px !important;}
.tagcloud a {display: inline-block; color: #777; border: 1px solid #888; font-size: 12px; text-transform: uppercase; text-align: center; padding: 10px 12px;}
.footer-widget .tagcloud a {color: #ACACAD;}

/* Post list */
.sidebar .post-list {overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .post-list img {max-width: 100%; float: left; margin-right: 15px;}
.sidebar .post-list h6 {margin-top: 4px; font-size: 13px;}
.sidebar .post-list span.date {color: #AAA; font-size: 13px; margin-top: 5px; display: block;}

/* Free Quote */
.quote-section {padding: 35px 0; text-align: center; position: relative; overflow: hidden;}
body.home .quote-section {opacity: 0;}
.quote-section .bg-image {position: absolute; top: 0; min-width: 102%; min-height: 100%; left: 50%; transform: translateX(-50%);}
.quote-section a.button {border: 1px solid #ffffff; background: transparent; color: #ffffff; display: inline-block; font-size: 50px; text-transform: uppercase; font-family: 'playfair-display', serif; padding: 20px 40px 25px; line-height: 50px;}
.quote-section a.button:hover {background-color: #df8a54; border-color: #df8a54; color: #ffffff;}

/* Secondary Nav */
.sidebar .widget-secondary > h3 {text-align: center;}
.sidebar .widget-secondary > ul {padding: 0; margin: 0; list-style: none;}
.sidebar .widget-secondary > ul > li {display: block; margin: 0 0 5px; font-weight: normal; line-height: 26px; position: relative; font-size: 18px;}
.sidebar .widget-secondary > ul > li > a {display: block; color: #414042; padding: 15px 30px 15px 20px; background-color: #f1f0f3; letter-spacing: 1px;}
.sidebar .widget-secondary > ul > li > a:after {content: "\f107"; right: 15px; top: 15px; position: absolute;}
.sidebar .widget-secondary > ul > li.active > a,
.sidebar .widget-secondary > ul > li > a:not(.button):hover {color: #ffffff !important; background-color: #6bc6b2;}
.sidebar .widget-secondary > ul > li > ul {display: none;}
.sidebar .widget-secondary > ul > li > ul > li {margin-bottom: 0; font-size: 17px; position: relative; padding: 5px 15px 5px 34px;  letter-spacing: 1px;}
.sidebar .widget-secondary > ul > li > ul > li > a {color: #414042;}
.sidebar .widget-secondary > ul > li > ul > li > a:hover {color: #6bc6b2 !important;}
.sidebar .widget-secondary > ul > li > ul > li > a:before {content: "\f105"; color: #59595c; font-size: 14px; margin-right: 7px; top: 6px; position: absolute; left: 19px;}
.sidebar .widget-secondary > ul > li.active > a:after {content: "\f106";}

/*******/
/* 404 */
/*******/
.fourohfour-section {background: #fcb714 url('../png/bg-404.png') no-repeat center top; min-height: 700px; padding: 100px 0 130px; background-size: cover;}
.fourohfour-section .content-area {text-align: center;}
.fourohfour-section .content-area h1 {text-align: center; border: none; padding: 6px 10px 10px; position: relative; margin: 0 auto 25px; border: 2px solid #627a84; border-left: none; border-right: none; max-width: 450px; font-size: 18px; color: #59595c; text-transform: uppercase; font-family: 'Lato', sans-serif;}
.fourohfour-section .content-area h2 {margin-bottom: 20px;}
.fourohfour-section .content-area p {font-size: 18px; font-family: 'playfair-display', serif; font-weight: bold; margin-bottom: 30px;}
.fourohfour-section .content-area a.button {color: #59595c; max-width: 230px; width: 100%;}

.fourohfour-section .search-box {margin-top: 150px;}
.fourohfour-section .search-box p {text-align: center; text-transform: uppercase; font-size: 18px;}
.fourohfour-section .search-box input[type="text"],
.fourohfour-section .search-box input[type="search"] {width: calc(100% - 130px); float: left; padding: 4px 15px 6px; color: #59595c; font-weight: normal; border: none; margin: 0; font-size: 18px;}
.fourohfour-section .search-box .screen-reader-text {display: none;}
.fourohfour-section .search-box input[type="submit"] {color: #ffffff !important; background: #6bc6b2; font-weight: normal; font-size: 18px; text-transform: uppercase; width: 100px; display: block; padding: 8px 5px 10px; float: left; margin-top: 0; border: none; text-transform: uppercase; border-radius: 0;}
.fourohfour-section .search-box input[type="submit"]:hover {background: #000000; color: #ffffff !important;}

@media (max-width: 767px) {
	.fourohfour-section {background-image: none !important;}
}

/**********/
/* Footer */
/**********/
.footer {background-color: #194b66; padding: 70px 0 20px;}
body.home .footer {opacity: 0;}
.footer h3 {color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: normal; font-family: 'Lato', sans-serif; line-height: 26px; margin: 15px 0 30px;}
.footer p {color: #ffffff; font-size: 18px; line-height: 26px; margin: 0;}

@media (max-width: 767px) {
	.footer {padding: 30px 0 20px;}
	.footer .clear-here {clear: both;}
}

@media (max-width: 640px) {
	.footer .col-xs-6 {width: 100%; float: none;}
}

/* Footer form */
.form-section {padding: 85px 0 95px; background:url(../jpg/contact-bg.jpg) #eff3f4 no-repeat center / cover; position: relative; overflow: hidden;}
.page-heading + .form-section {margin-top: 60px;}
.form-section .bg-image {position: absolute; left: 50%; transform: translateX(-50%); top: 0; min-width: 100%; min-height: 100%; bottom: 0;}
.form-section .bg-image img {max-width: initial; min-height: 100%;}
.form-section .centered{ float: none; margin:0 auto;}
.form-section .text-area {text-align : center;}
.form-section .text-area p {font-size: 24px; color: #fff; margin: 0 0 5px; font-style: italic; font-family: 'playfair-display', serif;}
.form-section .text-area h2 {color: #fff; font-size: 36px; font-weight: 500;}

.form-section .form-area {padding: 0;}
.form-section .form-area form fieldset {max-width: 100%;}
.form-section .form-area form .hs-form-field {margin-bottom: 10px;}
.form-section .form-area form label {display: none;}
.form-section .form-area form ul.hs-error-msgs li {margin: 0;}
.form-section .form-area form label.hs-error-msg {display: block; color: #fff; font-weight: normal; margin: 0;}
.form-section .form-area form input[type="text"],
.form-section .form-area form input[type="tel"],
.form-section .form-area form input[type="email"],
.form-section .form-area form textarea {width: 100%; border: none; font-weight: 500; font-family: 'Lato', 'Helvetica', sans-serif; color: #59595c; box-shadow: none; max-width: 100%;}
.form-section .form-area form fieldset.form-columns-3 .input {margin: 0 4px;}
.form-section .form-area form textarea.hs-input {width: 98%; margin: 0 4px;}
.form-section .form-area form input[type="text"]:focus,
.form-section .form-area form input[type="tel"]:focus,
.form-section .form-area form input[type="email"]:focus,
.form-section .form-area form textarea:focus {border-color: #59595c;}
.form-section .form-area form ::-webkit-input-placeholder {color: #59595c;}
.form-section .form-area form :-moz-placeholder {color: #59595c; opacity: 1;}
.form-section .form-area form ::-moz-placeholder {color: #59595c; opacity: 1;}
.form-section .form-area form :-ms-input-placeholder {color: #59595c;}
.form-section .form-area form .hs_other_comments {margin-bottom: 10px;}
.form-section .form-area form textarea {height: 110px; line-height: 28px; letter-spacing: .5px; resize: none;}
.form-section .form-area form p {text-align: left; font-size: 14px; line-height: 24px; font-weight: 500; color: #ffffff; margin-bottom: 15px;}
/*.form-section .form-area form p.checkbox-text {color: #ffffff; padding-right: 20%;}
.form-section .form-area form p.checkbox-text input[type="checkbox"] {width: auto; margin-left: 5px;}*/
.form-section .form-area form .actions {text-align: center; margin: 0; padding: 0;}
.form-section .form-area form input[type="submit"],
.form-section .form-area form input[type="submit"],
.form-section .form-area form button {border: none !important; color: #194b66; padding: 0 20px; text-transform: none; background: #6bc6b2; box-shadow: none !important; text-shadow: none; font-family: 'playfair-display', serif; display: inline-block; width: auto; position: relative; z-index: 2; font-size: 22px; font-style: italic; line-height: 1.9; font-weight: 500; width: 250px;}
.form-section .form-area form input[type="submit"]:hover,
.form-section .form-area form button:hover {background: #fff; color: #194b66;}
.form-section .form-area .hs_recaptcha, .footer .hs_recaptcha {display: none; position: relative; float: left; margin-left: 18px;}
.form-section .form-area .actions {position: relative;}

@media (max-width: 991px) {
	.form-section {padding: 75px 0;}
}

@media (max-width: 767px) {
	.form-section {padding: 50px 0;}
}

@media (max-width: 550px) {
	.form-section .form-area form .hs-form-field,
	.form-section .form-area form input[type="text"], 
	.form-section .form-area form input[type="tel"], 
	.form-section .form-area form input[type="email"], 
	.form-section .form-area form textarea {width: 100% !important;}
}

/* Partners */
.partners-section {padding: 50px 0; position: relative;}
body.home .partners-section {opacity: 0;}
.partners-section .container {padding: 0;}
.partners-section .row {margin: 0;}

.partners-section .item {position: relative; min-height: 140px; text-align: center;}
.partners-section .item img {max-width: 230px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: 0 auto;}
.partners-section .item a:hover img {opacity: 0.8;}

/* News Alert */
.alert-section {background-color: #eceded; padding: 15px 0 15px;}
body.home .alert-section {opacity: 0;}
.alert-section h3 {color: #194b66; font-size: 24px; font-family: 'playfair-display', serif; font-weight: 600; float: left; margin: 0 15px 0 0; line-height: 1.2;}
.alert-section .news-area {float: left; max-width: calc(100% - 150px); max-height: 33px; overflow: hidden;}
.alert-section .news-area p {color: #194b66; margin: 0; font-size: 24px; font-family: 'playfair-display', serif; line-height: 1.2;padding-bottom: 5px;}
.alert-section .news-area p a {color: #194b66;}
.alert-section .news-area p a:hover {color: #436f87;}
.alert-section .slick-prev:before, .alert-section .slick-next:before { color:#194b66}

@media (max-width: 767px) {
	.alert-section .news-area{max-height: 100%; text-align: center; max-width: 100%;}
	.alert-section h3 {font-size: 21px; width: 100%; text-align: center; margin-bottom: 20px;}
	.alert-section .news-area p {font-size: 20px;}
	.alert-section .news-item { padding: 0 40px; }
}

/* Text Logo */
.footer .footer-logo {margin-bottom: 50px;}
.footer .footer-logo img {margin: 0 auto; display: block;}

@media (max-width: 767px) {
	.footer .footer-logo {margin: 0 auto 20px;}
}

/* Links */
.footer .footer-widget {padding-top: 25px;}
.footer .footer-widget p {margin: 0 0 15px; font-size: 14px; text-transform: uppercase;}
.footer .footer-widget ul {padding: 0; margin: 0;}
.footer .footer-widget ul li {font-size: 14px; margin-bottom: 8px; color: #6bc6b2;}
.footer .footer-widget ul li a {color: #6bc6b2;}
.footer .footer-widget ul li a:hover {color: #ffffff;}
.footer .footer-widget .button { background: #fff; padding:5px 7px; color:#194b66; font-size: 14px; text-transform: none; letter-spacing: 0; }
.footer .footer-widget .button:hover, .footer .footer-widget .button:focus{ background: #6bc6b2; color:#194b66; }
@media (max-width: 767px) {
	.footer .footer-widget {text-align: center;}
	.footer .footer-widget.left-widget {margin: 0 auto 30px; text-align: center;}
	.footer .footer-widget.contact-widget {text-align: center;}
}

/* Circle Logo */
.footer .circle-widget {position: relative; float: right; width: 191px; height: 187px;}
.footer .circle-widget .footer-logo {position: absolute; top: 0;}
.footer .circle-widget .circle-text {width: 100%; height: auto;}
.footer .circle-widget .circle-spin {animation-name: spinning-circle; animation-duration: 25s; animation-iteration-count: infinite; width: 191px; height: 187px; animation-timing-function: linear;}

@-webkit-keyframes spinning-circle {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center; transform-origin: center;}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: center; transform-origin: center;}
}

@media (max-width: 767px) {
	.footer .circle-widget {margin: 20px auto 0; float: none; text-align: center;}
	.footer .circle-widget .footer-logo {left: 0; right: 0;}
}

/* Contact Link */
.footer .contact-widget {position: relative; height: 210px;}
.footer .contact-widget p {font-size: 30px; text-transform: uppercase; color: #6bc6b2; text-transform: uppercase; margin: 0; font-weight: 900; writing-mode: vertical-lr; transform: rotate(180deg); text-orientation: sideways; position: absolute; top: 0; right: 0; font-weight: 500; letter-spacing: 1px;}
.footer .contact-widget p a {color: #6bc6b2;}
.footer .contact-widget p a:hover {color: #ffffff;}
.footerform p{ font-size: 20px; margin-bottom: 20px; }
.footerform label { color:#fff !important; font-size: 16px; }
.footerform .hs-button{
	background: #6bc6b2 !important;
	color:#fff;
	border:none;
	margin-top:10px;
	font-weight: 600;
}
.footerform .form-columns-3{ max-width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.footerform .hs-form-field:last-of-type .input { margin-right: 0; }


@media (max-width: 767px) {
	.footer .contact-widget {height: initial;}
	.footer .contact-widget p {text-orientation: initial; transform: none; writing-mode: initial; text-align: center; position: static; margin: 40px 0 0;}
	.footerform{ padding-top: 40px;}
	.footerform p { text-align: center;}
	.footerform .hs-form-field .input { margin-right: 0 !important;}
	.footerform .hs-form-field .input input { width: 100% !important;}
	.footerform .hs-button { margin-top: 20px !important;}
}

/* Copyright */
.footer .copyright-area {padding: 70px 0 0;}
.footer .copyright-area p {color: #3d8187; font-size: 14px; font-family: 'playfair-display', serif;}
.footer .copyright-area p a {color: #3d8187;}
.footer .copyright-area p a + a {margin-left: 20px;}
.footer .copyright-area p a:hover {color: #6bc6b2;}
.footer .copyright-area p span {display: inline-block; margin: 0 4px;}

@media (max-width: 767px) {
	.footer .copyright-area {text-align: center; padding-top: 30px;}
}

/* scroll to top */
.scrollToTop {position: fixed; display: none; cursor: pointer; padding: 4px 15px 9px; border-radius: 50%; background: #c2c6cd; right: 29px; bottom: 90px; z-index: 999; text-align: center; width: 40px; height: 40px;}
.scrollToTop i {color: #000000; font-size: 15px;}
.scrollToTop:hover {background-color: #000000;}
.scrollToTop:hover i {color: #ffffff;}

@media (max-width: 767px) {
	.scrollToTop {display: none !important; opacity: 0 !important;}
}

/***************/
/* FontAwesome */
/***************/
.pushy-submenu > a::after,
.pushy-submenu > button::after,
.dg-container nav span,
.detail-section .item:after,
.content-area ul li:before,
.accordion > dd a.more:after,
.accordion > dt > a:after,
.slider-section .text-area ul li:after,
.detail-section .content-area ul li:before,
.detail-section .service-list ul li:after,
.ds-section .text-area ul li:before,
.blog-section .news-box .news-content .post-info ul li a.more:after,
.sidebar .widget-secondary > ul > li > a:after,
.sidebar .widget-secondary > ul > li > ul > li > a:before,
body.search-results .content-area a.more:after,
.blog-section .blog-posts .blog-post ul li:before {font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;}

/********************/
/* Link Transitions */
/********************/
/* Background color, font color, border color */
a,
a:after,
a:before,
a h1,
a h2,
a h3,
a h4,
a p,
a .fa,
a span,
.header,
.slick-prev,
.slick-next,
.slick-prev:hover:before, 
.slick-next:hover:before,
form input[type="submit"],
form button,
.slider-section .dg-container nav span,
.testimonials-section .slick-dots button:before,
.detail-section .name-area a.go-back span strong,
.header .header-bottom,
.sidebar .latest-scroller.widget .latest-side-carousel .latest-item .caption-box,
.team-section .team-box p:before,
.training-section .image-area h3,
.team-section .team-box h3,
.study-section .study-area h4,
.expertise-section .icon-area p:before,
.must-section .item h4,
.form-section .form-area .actions:before,
.hannah-section .photo-area p:before {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}

/* Opacity */
.intro-section .video-area a span,
.clients-section .item picture,
.clients-section .item img,
.portfolio-section .site-area a,
.team-section .team-box .image-box picture,
.team-section .team-box .image-box img,
.expertise-section .icon-area .image-box .metric-hover,
.portfolio-section .site-area .background-image {-webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}

/* All */
.services-section .icon-area p:after,
.clients-section .item img,
.exposure-section .tool-area img {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/* Scroll site in portfolio box */
.slider-section .device-area .screenshot-area {-webkit-transition: all 2.5s ease-in-out; -o-transition: all 2.5s ease-in-out; transition: all 2.5s ease-in-out;}

.sidebar .widget-secondary > ul > li > a:after {-webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out; -o-transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out; transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out;}

/**************/
/* Responsive */
/**************/
@media (max-width: 991px) {
	h1 {font-size: 30px;}
	h2 {font-size: 28px; line-height: 1.3;}
	h3 {font-size: 22px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}

	.navbar-toggle {display: block;}

	.expertise-section .text-area p br {display: none;}

	.recent-section .image-area {margin-top: 40px;}

	.must-section {padding: 75px 0;}

	.blog-section {padding: 100px 0 50px;}
	.blog-section .news-row .col-lg-4:nth-child(3n+1) {clear: initial;}
	.blog-section .news-row .col-lg-4:nth-child(2n+1) {clear: both;}
	.blog-section .news-box {margin-bottom: 50px;}

	.form-section {padding: 75px 0;}
}

@media (max-width: 782px) {
	#wpadminbar {display: none;}
	body.admin-bar .site-container {margin-top: 0;}
	body.admin-bar .header {top: 0;}
}

@media (max-width: 767px) {
	h1 {font-size: 26px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}

	.header,
	body.home .header {background-color: #ffffff;}
	.header .mobile-logo {display: block;}

	/* Home */
	.header,
	.slider-section,
	.intro-section,
	.intro-section .text-area,
	.intro-section .video-area,
	.intro-section .link-area,
	.wall-background,
	.clients-section,
	.portfolio-section,
	.testimonials-section,
	.expertise-section,
	.quiz-section,
	.alert-section,
	.footer {opacity: 1 !important;}

	.clients-section {padding: 30px 0;}

	.testimonials-section {padding: 50px 0 0;}
	.testimonials-section .quote-area {max-width: 450px;}

	.expertise-section {padding: 50px 0;}
	.expertise-section .icon-area {margin-top: 30px;}
	.expertise-section .icon-area.icon-architecture:before {display: none;}
	.expertise-section .text-area {text-align: center; margin-top: 30px;}
	.expertise-section .text-area h2:before {display: none;}
	.expertise-section .button-area {max-width: 100%; float: none;}

	.quiz-section {padding: 50px 0;}

	.content-section {padding: 50px 0;}

	.detail-section .colored-container .image-column {position: static; background-color: #ffffff;}
	.detail-section .image-box img {display: block; float: none; margin: 0 auto;}

	.grid-section .grid-size {margin: 0 auto;}
	.grid-section .text-area {margin: 0 auto; float: none;}

	.must-section {padding: 50px 0;}

	.blog-section {padding: 50px 0;}

	.map-section .event-area {margin-top: 30px; text-align: center;}

	.case-section {padding: 30px 0 0;}
	.study-section .study-area {margin-top: 50px;}

	.form-section {padding: 50px 0;}
}

@media print {
	.header {top: 0; border: none; height: auto;}
	a[href]:after {content: none !important;}
	.header .show-for-medium-only,
	.header .show-for-small-only,
	.search-box,
	.top-bar,
	.banner,
	.breadcrumbs,
	.right-bar,
	.sidebar,
	.footer {display: none !important;}
}