/*

Theme Name: Cube

Theme URI: http://cubemedia.nz

Author: Hanyu Zhang

Description: Theme For Cube Media Company website

*/
.gform_required_legend{
	display: none;
}

@import url('https://fonts.googleapis.com/css?family=Overpass:300,400,700,900&display=swap');

html, body{
	overflow-x: hidden;
}
.site-content{
	overflow:hidden;
}
input[type="submit"], input[type="text"], input[type="email"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
body{
	margin: 0 auto;
    padding-right: 0px !important;
}
img{
	max-width: 100%;
	display: block;
	height: auto;
}
h1, h2, h3, h4, h5, h6, a{
	font-family: 'Overpass', sans-serif !important;
}
p, ul, li{
	font-family: 'Overpass', sans-serif !important;
}
a:focus{
	outline: 0px;
	text-decoration: none;
}
h2{
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 48px;
}
h4{
	text-transform: uppercase;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
p, li, ul, ol{
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}
.header-container{
	max-width: 1330px;
	padding-left: 15px;
	padding-right: 15px;
	display: table;
	width: 100%;
	margin: 0 auto;
}
.content-container{
	max-width: 1330px;
	padding-left: 15px;
	padding-right: 15px;
	display: table;
	width: 100%;
	margin: 0 auto;
}
.big-container{
	max-width: 1405px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.page-container{
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.site-header{
	padding-bottom: 35px;
	padding-top: 35px;
	display: table;
	width: 100%;
}
#page-logo{
	width: 20%;
	display: inline-block;
	float: left;
}
.main-navigation{
	width: 80%;
	float: left;
	display: table;
	height: 52px;
}
.main-navigation .menu-page-menu-container{
	display: table-cell;
	vertical-align: middle;
}
ul#primary-menu{
	list-style-type: none;
	padding-left: 0px;
	max-width: 100%;
	display: table;
	float: right;
	margin-bottom: 0px;
}
ul#primary-menu li{
	display: inline-block;
	float: left;
}
ul#primary-menu li a{
	display: table;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 25px;
}
ul#primary-menu li a:hover{
	color: #D6DE23;
	text-decoration: none;
}
ul#primary-menu li#page-logo a{
	padding-top: 0px !important;
	display: block !important;
	padding-bottom: 0px !important;
}/*
#site-navigation{
	display: table;
	width: 100%;
}*/
.site-footer{
	border-top: 2px solid #EAEAEA;
}
.footer-inner{
	width: 100%;
	display: table;
	padding-bottom: 100px;
	padding-top: 105px;
}
.footer-1{
	width: 30%;
	display: block;
	float: left;
}
.footer-2{
	width: 20%;
	display: block;
	float: left;
} 
.footer-3{
	width: 20%;
	display: block;
	float: left;
}
.footer-4{
	width: 30%;
	float: left;
	display: block;
	position: relative;
}
.footer-1 h4, .footer-2 h4, .footer-3 h4, .footer-4 h4{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 30px;
}
.footer-1 p, .footer-2 p, .footer-3 p, .footer-4 p, .footer-1 p a, .footer-2 p a, .footer-3 p a, .footer-4 p a{
	color: #000;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
}
.footer-1 p a:hover, .footer-2 p a:hover, .footer-3 p a:hover, .footer-4 p a:hover{
	text-decoration: none;
	color: #D6DE23;
}
#book-button{
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #000;
	padding: 15px 20px;
	text-align: center;
	display: block;
	max-width: 225px;
	background-color: #D6DE23;
	cursor: pointer;
	border: 1px solid #D6DE23;
}
#book-button:hover{
	background-color: white;
	text-decoration: none;
}
.home-banner{
	margin-top: 100px;
	margin-bottom: 90px;
	height: 520px;
	width: 100%;
	display: table;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.home-banner-overlay{
	position: absolute;
	top: 0px;
	opacity: 0.69;
	width: 100%;
	height: 520px;
	padding-bottom: 18px;
	padding-top: 18px;
	background: #00AEEF;
	background: -moz-linear-gradient(left,  #00AEEF 0%, #0E65E2 100%, #0E65E2 100%); 
	background: -webkit-linear-gradient(left,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	background: linear-gradient(to right,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#0E65E2',GradientType=1 );
}
.home-banner-inner p{
	font-size: 42px;
	font-weight: 900;
	line-height: 52px;
	color: #fff;
	max-width: 995px;
	margin: 0 auto;
	text-align: left;
	text-transform: uppercase;
	padding-left: 15px;
	padding-right: 15px;
}
.home-banner-inner{
	display: table-cell;
	vertical-align: middle; 
	position: relative;
	z-index: 9;
}
.banner-pattern{
	position: absolute;
	top: 0px;
	background-image: url(/wp-content/uploads/2019/09/Group-45@2x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 520px;
	width: 515px;
	left: -50px;
	z-index: 5;
}
.clients{
	padding-bottom: 200px;
}
.clients h2{
	color: #000;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 150px;
	margin-top: 90px;
}
.client{
	width: calc(100% / 3);
	display: block;
	float: left;
	padding-bottom: 35px;
}
.client:nth-of-type(2){
	border-left: 2px solid #EAEAEA;
	border-right: 2px solid #EAEAEA;
}
.client img{
	display: block;
	margin: 0 auto;
	width: 110px;
	height: 110px;
}
.client h4{
	margin-top: 60px;
	margin-bottom: 45px;
	text-align: center;
}
.client p{
	font-size: 18px;
	line-height: 30px;
	color: #000;
	font-weight: 300;
	max-width: 235px;
	margin: 0 auto;
	text-align: center;
}
.client a.case-study-link{	
	margin: 0 auto;
	color: #D6DE23;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: center;
	border-bottom: 2px solid #D6DE23;
	margin-top: 50px;
	max-width: 120px;
}
.client a.case-study-link:hover{
	text-decoration: none;
}
.home-about{
	padding-top: 80px;
	padding-bottom: 100px;
}
.about-left{
	width: 50%;
	position: relative;
}
.about-left .top-left{
	position: absolute;
	top: -100px;
	left: -145px;
	width: 220px;
	height: 255px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-75@2x.png);
}
.about-left .right-bottom{
	position: absolute;
	width: 110px;
	height: 125px;
	bottom: -70px;
	right: -50px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-74@2x.png);
}
.about-left h2{
	font-weight: bold;
	color: #000;
	max-width: 325px;
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 35px;
}
.about-left p{
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: #000;
	margin-bottom: 30px;
}
.about-left a{
	color: #D6DE23;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px solid #D6DE23;
	line-height: 30px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.about-left a:hover{
	text-decoration: none;
	color: #D6DE23;
}
.about-inner{
	position: relative;
}
.top-banner-section{
	height: 855px;
	width: 100%;
	margin-bottom: 80px;
}
.top-banner{
	margin-top: 0px;
	margin-bottom: 0px;
	height: 855px;
	width: 100%;
	display: table;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.top-banner-overlay{
	position: absolute;
	top: 0px;
	opacity: 0.69;
	width: 100%;
	height: 855px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: #00AEEF;
	background: -moz-linear-gradient(left,  #00AEEF 0%, #0E65E2 100%, #0E65E2 100%); 
	background: -webkit-linear-gradient(left,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	background: linear-gradient(to right,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#0E65E2',GradientType=1 );
}
.top-banner-inner h1{
	font-size: 58px;
	font-weight: 900;
	line-height: 68px;
	color: #fff;
	max-width: 390px;
	margin: 0 auto;
	text-align: left;
	text-transform: uppercase;
	padding-left: 220px;
}
.top-banner-inner{
	display: table-cell;
	vertical-align: middle; 
	position: relative;
	z-index: 9;
}
.top-banner-pattern{
	position: absolute;
    top: 75px;
    background-image: url(/wp-content/uploads/2019/09/hexagon_banner1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    width: 100%;
    max-width: 684px;
    left: -70px;
    z-index: 5;
}
.clients .page-container{
	display: table;
}
.top-banner-inner a{
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #000;
	padding: 15px 20px;
	text-align: center;
	display: block;
	max-width: 225px;
	background-color: #D6DE23;
	cursor: pointer;
	border: 1px solid #D6DE23;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
	left: 138px;
}
.top-banner-inner a:hover{
	background-color: transparent;
	text-decoration: none;
	color: white;
}
.page-template-tpl-content form label{
	display: none !important;
}
.page-template-tpl-content form input{
	border-width: 1px !important;
	border-color: #EAEAEA !important;
	border-style: solid !important;
	background-color: #ffffff;
	height: 66px !important;
	width: 100% !important;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	padding-left: 15px !important;
	padding-right: 15px !important;
	line-height: 30px;
}
.page-template-tpl-content form textarea{
	border-width: 1px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	border-color: #EAEAEA !important;
	border-style: solid !important;
	background-color: #ffffff;
	width: 100% !important;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
.page-template-tpl-content form input#gform_submit_button_1{
    font-size: 18px;
	font-family: 'Overpass', sans-serif !important;
    line-height: 28px;
    font-weight: bold;
    color: #000;
    padding: 15px 20px;
    text-align: center;
    display: block;
    max-width: 225px;
    background-color: #D6DE23;
    cursor: pointer;
    border: 1px solid #D6DE23;
}
.page-template-tpl-content form input#gform_submit_button_1:hover{
	text-decoration: none;
	color: #D6DE23 !important;
	background-color: #fff !important;
	border: 1px solid #D6DE23 !important;
}
.page-template-tpl-content form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form input::-moz-placeholder { /* Firefox 19+ */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form input:-ms-input-placeholder { /* IE 10+ */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form input:-moz-placeholder { /* Firefox 18- */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form textarea::-moz-placeholder { /* Firefox 19+ */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form textarea:-ms-input-placeholder { /* IE 10+ */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
.page-template-tpl-content form textarea:-moz-placeholder { /* Firefox 18- */
  	color: #000000 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
}
#book-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: white !important;
}
#book-box input::-moz-placeholder { /* Firefox 19+ */
  	color: white !important;
}
#book-box input:-ms-input-placeholder { /* IE 10+ */
  	color: white !important;
}
#book-box input:-moz-placeholder { /* Firefox 18- */
  	color: white !important;
}
#book-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: white !important;
}
#book-box textarea::-moz-placeholder { /* Firefox 19+ */
  	color: white !important;
}
#book-box textarea:-ms-input-placeholder { /* IE 10+ */
  	color: white !important;
}
#book-box textarea:-moz-placeholder { /* Firefox 18- */
  	color: white !important;
}
.book-box-popup{
	background-color: #fafafa;
}
#book-box h2{
	margin-top: 0px;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}
#book-box p{
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
#book-box .modal-header{
	border-bottom: 0px; 
}
#book-box .close{
	opacity: 1;
}
#book-box label{
	display: block !important;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	text-transform: uppercase;
}
#book-box input{
	border-radius: 3px !important;
	border-width: 1px !important;
	border-color: #e3e3e3 !important;
	border-style: solid !important;
	background-color: #ffffff;
	height: 48px !important;
	width: 100% !important;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 27px;
}
#book-box textarea{
	border-radius: 3px !important;
	border-width: 1px !important;
	border-color: #e3e3e3 !important;
	border-style: solid !important;
	background-color: #ffffff;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 27px;
}
#book-box .modal-content{
	border-radius: 0px !important;
}
.book-box-popup{
	padding: 0px !important;
}
#book-box .modal-body{
	padding-left: 35px;
	padding-right: 35px;
}
#book-box #gform_submit_button_1{
	color: #fff !important;
	font-family: 'Overpass', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	border-radius: 3px !important;
	border-width: 1px !important;
	border-color: #D6DE23 !important;
	border-style: solid !important;
	background-color: #D6DE23 !important;
	width: 160px !important;
	display: block !important;
	margin: 0 auto !important;
	text-transform: uppercase !important;
}
#book-box .modal-dialog{
	margin-top: 50px;
	margin-bottom: 50px;
}
#book-box #gform_submit_button_1:hover{
	text-decoration: none;
	color: #D6DE23 !important;
	background-color: #fff !important;
}
.modal-open .modal{
/* 	overflow-y: hidden !important; */
}
.contentBox{
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.contentBox img{
	margin-top: 15px;
	margin-bottom: 15px;
}
.leftRightLayout{
	display: inline-table;
	width: 100%;
}
.left-content{
	width: calc(50% - 20px);
	display: block;
	float: left;
	margin-right: 20px;
}
.right-content{
	width: calc(50% - 20px);
	display: block;
	float: left;
	margin-left: 20px;
}
.leftRightLayout{
	margin-bottom: 20px;
	margin-top: 20px;
}
.clear{
	display: block;
	padding-top: 55px;
	padding-bottom: 55px;
}
.content-header{
	height: 525px;
	width: 100%;
	margin-bottom: 160px;
}
.content-header-overlay{
	position: absolute;
	top: 0px;
	opacity: 0.69;
	width: 100%;
	height: 525px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: #00AEEF;
	background: -moz-linear-gradient(left,  #00AEEF 0%, #0E65E2 100%, #0E65E2 100%); 
	background: -webkit-linear-gradient(left,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	background: linear-gradient(to right,  #00AEEF 0%,#0E65E2 100%,#0E65E2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#0E65E2',GradientType=1 );
}
.content-header h1{
	font-size: 58px;
	font-weight: 900;
	color: white;
	line-height: 68px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.content-header .page-container{
	height: 100%;
	display: table;
	width: 100%;
}
.content-header-pattern{
	position: absolute;
	top: calc(50% - 17px);
	background-image: url(/wp-content/uploads/2019/09/Shape@2x-1.png);
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	height: 22px;
	width: 100%;
	left: 0px;
	z-index: 5;
	left: calc(-50% - 205px);
}
.contentBox h2{
	margin-bottom: 80px;
}
.contentBox ul{
	padding-left: 20px;
}
.contentBox ul li{
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
}
.contentBox h3{
	font-size: 32px;
	line-height: 42px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 25px;
}
.contentBox p{
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
}
.leftRightLayout h2{
	margin-top: 0px;
	margin-bottom: 65px;
}
.leftRightLayout ul{
	padding-left: 20px;
	margin-top: 20px;
	display: inline-block;
}
.leftRightLayout p{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}
.leftRightLayout ul li{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 10px;
}
.contentBox a, .leftRightLayout a{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	color: #000;
}
.contentBox a:hover, .leftRightLayout a:hover{
	color: #D6DE23;
	text-decoration: underline;
}
.right-content, .left-content{
	position: relative;
}
.left-content .top-left{
	position: absolute;
	top: -100px;
	left: -145px;
	width: 220px;
	height: 255px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-75@2x.png);
}
.left-content .right-bottom{
	position: absolute;
	width: 110px;
	height: 125px;
	bottom: -70px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-74@2x.png);
}
.right-content .top-right{
	position: absolute;
	top: -100px;
	right: -145px;
	width: 220px;
	height: 255px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-75@2x.png);
}
.right-content .left-bottom{
	position: absolute;
	width: 110px;
	height: 125px;
	bottom: -70px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-74@2x.png);
}
.contentBox{
	position: relative;
}
.contentBox .top-right{
	position: absolute;
	top: -75px;
	right: -250px;
	width: 220px;
	height: 255px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-75@2x.png);
}
.contentBox .top-left{
	position: absolute;
	top: 0;
	left: -250px;
	width: 220px;
	height: 255px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-75@2x.png);
}
.center-bottom{
	position: absolute;
	width: 110px;
	height: 125px;
	bottom: -165px;
	left: calc(50% - 56px);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(/wp-content/uploads/2019/09/Group-74@2x.png);
}
.home-timeline{
	padding-top: 140px;
	padding-bottom: 140px;
}
.home-timeline h2{
	text-align: center;
	margin-bottom: 125px;
}
.home-timeline img{
	margin: 0 auto;
}
.mobile-image{
	display: none;
}
.testimonials{
	width: 100%;
	padding-top: 105px;
	padding-bottom: 105px;
	overflow: hidden;
}
div.testimonials div.page-container div#testimonials-slider.carousel.slide div.carousel-inner div.item .testimonial-content p{
	font-size: 24px;
	font-weight: 300;
	line-height: 34px;
	color: #000;
	text-align: center;
	font-style: italic;
}
div.testimonials div.page-container div#testimonials-slider.carousel.slide div.carousel-inner div.item p.testimonial-author{
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #000;
	margin-top: 35px;
	text-align: center;
}
#testimonials-slider .carousel-inner{
	max-width: 930px !important;
	display: block;
	margin: 0 auto !important;
}
div#testimonials-slider .carousel-control.left{
	background-image: unset !important;
}
div#testimonials-slider .carousel-control.right{
	background-image: unset !important;
}
div#testimonials-slider .carousel-control.left{
    position: absolute;
    top: calc(50% - 20px) !important;;
    bottom: 0;
    left: 0;
    width: 22px !important;;
    font-size: 20px;
    height: 40px !important;
    color: #fff;
    text-align: center;
    text-shadow: unset !important;
    opacity: 1 !important;
}
div#testimonials-slider .carousel-control.right{
    position: absolute;
    top: calc(50% - 20px) !important;;
    bottom: 0;
    height: 40px !important;
    width: 22px !important;;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: unset !important;
    opacity: 1 !important;
}
div#testimonials-slider .carousel-indicators .active{
	opacity: 0.6;
}
div#testimonials-slider .carousel-indicators{
	opacity: 0.6;
}
#testimonials-slider .carousel-inner{
	display: table;
}
#testimonials-slider .carousel-inner .item.active{
	display: table-cell;
	vertical-align: middle;
}
#testimonials-slider .carousel-inner .item.active{
	opacity: 1;
	-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
