/*!
Theme Name: Timeline
Theme URI: https://www.cubiq.co.uk/
Author: Johar
Author URI: https://www.cubiq.co.uk/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: timeline
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

timeline is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Bold.eot');
	src: local('Adelle Sans EXT Bold'), local('AdelleSansEXT-Bold'),
	url('fonts/AdelleSansEXT-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Bold.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Bold.woff') format('woff'),
	url('fonts/AdelleSansEXT-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-BoldItalic.eot');
	src: local('Adelle Sans EXT Bold Italic'), local('AdelleSansEXT-BoldItalic'),
	url('fonts/AdelleSansEXT-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-BoldItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-BoldItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-ExtraboldItalic.eot');
	src: local('Adelle Sans EXT Extrabold Italic'), local('AdelleSansEXT-ExtraboldItalic'),
	url('fonts/AdelleSansEXT-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-ExtraboldItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-ExtraboldItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-ExtraboldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-HeavyItalic.eot');
	src: local('Adelle Sans EXT Heavy Italic'), local('AdelleSansEXT-HeavyItalic'),
	url('fonts/AdelleSansEXT-HeavyItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-HeavyItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-HeavyItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Semibold.eot');
	src: local('Adelle Sans EXT Semibold'), local('AdelleSansEXT-Semibold'),
	url('fonts/AdelleSansEXT-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Semibold.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Semibold.woff') format('woff'),
	url('fonts/AdelleSansEXT-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Thin.eot');
	src: local('Adelle Sans EXT Thin'), local('AdelleSansEXT-Thin'),
	url('fonts/AdelleSansEXT-Thin.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Thin.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Thin.woff') format('woff'),
	url('fonts/AdelleSansEXT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

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

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-ThinItalic.eot');
	src: local('Adelle Sans EXT Thin Italic'), local('AdelleSansEXT-ThinItalic'),
	url('fonts/AdelleSansEXT-ThinItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-ThinItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-ThinItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Italic.eot');
	src: local('Adelle Sans EXT Italic'), local('AdelleSansEXT-Italic'),
	url('fonts/AdelleSansEXT-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Italic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Italic.woff') format('woff'),
	url('fonts/AdelleSansEXT-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-SemiboldItalic.eot');
	src: local('Adelle Sans EXT Semibold Italic'), local('AdelleSansEXT-SemiboldItalic'),
	url('fonts/AdelleSansEXT-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-SemiboldItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-SemiboldItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Heavy.eot');
	src: local('Adelle Sans EXT Heavy'), local('AdelleSansEXT-Heavy'),
	url('fonts/AdelleSansEXT-Heavy.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Heavy.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Heavy.woff') format('woff'),
	url('fonts/AdelleSansEXT-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-LightItalic.eot');
	src: local('Adelle Sans EXT Light Italic'), local('AdelleSansEXT-LightItalic'),
	url('fonts/AdelleSansEXT-LightItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-LightItalic.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-LightItalic.woff') format('woff'),
	url('fonts/AdelleSansEXT-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Extrabold.eot');
	src: local('Adelle Sans EXT Extrabold'), local('AdelleSansEXT-Extrabold'),
	url('fonts/AdelleSansEXT-Extrabold.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Extrabold.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Extrabold.woff') format('woff'),
	url('fonts/AdelleSansEXT-Extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Adelle Sans EXT';
	src: url('fonts/AdelleSansEXT-Light.eot');
	src: local('Adelle Sans EXT Light'), local('AdelleSansEXT-Light'),
	url('fonts/AdelleSansEXT-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/AdelleSansEXT-Light.woff2') format('woff2'),
	url('fonts/AdelleSansEXT-Light.woff') format('woff'),
	url('fonts/AdelleSansEXT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}



body{
	font-family: 'Adelle Sans EXT';
	overflow-x: hidden;
	background-image: url(img/background-attachment.jpg);
	background-attachment: fixed;
	background-position: center;
}

a , a:hover , a:focus{
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;    outline: none;
}
a:hover{
	color: #4dbea9;
}

.wrapper-large{
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}

.wrapper{
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}


ul li{
	list-style: none;
}

ul{
	margin: 0px;
	padding: 0px;
}

.header .headerBox{
	width: 275px;
	height: 125px;
}

.header ul li{
	display: inline-block;
	vertical-align: bottom;
}
.header ul li:nth-child(2) {
	width: 240px;
	text-align: center;
}
.header ul li:nth-child(4) {
	margin-left: 34px;
}
.logo{
	padding-top: 50px;
	z-index: 999;
	position: relative;
	max-width: 220px;
}

h1{
	font-size: 180px;
	color: #fff;
	font-weight: 800;
	clear: both;
}

header{
	clear: both;
}
.headerSection{
	position: relative;
	clear: both;
}
.headerSection .rightContent{
	position: absolute;
	right: 5%;
	top: 30%;
	width: 40%;
}

p{
	color: #ffffff;
	font-size: 25px;
	line-height: 43px;
}

h5{
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}

h2{
	font-size: 104px;
	color: #fff;
	font-weight: 800;
	clear: both;
}

.green h5{
	color: #4dbea9;
}

.leftImageRightText .loop .title {
	position: relative;
	top: 70px;
	z-index: 99;

}

.leftImageRightText .loop .desc {
	padding-top: 90px;
}
.green .boxOne{
	background: #4dbea9;

}
.leftImageRightText .wrapper{
	position: relative;
	align-items: center;
	display: grid;
}

.leftImageRightText {
	margin-top: 8%;
	min-height: 950px;
}

.boxOne{
	width: 282px;
	height: 950px;
	position: absolute;
	z-index: -1;
}

.purple .boxOne{
	background: #c5428e;
}
.rightImageLeftText .boxOne{
	right: -20px;
}
.rightImageLeftText .wrapper{
	position: relative;
	align-items: center;
	display: grid;
}
.leftImageRightText h2, .rightImageLeftText h2 {
	text-align: center;
}
.rightImageLeftText h2 {
	padding-bottom: 5%;
}
.purple h5 {
	color: #c5428e;
    margin-top: 18px;
}

.rightImageLeftText {
	min-height: 950px;
}
.getInTouch h2{
	text-align: right;
}
.getInTouch input{
	background: transparent;
	border: 0px;
	color: #fff;
	padding: 15px 5px;
	font-weight: 600;
	outline: none;
	margin-bottom: 10px;
	width: 100%;
}
.getInTouch.green input{
	border-bottom: 2px solid #4dbea9;
}
.getInTouch input::placeholder{
	font-size: 24px;
	color: #ffffff;
}
.getInTouch.green h4{
	color: #4dbea9;
}
.getInTouch h4 {
	font-size: 12px;
	font-weight: 700;
}
.getInTouch a {
	font-weight: 400;
}
section{
	clear: both;
	position: relative;
}
.social-link {
	position: absolute;
	right: 5%;
	top: 45%;
}
.social-link ul li{
	margin-bottom: 15px;
}
.clear{
	clear: both;
}
footer{
	background: #161616;
	padding: 4% 0 3%;
	margin-top: 8%;
}

footer h3{
	    font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
footer h3::after{
	content: '';
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: -20px;
	left: 0px;
}

footer.green h3::after{
	border-bottom: 4px solid #4dbea9;
}
footer p {
font-size: 14px;
    line-height: 25px;
    margin-top: 30px;
    font-weight: 700;
}
footer.green hr {
	border-bottom: 4px solid #4dbea9;
}
hr {
	width: 40px;
	height: 2px;
	bottom: -20px;
	border-top: 0px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}
footer a {
	display: block;
	margin: 10px 0px;
	font-size: 12px;
}
footer a:hover {
	font-size: 12px;
}
footer .logo {
	padding-top: 20px;
	padding-bottom: 20px;
}

footer .copyright{
	font-size: 12px;
	color: #ffffff;
	font-weight: 700;
}
.menuButton{
	cursor: pointer;
}

.menu li.small a {
	font-size:  16px !important;
	line-height: 1.6 !important;
}

.menu li.first-small {
	margin-top:  30px;
}


.menu li.small a:after {
	display:  none !important;
}

.menuButton img:hover {
	transition: transform .5s ease;
	transform: scale(1.05);
}
#myNav.overlay a:hover{
	color: #48c0ab;
}
#myNav.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index:9; /* Sit on top */
	left: 0;
	top: 0;
	background-color: rgb(0,0,0); /* Black fallback color */
	background-color: #121212; /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}