#testimonials-slider .carousel-inner .item{
	opacity: 0;
}
@media(max-width: 1405px){
	.home-timeline{
		padding-top: 45px;
		padding-bottom: 75px;
	}
	.home-timeline h2 {
		margin-bottom: 65px;
	}
	.about-inner .page-container{
		max-width: 1405px;
	}
	.about-right{
		width: calc(60% - 120px) !important;
	}
	.about-left{
		width: 40%;
	}
	.about-left .top-left{
		left: 0px;
	}
	.about-left{
		margin: 0 auto;
		max-width: 475px;
		width: 100%;
	}
	.about-right{
		position: relative !important;
		top: unset !important;
		right: unset !important;
		margin: 0 auto !important;
		margin-top: 90px !important;
		max-width: 475px !important;
		width: 100% !important;
	}
	.about-left .top-left{
		left: -145px;
	}
}
@media(max-width: 1285px){
	.top-banner-pattern{
	    top: 125px;
	    height: 600px;
	    max-width: 684px;
	    left: -85px;
	}
	.content-header{
		margin-bottom: 75px;
	}
	.contentBox h2{
		margin-bottom: 55px;
	}
	.divide-line {
    	margin-top: 45px !important;
    	margin-bottom: 45px !important;
	}
	.contentBox .top-right{
		right: 0px;
	}
	.center-bottom{
		bottom: -110px;
	}
}
@media(max-width: 1099px){
	#testimonials-slider .carousel-inner{
		max-width: 790px !important;
	}
}
@media(max-width: 991px){
	#testimonials-slider .carousel-inner{
		width: 600px !important;
	}
	.top-banner-pattern {
	   	top: 100px;
	    height: 415px;
	    max-width: 684px;
	    left: -160px;
	}
	.top-banner, .top-banner-overlay, .top-banner-section{
		height: 625px !important;
	}
	.top-banner-inner a{
		left: 95px;
	}
	.top-banner-inner h1{
		padding-left: 175px;
	}
	.home-about {
	    padding-top: 10px;
	    padding-bottom: 35px;
	}
	.home-banner{
		margin-bottom: 30px;
		margin-top: 50px;
	}
	.clients h2{
		margin-bottom: 65px;
		margin-top: 40px;
	}
	.clients{
		padding-bottom: 95px;
	}
	.client:nth-of-type(2) {
	    border-left: 0px solid #EAEAEA;
	    border-right: 0px solid #EAEAEA;
	    border-top: 2px solid #EAEAEA;
	    border-bottom: 2px solid #EAEAEA;
	}
	.client {
	    width: 100%;
	    display: block;
	    float: none;
	    clear: both;
	    max-width: 360px;
	    margin: 0 auto;
	    padding-bottom: 35px;
	    padding-top: 35px;
	}
	.footer-pattern{
		max-width: 515px !important;
		height: 225px !important;
	}
	ul#primary-menu li a{
		padding: 12px 25px;
	}
	.footer-1{
		width: 50%;
		margin-right: 0px;
		margin-bottom: 35px;
	}
	.footer-2{
		width: 50%;
		margin-right: 0px;
		margin-bottom: 35px;
	}
	.footer-3{
		clear: left;
		margin-right: 0px;
		width: 50%;
	}
	.footer-4{
		width: 50%;
		margin-right: 0px;
	}
	.footer-inner {
	    display: table;
	    width: 100%;
	    max-width: 635px;
	    margin: 0 auto;
	    padding-top: 75px;
	    padding-bottom: 75px;
	}
	.leftRightLayout h2{
		margin-bottom: 45px;
	}
}
@media(max-width: 767px){
	div#testimonials-slider .carousel-control.left, div#testimonials-slider .carousel-control.right{
		display: none;
	}
	#testimonials-slider .carousel-inner{
		width: 100% !important;
	}
	.home-timeline{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.home-timeline h2 {
		margin-bottom: 45px;
	}
	.mobile-image{
		display: block;
	}
	.desktop-image{
		display: none;
	}
	.content-header{
		height: 355px;
	}
	.content-header-overlay{
		height: 355px !important;
	}
	.content-header{
		margin-bottom: 45px;
	}
	.contentBox h2{
		margin-bottom: 45px;
	}
	.top-banner-inner h1{
		max-width: 285px;
	}
	.divide-line{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.left-content, .right-content{
		width: 100%;
	    display: inline-block;
	    float: none;
	    margin-left: 0px;
	    margin-right: 0px;
	    position: relative;
	}
	.right-content .left-bottom{
		display: none;
	}
	.left-content{
		margin-bottom: 30px;
	}
	.right-content{
		margin-top: 30px;
	}
	.banner-pattern {
	    position: absolute;
	    top: 0px;
	    height: 415px;
	    width: 65%;
	    z-index: 5;
	    left: -45px;
	}
	.top-banner, .top-banner-overlay, .top-banner-section {
	    height: 455px !important;
	}
	.home-banner, .home-banner-overlay{
		height: 415px !important;
	}
	.home-banner-inner p{
		font-size: 32px;
		line-height: 42px;
	}
	.top-banner-inner h1{
		font-size: 42px;
		line-height: 52px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.mob-menu-header-holder{
		position: absolute !important;
	}
	.top-banner-inner a{
		left: 0px;
	}
	.top-banner-inner h1{
		padding-left: 0px;
	}
	.top-banner-pattern{
		display: none;
	}
	.footer-1{
		width: 100%;
		margin-bottom: 35px;
		text-align: center;
	}
	.footer-2{
		width: 100%;
		margin-bottom: 35px;
		text-align: center;
	}
	.footer-3{
		width: 100%;
		margin-bottom: 35px;
		text-align: center;
	}
	.footer-4{
		width: 100%;
		margin-bottom: 35px;
		text-align: center;
	}
	.footer-1 img, #book-button{
		margin: 0 auto;
	}
}
@media(max-width: 575px){
	.banner-pattern {
		background-size: contain;
	}
}
@media(max-width: 545px){
	.footer-pattern {
	    max-width: 320px !important;
	    height: 160px !important;
	}
}
@media(max-width: 500px){
	.banner-pattern{
		width: 80%;
	}
}
@media(max-width: 405px){
	.banner-pattern{
		width: 100%;
	}
}