#myNav .overlay-content {
	position: relative;
	top: 22%;
	width: 100%;
	text-align: left;
	margin-top: 30px;
	left: 20%;
}


#myNav.overlay a {
	padding: 0px 0px;
	text-decoration: none;
	font-size: 100px;
	color: #fff;
	display: block;
	transition: 0.5s;
	font-weight: 800;
	text-transform: lowercase;
	line-height: 115px;
	position: relative;
}
#myNav.overlay .menu a::after {
	content: '';
	width: 80px;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-bottom: 2px solid #48c0ab;
}
#myNav.overlay li:nth-child(3) a::after{
	bottom: -20px;
}
#myNav.overlay p a{
	font-size: 22px;
	display: inline-block;
}
/*#myNav.overlay a:hover, #myNav.overlay a:focus {
	color: #f1f1f1;
}*/

#myNav.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}
.themeButton{
	margin: 85px 0 0;
	display: inline-block;
	width: 100%;
}

.green .themeButton a{
	background: linear-gradient(90deg, rgba(77,190,169,1) 14%, rgba(18,18,18,1) 14%);
	color: #fff;
	padding: 20px 25px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	border-color: rgba(77,190,169,1);
	outline: none;
}
.purple .themeButton a{
	background: linear-gradient(90deg, rgba(197,66,142,1) 14%, rgba(18,18,18,1) 14%);
	color: #fff;
	padding: 20px 25px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	outline: none;
}
.green .themeButton a:hover{
	background: linear-gradient(to left, rgba(77,190,169,1) 50% , rgba(18,18,18,1) 50% ) right;
	background-size: 200%;
	transition: .5s ease-out;
}
.purple .desc{
	padding-top: 6%;
}
.purple .themeButton a:hover{
	background: linear-gradient(to left, rgba(197,66,142,1) 50% , rgba(18,18,18,1) 50% ) right;
	background-size: 200%;
	transition: .5s ease-out;
}
.purple .themeButton a::after {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 12px;
	right: 25px;
	border-bottom: 4px solid rgba(197,66,142,1);
}
.green .themeButton a::after {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 12px;
	right: 25px;
	border-bottom: 4px solid rgba(77,190,169,1);
}
.wpcf7 form .wpcf7-response-output{
	color: #fff;
	width: 100%;
	clear: both;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	border-color: transparent;
}

.getInTouch.green button[type="submit"] {
	background: linear-gradient(90deg, rgba(77, 190, 169, 1) 40%, rgba(18, 18, 18, 1) 30%);
	color: #fff;
	padding: 10px 30px 15px 40px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	border-color: rgba(77, 190, 169, 1);
	display: block;
	width: auto;
	float: right;
	border-bottom: 0px;
	margin: 25px 0px;
	border: 0px;
	position: relative;
}
.getInTouch.green button[type="submit"]:hover {
	background: linear-gradient(to left, rgba(77,190,169,1) 50% , rgba(18,18,18,1) 50% ) right;
	background-size: 200%;
	transition: .5s ease-out;
}
.green button[type="submit"]::after {
	content: '';
	width: 50px;
	height: 4px;
	position: absolute;
	bottom: 15px;
	right: 25px;
	border-bottom: 4px solid rgba(77,190,169,1);
}
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #0b7a95;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background-color: #0b7a95;
}
.themeButton a{
	text-transform: uppercase;
}
.blue .boxOne {
	background: #0d4c63;
}
.cta .boxOne {
	right: -20px;
	top: -190px;
}

.cta h2{
	text-align: right;
}

.blue .themeButton a {
	background: linear-gradient(90deg, rgba(13,76,99,1) 14%, rgba(18,18,18,1) 14%);
	color: #fff;
	padding: 20px 25px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
.blue .themeButton a::after {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 12px;
	right: 25px;
	border-bottom: 4px solid rgba(13,76,99,1);
}

.blue .themeButton a:hover {
	background: linear-gradient(to left, rgba(13,76,99,1) 50% , rgba(18,18,18,1) 50% ) right;
	background-size: 200%;
	transition: .5s ease-out;
}

.cta .themeButton{
	text-align: center;
}

.blue h5 {
	color: rgba(13,76,99,1);
}
.rightImageTitleLeft .pic{
	position: relative;
	top: -105px;
	z-index: -1;
}

.rightImageTitleLeft .wrapper::before{
	content: '';
	width: 325px;
	height: 950px;
	position: absolute;
	z-index: -1;
	left: -322px;
	top: -70px;
	animation: zoom-in-zoom-out 25s ease-out infinite;
}
.rightImageTitleLeft.blue .wrapper::before{
	background: #0b7a95;
}
.rightImageTitleLeft h2 {
	padding-top: 70px;
	position: relative;
	left: -60px;
}
.rightImageTitleLeft .desc{
	padding-left: 0px;
}
.centerText{
	padding: 8% 0 0;
}

.centerText .desc{
	padding-left: 10%;
}
.centerText .themeButton {
	text-align: right;
}
.centerText .wrapper::after {
	content: '';
	width: 325px;
	height: 950px;
	position: absolute;
	z-index: -1;
	right: -350px;
	top: -70px;
	animation: zoom-in-zoom-out 15s ease-out infinite;
}
.centerbox {
	width: 275px;
	height: 500px;
	position: absolute;
	left: 0px;
	right: 255px;
	margin: auto;
	top: 250px;
}
.centerbox.blue {
	background: #0d4c63;
}

.centerText.green .wrapper::after{
	background: #4dbea9;
}
.ourClients h2{
	text-align: right;
}


/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider {position: relative;clear: left;overflow: hidden;}
.slider .inner-item {height: 400px;}
.slider .container {position: relative;}
.slick-slide .caption {color: #fff;font-size: 1.2em;line-height: 1.2em;position: absolute;left: 10%;text-shadow: 2px 2px 2px #000;top: 37%;width: 35%;background:rgba(0,0,0,0.7);padding:20px 20px 0;z-index: 99;}
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.thumb-slider .slick-slide {margin: 5px 0 0 5px;}
.slider-thumb .thumb-slider .slick-slide img{  max-width:100%; height:auto; box-sizing:border-box;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;position: relative;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;transition: all .25s ease;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {position: absolute;z-index: 11;bottom: 105px;margin: 0px;padding: 0;text-align: center;width: 100%;}
.slick-dots li {list-style: none;display: inline-block;}
.slick-dots button {border: 0px solid #333;background: #fff;width: 10px;height: 10px;font-size: 0;padding: 0px;margin-right: 5px;}
.slick-dots .slick-active button {background: #303030;}
.slick-arrow {border: 0px;font-size: 0;right: 0;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background: #303030 url(images/arrow.png) no-repeat center center;width: 36px;height: 40px;transform: rotate(180deg)}
.services-slider .slick-arrow {height: 65px;}
.slick-arrow:hover {background: #000 url(images/arrow.png) no-repeat center center;}
.slick-next.slick-arrow {left: 0px;transform: rotate(0deg)}
.slider-progress {width: 100%;height: 5px;background: rgba(0,216,192,0.8);position: absolute;top: 0;z-index: 99;}
.slider-progress .progress {width: 0%;height: 5px;background: rgba(36,51,0,0.8);}
.thumb-slider .slick-active img {border: 1px solid transparent}
.thumb-slider .slick-current img {opacity:0.5;}
.ourClients .pic{
	text-align: center;
	text-align: -webkit-right;
	text-align: -moz-right;
}

/* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/

.tabsleft-content {display: none;}
#tabs1 {display: block;   }
.tabs .boxOne {
	background: #0d4c63;
	right: -22px;
	top: 0px;
}
.tabs{
	padding: 4% 0;
}
.tabs h2{
	padding-top: 15%;
}
.tabs ul li {
	margin-left: 110px;
}
.tabs ul li a {
	padding: 20px 0px;
	display: block;
	position: relative;
}
.tabs ul li.green a::after {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 12px;
	border-bottom: 4px solid rgba(77,190,169,1);
	left: 0px;
}

.callOutImage .loop{
	padding-top: 3%;
}
.downloadSection ul li a{
	background: #0b7a95;
	padding: 22px 35px;
	margin-left: 30px;
	margin-top: 22px;
	display: inline-block;
	font-size: 12px;
	color: #121212;
	width: 220px;
}
.downloadSection ul li{
	display: inline-block;
}

.downloadSection ul li a::after{
	content: '';
	position: absolute;
	width: 75px;
	height: 2px;
	border-top: 2px solid;
	margin-top: 8px;
	margin-left: 13px;
}
.downloadSection p{
	margin-left: 70px;
	margin-bottom: 40px;
}
.smart-page-loader {
	background: rgba(0,0,0,0.7)!important;
}
.leftslider{
	display: grid;
}
.green .slick-dots .slick-active button{
	background: #4dbea9;
}
.purple .slick-dots .slick-active button{
	background: #c5428e;
}
.blue .slick-dots .slick-active button{
	background: #0b7a95;
}
.rightImageTitleLeft .leftslider .slick-list{

}
.rightImageTitleLeft .leftslider{
	display: grid;
}
.centerText .loop{
	min-height: 750px;
}
.centerText .slick-dots {
	position: absolute;
	z-index: 11;
	padding: 0;
	text-align: left;
	width: 100%;
	bottom: 300px;
	left: 120px;
}
.ourClients{
	    margin-top: -30px;
}
.rightImageTitleLeft .loop{
	padding-left: 75px;
	overflow: hidden;
}
.templateBox .wrapper::before{
	content: '';
	width: 385px;
	height: 820px;
	position: absolute;
	z-index: -1;
	right: -405px;
	top: -70px;
	animation: zoom-in-zoom-out 25s ease-out infinite;
}
.templateBox.green .wrapper::before{
	background: #811955;
}

.templateBox{
	height: 400px;
}
.leftImageRightText.purple .boxOne {
	background: #811955;
}
.purple.rightImageTitleLeft .wrapper::before{
	background: #811955;
}

.centerbox.purple {
	background: #811955;
}
.centerText.purple .wrapper::after {
	background: #c0719f;
}

.tabs .purple .boxOne {
	background: #c5428e;
}
.getInTouch.purple h4 {
	color: rgba(129, 25, 85, 1);
}
.getInTouch.purple input {
	border-bottom: 2px solid rgba(129, 25, 85, 1);
}
.getInTouch.purple button[type="submit"] {
	background: linear-gradient(90deg, rgba(129, 25, 85, 1) 40%, rgba(18, 18, 18, 1) 30%);
	color: #fff;
	padding: 10px 30px 15px 40px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	border-color: rgba(129, 25, 85, 1);
	display: block;
	width: auto;
	float: right;
	border-bottom: 0px;
	margin: 25px 0px;
	border: 0px;
	position: relative;
}
.getInTouch.purple button[type="submit"]:hover {
	background: linear-gradient(to left, rgba(129, 25, 85, 1) 50% , rgba(18,18,18,1) 50% ) right;
	background-size: 200%;
	transition: .5s ease-out;
}
.purple button[type="submit"]::after {
	content: '';
	width: 50px;
	height: 4px;
	position: absolute;
	bottom: 15px;
	right: 25px;
	border-bottom: 4px solid rgba(129, 25, 85, 1) ;
}
.purple.callOutImage .desc {
	padding-top: 0%;
}
.purple.callOutImage .desc p{
	margin-left: -55px;
	position: relative;

}
.purple.callOutImage .desc p::after{

}
.rightImageTitleLeft.purple.callOutImage h2{

	margin-left: 15%
}
.tabs ul li.purple a::after {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 12px;
	border-bottom: 4px solid #811955 ;
	left: 0px;
}
.tabs ul li.purple a:hover{
	color: #811955;
}
.templateBox.green .wrapper::before {
	background: #4dbea9;
}
.templateBox.purple .wrapper::before {
	background: #811955;
}
.downloadSection.purple ul li a{
	background: #811955;
}
.ourClients .slick-dots {
bottom: -50px;
}
.ourClients.purple .slick-dots .slick-dots .slick-active button{
	background: #811955;
}

.templateBox, .boxOne {
	/*animation: zoom-in-zoom-out 10s ease-out infinite;*/
	transition: all .6s ease;
}

.rightImageLeftText.purple .boxOne {
	/*animation: zoom-in-zoom-out 10s ease-out infinite;*/
	transition: all .9s ease;
}

.leftImageRightText .loop{
	padding-bottom: 50px;
}
body #myNav.overlay.green ul li a:hover{
	color: #4dbea9;
}
body #myNav.overlay.purple ul li a:hover{
	color: #811955;
}
.downloadSection.purple ul li a:hover{
	background: #4dbea9;
}
.downloadSection.green ul li a:hover{
	background: #4dbea9;
}
.header.green ul li a:hover{
	color: #4dbea9;
}
.header.purple ul li a:hover{
	color: #811955;
}
.middle-section .boxOne{
    right:-20px;
}
.section-update.leftImageRightText {
  
    min-height: 720px;
}
.ourClients.purple .slick-dots {
    bottom: -35px;
}
.ourClients .loop .pic img{
        width: 75%;
    object-fit: cover;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}
.section-update.purple .slick-dots {
      margin-left: 0px;
}
.purple .slick-dots {
bottom: 135px;
    margin-left: 35px;
}
#myNav.overlay.purple .menu a::after{
	border-bottom: 2px solid #811955;
}
@media screen and (max-height: 450px) {
	.overlay a {font-size: 20px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}
@media (min-width: 900px) and (max-width: 1450px) {
	.header ul li:nth-child(2) {
		width: 150px;
	}
	.header ul li:nth-child(4) {
		margin-left: 10px;
	}
	.header ul li a{
		font-size: 15px;
	}
}
@media (min-width: 900px) and (max-width: 1024px) {
	h1{
		font-size: 130px;
	}
}
@media (min-width: 100px) and (max-width: 900px) {

	body,html{
		overflow-x: hidden;
	}

	#myNav.overlay a{
		font-size: 45px;
		line-height: 70px;
	}
	.downloadSection ul li a::after{
		content: unset;
	}
	.downloadSection ul li{
		display: inline-block;
	}
	.downloadSection ul li a{
		background: #811955;
		padding: 15px 26px;
		width: auto;
	}
	.purple button[type="submit"]::after{
		bottom: 8px;
	}
	.getInTouch h2 {
		text-align: left;
		padding-top: 45px;
	}
	.templateBox {
		height: 0px;
	}
	.downloadSection p {
		margin-left: 0px;
	}

	.purple.callOutImage .desc p::after{
		right: 55px;
	}
	.rightImageTitleLeft.purple.callOutImage h2 {
		margin-left: 0%;
		padding-top: 0px;
	}

	.purple.callOutImage .desc p {
		margin-left: 0px;
		position: relative;
		margin-bottom: 50px;
	}

	.tabs {
		padding: 10% 50px;
	}

	.tabs ul li {
		margin-left: 0px;
	}

	.ourClients {
		margin-top: 0px;
	}
	.centerText .loop {
		min-height: auto;
	}
	.rightImageTitleLeft h2 {
		left: 0px;
	}

	.rightImageTitleLeft .pic {
		position: relative;
		top: 0px;
		z-index: -1;
	}

	.rightImageTitleLeft .loop{
		padding: 0px;
	}
	.purple.rightImageTitleLeft .wrapper::before{
		content: unset;
	}
	.purple .slick-dots{
		bottom: -20px;
	}
	.purple .themeButton a{
		bottom: 0px;
		font-size: 8px;
	}

	section{
		padding: 0px 30px;
	}
	h1 {
		font-size: 50px;
	}
	h2 {
		font-size: 40px;
	}
	.centerbox{
	display: none;
	}
	body .centerText .wrapper::after{
		content: unset;
	}
	body .templateBox .wrapper::before {
		display: none;
	}

	body{
		padding: 0px 0px;
	}
	.boxOne{
		display: none;
	}
	.social-link{
		display: none;
	}
	p {
		font-size: 15px;
		line-height: 22px;
	}
	h5 {
		font-size: 8px;
	}
	.rightImageTitleLeft.blue .wrapper::before{
		content: unset;
	}
	.headerBox{
		display: none;
	}
	.header ul li:nth-child(4){
	display: none;
	}
	.header ul li {
		display: inline;
		vertical-align: bottom;
	}
	.logo {
		padding-top: 10px;
	}
	header{
		padding:20px 5px;
	}
	.nopad{
		padding: 0px;
	}
	.header ul{
		padding-top: 15px;
		float: right;
	}
	.header ul li:nth-child(2) {
		padding-right: 65px;
	}
	a, a:hover, a:focus{
		font-size: 14px;
	}
	.headerSection{
		padding-top: 15px;
	}
	.headerSection .rightContent {
		position: relative;
		right: 0%;
		top: 0px;
		width: 100%;
		left: 60px;
		margin-top: 40px;
	}
	.loop img{
		width: 75%;
	}
	.leftImageRightText .loop .title{
		top: 45px;
	}
	.leftImageRightText .loop .desc {
		padding-top: 25px;
	}
	.green .themeButton a{
		font-size: 8px;
		display: inline-block;
	}
	.leftImageRightText {
		margin-top: 8%;
		min-height: auto;
	}
	.themeButton {
		margin: 25px 0 40px;
	}

	.rightImageLeftText {
		min-height: auto;
		margin-bottom: 60px;
	}
	.blue .themeButton a{
		font-size: 8px;
		display: inline-block;
		text-align: left;
	}
	.blue .themeButton a::after{
		right: 25px;
	}
	.green .themeButton a::after{
		right: 25px;
	}
	.leftImageRightText .slick-dots{
		bottom: 60px;
	}
	.green button[type="submit"]::after{
		bottom: 10px;
	}
	.menuButton {
		font-size: 30px;
		cursor: pointer;
		position: fixed;
		z-index: 9;
		width: 60px;
		height: 60px;
		text-align: -webkit-center;
		border-radius: 8px;
		margin-top: -20px;
		right: 5px;
	}
}
.getInTouch .bottom-contact{
      font-size: 14px;
    line-height: 25px;
    margin-top: 30px;
    font-weight: 700;

    display: inline-block;
}
.getInTouch.green  .wpcf7-response-output{
     border-color: #4dbea9!important;
}
.getInTouch.purple .wpcf7-response-output{
    border-color: rgba(129, 25, 85, 1)!important;
}

footer p a{
display:inline;    
}
.page-template-template-text {
	background:  #000;
}

section.content {
	padding-top:  100px;
}
section.content h1{
	color:  #4dbea9;
	text-transform: uppercase;
	font-size:  16px;
}

section.content p {
	font-size:  16px;
	line-height:  1.6;
}

section.content p strong {
	display:  block;
	margin:  20px 0;
}

section.content br {
	display:  none;
}


/*NEWS HUB*/


#advisor_stream_embed .news-container {
	margin-top:  40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

@media (max-width:  767px) {
	#advisor_stream_embed .news-container { 
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}
}


@media (max-width:  500px) {
	#advisor_stream_embed .news-container { 
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
	}
}

#advisor_stream_embed .news-article {

	display: flex;
	flex-direction: column;
}

.news-article-heading a {
	font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
}



#advisor_stream_embed img{
	width:  100%;
	margin:  0 !important;
	min-height:  260px;
	object-fit: cover;
}

.news-article p {
	display:  none;
}

.news-article-summary {
	display:  none;
}