/*
 @Author: Renesis Technologies
 @URL: https://renesistech.com/

/* =============================================
			Theme Reset Style					
============================================= */
:root{
	--themeDark5: #F4F4F4;
	--themeDark10: #E9E9E9;
	--themeDark30: #BCBCBC;
	--themeDark50: #8E8E8E;
	--themeDark60: #787878;
	--themeDark70: #626262;
	--themeDark100: #1E1E1E;
	/* --themeColorRed: #C80813; */
	--themeColorRed: #D4AF37;
	/* --themeColorBlue: #092458; */
	--themeColorBlue: #022652;
	--transition:  all 300ms ease-in-out;
	--title: clamp(1.125rem, -2.0625rem + 7.9687vw, 7.5rem);
	--paragraph: clamp(1.25rem, 0.875rem + 0.9375vw, 2rem);
	--themesectiontitle: clamp(1.5rem, 0.25rem + 3.125vw, 4rem);
	--staytitle: clamp(1.5rem, 0.3rem + 6vw, 7.5rem);
	--social: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
	--socialtwo: clamp(1.25rem, 0.9rem + 1.75vw, 3rem);
	--fontsize24: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	--fontsize32: clamp(1rem, 0.8rem + 1vw, 2rem);
	--bannertext: clamp(1.25rem, -0.875rem + 5.3125vw, 5.5rem);
	--innerbannerheading: clamp(1.25rem, 0.75rem + 1.25vw, 2.25rem);
	--serviceheading: clamp(1rem, 0.925rem + 0.375vw, 1.375rem);
}
.at-innerbannerheading{font-size: var(--innerbannerheading);}
* {
	margin: 0px;
	padding: 0px;
}
*:after,
*:before{ transition: var(--transition); }
html{scroll-behavior: smooth;}
body {
	color: #666;
	background: #fff;
	font:400 14px/23px 'DM Sans', Arial, Helvetica, sans-serif;
	/* font-family: 'Plus Jakarta Sans', sans-serif; */
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #0f0f0f;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-transform: capitalize;
	font-family: 'DM Sans', Arial, Helvetica, sans-serif;
}
h1 { font-size: 48px;}
h2 { font-size: 36px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #0f0f0f;}
p a{ transition: var(--transition); }
p a,
p a:hover { text-decoration:underline; }
p {
	margin: 0 0 20px;
	line-height: 20px;
	letter-spacing: normal;
}
a {
	text-decoration: none;
	transition: var(--transition);
}
a:hover, a:focus, a:active {
	outline: none;
	text-decoration: none;
}
ul { margin: 0; }
figure {
	margin-bottom: 6px;
	position: relative;
}
img {
	height: auto;
	max-width: 100%;
}
strong { color: #414141; }
iframe {
	width: 100%;
	float: left;
	border: none;
}
button { border: none; }
textarea,
select,
.at-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: #666;
	outline: none;
	height: 40px;
	background:#fff;
	font-size: 14px;
	-webkit-box-shadow: none;
			box-shadow: none;
	line-height: 18px;
	padding: 10px 20px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.form-control{
	resize: none;
	height: 210px;
}
.form-control::-webkit-input-placeholder { color: #666; } /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #666; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #666; } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #666; } /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color:#666; } /* Microsoft Edge */
input:focus,
.select select:focus,
.form-control:focus {
	color: #666;
	border-color: #666;
	-webkit-box-shadow:none !important;
			box-shadow:none !important;
}
.form-group {
	width: 100%;
	float: left;
	margin:0 0 20px;
}
label {
	color: #666;
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
}
form p {
	float: left;
	position: relative;
	width: 100%;
}
form p span i {
	top: 13px;
	left: 16px;
	color: #474747;
	position: absolute;
}
option { padding: 5px 15px; }
li {
	line-height: 28px;
	list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
	float: none;
	list-style: decimal;
	padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
	list-style: decimal;
	width: 100%;
}
table {
	background-color: transparent;
	max-width: 100%;
}
th { text-align: left; }
table {
	width: 100%;
	margin-bottom: 15px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	border-top: 1px solid #dbdbdb;
	border: 1px solid #dbdbdb;
	line-height: 2.5;
	padding-left: 3px;
	text-align: center;
	vertical-align: top;
}
table thead tr th {
	border-top: 1px solid #dbdbdb;
	text-align: center;
	text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #dbdbdb; }
table > thead > tr > th {
	border-bottom: 2px solid #dbdbdb;
	vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #dbdbdb; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #666; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/* =============================================
			Theme Custom Select					
============================================= */
.at-select {
	color:#666;
	float:left;
	width: 100%;
	position: relative;
	text-transform:uppercase;
}
.at-select:after {
	top: 0;
	z-index: 2;
	right: 15px;
	color: #666;
	display: block;
	/* content: '\e90c'; */
	line-height: 40px;
	position: absolute;
	text-align: center;
	font-size: inherit;
	pointer-events: none;
	font-family: 'icomoon';
}
.at-select select {
	z-index: 1;
	width: 100%;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.at-select select option { color:#666; }
/* =============================================
		Theme Custom CheckBox Radio				
============================================= */
.at-radio,
.at-radio label,
.at-checkbox,
.at-checkbox label {
	margin:0;
	width: 100%;
	float: left;
	position: relative;
}
.at-radio label,
.at-checkbox label {
	cursor:pointer;
	display:block;
	padding:0 0 0 20px;
}
.at-radio input[type=radio],
.at-checkbox input[type=checkbox] { display:none; }
.at-radio input[type=radio] + label:before,
.at-checkbox input[type=checkbox] + label:before {
	top: 4px;
	left: 0;
	color: #373542;
	font-size: 14px;
	line-height: 14px;
	content: '\f096';
	position: absolute;
	font-family: 'FontAwesome';
}
.at-radio input[type=radio] + label:before { content:'';}
.at-radio input[type=radio]:checked + label:before,
.at-checkbox input[type=checkbox]:checked + label:before {content:'\f046';}
/* =============================================
			Theme Global Elements				
============================================= */
.container{max-width: 1530px;}
.at-haslayout {
	width:100%;
	float:left;
}
.at-sectionspace {padding: 100px 0;}
.at-locationmap {
	width: 100%;
	float: left;
	height: 500px;
}
.at-btn-sm {
	padding: 0 20px;
	line-height: 30px;
}
.at-btn {
	color: #fff;
	overflow:hidden;
	position:relative;
	text-align:center;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	background: var(--themeColorRed);
	font:700 18px/50px 'DM Sans', Arial, Helvetica, sans-serif;
}
.at-btn:hover {
	color:#fff;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	background: var(--themeColorBlue);
}
.at-btn-lg { width: 100%;}
.at-btn span{
	z-index: 2;
	display: block;
	padding: 0 40px;
	font-style: normal;
	position: relative;
}
.btn-9:before, .btn-9:after,
.btn-9 span:before,
.btn-9 span:after {
	top: 0;
	left: 0;
	height: 0;
	z-index: 1;
	width: 100%;
	content: "";
	position: absolute;
	transition: 0.4s ease-in-out;
	background-color: rgb(141 108 3 / 30%);
}
.btn-9:after,
.btn-9 span:before {
	top: auto;
	bottom: 0;
}
.btn-9 span:before,
.btn-9 span:after {transition-delay: 0.4s;}
.btn-9:hover:before, .btn-9:hover:after,
.btn-9:hover span:before,
.btn-9:hover span:after {height: 100%;}
.at-btn span em{
	z-index: 3;
	position:relative;
	font-style: normal;
}
.at-verticalmiddle {
	margin: 0 -1px;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}
.at-description {
	width: 100%;
	float: left;
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
.at-dropdowarrow{
	top:0;
	right:15px;
	width:20px;
	height:20px;
	display: none;
	cursor:pointer;
	font-size:16px;
	line-height:20px;
	position:absolute;
	text-align:center;
	border-radius: 5px;
	/* color:var(--themeDark50);
	background: var(--themeColorRed); */
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-dropdowarrow i{
	display: block;
	font-size: inherit;
	line-height: inherit;
}
/* .at-open .at-dropdowarrow i:before{content: '\f106';} */
.at-btncontactholder,
.at-sidebarlogobtn{display: none;}
.menu-item-has-children,
.menu-item-has-mega-menu{ position: relative; }
.menu-item-has-children i{
	top: 50%;
	right: 0;
	z-index: 5;
	font-size: 10px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.menu-item-has-children i svg{width: 10px;}
.menu-item-has-children i svg path{fill: var(--themeDark50);}
/* .at-navigation ul li.menu-item-has-children:hover i svg path{fill: var(--themeColorRed);} */
.navbar-toggle {
	border: 0;
	margin: 3px 0;
	border-radius: 0;
	padding: 10px 12px;
}
.navbar-toggle .icon-bar{background: #fff;}
.at-formtheme{
	width:100%;
	float:left;
}
.at-formtheme fieldset{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	position:relative;
}
.at-inputwithicon{position:relative;}
.at-inputwithicon i{
	top:0;
	right:0;
	z-index:2;
	width:40px;
	height:40px;
	line-height:40px;
	position:absolute;
	text-align: center;
}
.at-inputwithicon .form-control{
	z-index:1;
	position:relative;
}
/*==========================================================================================
		For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/*
.navbar-toggle{display: block;}
.navbar-collapse.collapse {display: none!important;}
.collapse.in{display:block !important;}
*/
/*==========================================================================================
			For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/* =============================================
			Theme Pagination Style				
============================================= */
.at-pagination {
	width:100%;
	float: left;
	font:14px/24px 'DM Sans', Arial, Helvetica, sans-serif;
}
.at-pagination ul {
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	text-align: center;
	line-height: inherit;
}
.at-pagination ul li {
	float:left;
	margin:0 6px;
	line-height: inherit;
	list-style-type:none;
}
.at-pagination ul li.at-prevpage { margin-left:0; }
.at-pagination ul li.at-nextpage { margin-right:0; }
.at-pagination ul li a{
	width:20px;
	display:block;
	color:#373542;
	text-align:center;
	position:relative;
	line-height: inherit;
}
.at-pagination ul li.at-nextpage a,
.at-pagination ul li.at-prevpage a {
	width:auto;
	font-size: 20px;
	overflow:hidden;
	position:relative;
}
.at-pagination ul li.at-nextpage a { padding:0 0 0 25px; }
.at-pagination ul li.at-prevpage a { padding:0 25px 0 0; }
.at-pagination ul li.at-nextpage a:after,
.at-pagination ul li.at-prevpage a:after {
	top:50%;
	opacity:0;
	content:'';
	width:15px;
	height:1px;
	background:#373542;
	position:absolute;
	visibility:hidden;
}
.at-pagination ul li.at-nextpage a:after { right:50px; }
.at-pagination ul li.at-prevpage a:after { left:50px; }
.at-pagination ul li.at-nextpage a:hover:after,
.at-pagination ul li.at-prevpage a:hover:after {
	opacity:1;
	visibility:visible;
}
.at-pagination ul li.at-nextpage a:hover:after { right:2px; }
.at-pagination ul li.at-prevpage a:hover:after { left:2px; }
/* =============================================
			Theme BreadCrumb Style				
============================================= */
.at-breadcrumb {
	padding: 0;
	margin:0;
	color: #fff;
	float: right;
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	font:14px/44px 'DM Sans', Arial, Helvetica, sans-serif;
}
.at-breadcrumb li {
	width:auto;
	list-style-type:none;
	display: inline-block;
	vertical-align: middle;
	line-height:inherit;
	padding:0 15px;
	position:relative;
}
.at-breadcrumb li:after {
	top:0;
	left:-3px;
	content:'-';
	position:absolute;
}
.at-breadcrumb li:last-child { padding: 0 0 0 15px;}
.at-breadcrumb li:first-child:after { display: none; }
.at-breadcrumb li a {
	display:block;
	color:#fff;
}
/* =============================================
			Theme Styling						
============================================= */
.at-home {}
.at-wrapper {overflow: hidden;}
.at-main {}
.at-footer {}
.at-sectionpadding{padding: 60px 0;}
.mt-10{ margin-top: 5rem; }
/* =============================================
			Header Style					
============================================= */
.at-header {
	z-index: 100;
	padding: 30px 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-header.sticky_header{
	top: 0;
	left: 0;
	padding: 10px 0;
	position: fixed;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
}
.at-logo{float: left;}
.at-logo a{display: block;}
.at-nav{
	width: 100%;
	float: left;
	text-transform: capitalize;
	font:400 14px/18px 'DM Sans', Arial, Helvetica, sans-serif;
}
.at-navbar{
    width: auto;
	margin: 0 auto;
    padding: 23px 0;
    max-width: 830px;
}
.at-navigation{
	padding: 0;
	width: 100%;
	float: left;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-navigation ul{
	padding: 0;
	font-size: 16px;
	list-style: none;
	font-weight: 500;
	line-height: inherit;
}
.at-navigation > ul{
	width: 100%;
	float: left;
	list-style: none;
	text-align: center;
	line-height: inherit;
	justify-content: center;
}
.at-navigation ul li{
	padding: 0;
	cursor: pointer;
	line-height: inherit;
	list-style-type: none;
}
.at-navigation > ul > li.at-active > a{color: var(--themeColorRed);}
.at-navigation > ul > li{
	width: auto;
	/* padding: 0 24px; */
	vertical-align: top;
	display: inline-block;
}
.at-navigation ul li a{
	display: block;
	padding: 0 24px;
	color: var(--themeDark100);
}
.at-navigation ul li a:hover,
.at-navigation > ul > li.at-active > a{color: var(--themeColorRed);}
.sub-menu,
.mega-menu{
	left: 0;
	top: 150px;
	z-index: 2;
	opacity: 0;
	background: #fff;
	visibility: hidden;
	position: absolute;
	transition: var(--transition);
}
.sub-menu{
	margin: 0;
	width: 350px;
	text-align: left;
	border-radius: 12px;
	padding: 10px 10px !important;
	-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
}
.sub-menu li{padding: 10px 0 !important;}
.sub-menu li a{
	padding: 0 10px !important;
	color: var(--themeDark50) !important;
}
.at-navigation > ul > li:hover .sub-menu,
.at-navigation > ul > li:hover .mega-menu{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.at-btncontactus{
	float: right;
    margin: 9px 0;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	border-radius: 12px;
	background: var(--themeColorBlue);
}
.at-headerbtncontact:hover{
	transform: none;
	background: var(--themeColorRed);
}
/* =============================================
			Banner Style					
============================================= */
.at-socialbtnholder{
	left: 5%;
	top: 200px;
	z-index: 99;
	position: fixed;
}
.at-opensocialicon{
	top: 25px;
    left: 100%;
    width: 40px;
    height: 40px;
	display: none;
    position: absolute;
    border-radius: 0 6px 6px 0;
    background: var(--themeColorRed);
}
.at-opensocialicon img{
	width: 20px;
	height: 8px;
	/* -webkit-transition: all 300s ease-in-out;
	-moz-transition: all 300s ease-in-out;
	-ms-transition: all 300s ease-in-out;
	-o-transition: all 300s ease-in-out;
	transition: all 300s ease-in-out; */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.at-openicons{left: 20px !important;}
.at-openicons .at-opensocialicon img{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.at-socialmediaicons{
	margin: 0;
    width: 56px;
    display: flex;
    padding: 6px 0;
    list-style: none;
    border-radius: 30px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: var(--themeColorRed);
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
}
.at-socialmediaicons li{
	width: 100%;
	float: left;
	padding: 15px 0;
	text-align: center;
	list-style-type: none;
}
.at-socialmediaicons li a{
	color: #fff;
	line-height: normal;
	display: inline-block;
}
.at-socialmediaicons li a:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.at-socialmediaicons li a i{font-size: 24px;}
.at-socialmediaicons li a i.icon-youtube{font-size: 18px;}
.at-socialmediaicons li a i.icon-twitter{font-size: 21px;}
.at-bannercontentarea{
	order: 1;
	padding-left: 195px;
}
.at-bannercontent > span{
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 15px;
	color: var(--themeDark50);
}
.at-bannercontent h1{
	font-size: 88px;
	font-weight: 700;
	line-height: 90px;
	text-transform: none;
	color: var(--themeDark100);
	font-size: var(--bannertext);
}
.at-bannercontent h1 span{font-weight:400;}
.at-bannerimg{
	order: 2;
	margin: 0;
	max-width: 980px;
	position: relative;
}
.at-bannerimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-bannerimg:after{
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	content: '';
	height: 350px;
	position: absolute;
	background: linear-gradient(to bottom, 
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,1) 100%);
}
.roller{
	width: 100%;
	height: 90px;
	overflow: hidden; 
	line-height: 4rem;
	position: relative;
  }
.roller #rolltext {
	top: 0;
	margin: 0;
	z-index: 2;
	position: absolute;
	animation: slide 7s infinite;  
}
@keyframes slide {
	0%{
	  top:0;
	}
	50%{
	  top: -100px; 
	}
	75%{
	  top: -190px;
	}
	100%{
	  top: 0;
	}
}
.roller:after{
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	background: url('/images/text-border.png');
	background-size: 100% 10px;
}
.at-bannertips{
	padding: 1.44rem;
	border-radius: 12px;
	border: 1px solid rgba(30, 30, 30, 0.1);
}
.at-bannertips p{ color: var(--themeDark100); }
.at-bannertips .at-btncontactus{
	gap: 8px;
	margin: 0;
	display: flex;
	flex-shrink: 0;
	padding: 0 12px;
	line-height: 32px;
	align-items: center;
}
.at-bannertips .at-btncontactus span{padding: 0;}
.at-bannertips .at-btncontactus i{ font-size: 11px; }
.at-bannertips .at-btncontactus:hover{transform: none;}
.at-btnscroll{
	left: 50%;
	bottom: 0;
	z-index: 99;
	width: 7.813rem;
	color: #1e1e1e;
	height: 7.813rem;
	transform: translateX(-50%) !important;
}
.at-btnscroll svg{
	width: 100%;
	height: 100%;
}
/* =============================================
			About Us Style					
============================================= */
.at-aboutushead{margin: 0 0 40px;}
.at-aboutushead h2{
	margin: 0 0 12px;
	line-height: 1.2;
	font-weight: bold;
	font-size: var(--title);
}
.at-aboutushead p{
	line-height: 1;
	font-style: italic;
	color: var(--themeDark100);
	font-size: var(--paragraph);
}
.at-colinimg.at-colinimgnew{
	border: 0;
	max-width: 100%;
	position: relative;
	border-radius: 10px;
	padding: 60px 0 0 60px;
	border-color: var(--themeColorBlue);
}
.at-colinimg.at-colinimgnew:after{
	top: 0;
	left: 0;
	width: 90%;
	z-index: -1;
	height: 90%;
	content: '';
	position: absolute;
	border-radius: 20px;
	background: var(--themeColorRed)
}
.at-colinimg.at-colinimgnew img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 15px;
}
.at-colinimg.at-colinimgnew .at-playiconanimation{top: -80px;}
.at-videobtnholder{
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.70);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-colinimg.at-colinimgnew:hover .at-videobtnholder{left: 0;}
.at-aboutcolinwaynenew{
	width: 100%;
	float: left;
}
.at-aboutcolinwaynehead{
	width: 100%;
	float: left;
	text-align: left;
}
.at-aboutcolinwaynehead h3{
	font-size: 20px;
	margin: 0 0 15px;
	line-height: 23px;
	font-weight: bold;
	padding: 0 0 10px;
	position: relative;
	text-transform: uppercase;
	color: var(--themeColorRed);
}
.at-aboutcolinwaynehead h3:after{
	left: 0;
	bottom: 0;
	content: '';
	height: 2px;
	width: 100px;
	position: absolute;
	border-radius: 30px;
	background: var(--themeColorRed);
}
.at-colinservice{
	width: 100%;
	float: left;
	margin: 0 0 15px;
}
.at-colinservice span{
	font-size: 16px;
    line-height: 19px;
	font-weight: bold;
	display: inline-block;
    color: var(--themeDark60);
	text-transform: capitalize;
}
.at-aboutcolinwaynehead .at-description p{
	font-size: 18px;
    margin: 0 0 15px;
    line-height: 26px;
    color: var(--themeDark70);
}
.at-aboutwaynesevices{
	width: 100%;
	float: left;
	display: flex;
	align-items: flex-start;
}
.at-aboutwaynesevices ul{
	padding: 0;
	font-size: 16px;
	list-style: none;
	color: var(--themeDark70);
}
.at-aboutwaynesevices ul li{
	width: 100%;
	float: left;
	padding: 8px 0;
	line-height: normal;
	list-style-type: none;
}
.at-aboutwaynesevices ul li span{
	display: block;
	padding: 0 0 0 26px;
	position: relative;
}
.at-aboutwaynesevices ul li span:after{
	left: 0;
    top: 50%;
    width: 16px;
    content: '';
    height: 14px;
    position: absolute;
    background: url(/images/tick-icon.png) no-repeat top center;
    background-size: contain;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.at-aboutcolinwaynehead .at-btnarea{
	text-align: left;
	margin: 25px 0 0;
}
.at-secondimg{
	right: 0;
	top: -80px;
	max-width: 200px;
	position: absolute;
	border: 15px solid #fff;
	border-top: 0;
	border-right: 0;
	border-radius: 20px 20px 0px 20px !important;
}
.at-forbedlogo{
	margin: 0;
	max-width: 125px;
}
.at-forbedlogo img{
	width: 100%;
	height: auto;
	display: block;
}
.at-aboutcolinwayne{gap: 100px;}
.at-colinimg{
	margin: 0;
	flex-shrink: 0;
	max-width: 390px;
	border: 24px solid var(--themeDark100);
}
.at-colinimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-aboutcontent p{
	font-size: 18px;
	margin: 0 0 30px;
	line-height: 30px;
	color: var(--themeDark70);
}
.at-aboutcontent p:last-child{margin: 0;}
.at-videomodal .modal-dialog{
	overflow: hidden;
	max-width: 1200px;
}
.at-videomodal .modal-dialog .modal-content,
.at-videomodal .modal-dialog .modal-content .modal-body{
	width: 100%;
	float: left;
}
.at-videomodal .modal-dialog .modal-content{
	border: 0;
	overflow: hidden;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.at-videomodal .modal-dialog .modal-content .modal-body{padding: 0;}
.at-videomodal .modal-dialog .modal-content .modal-body .btn-close{
	top: 20px;
    opacity: 1;
    z-index: 3;
    padding: 0;
    right: 20px;
    width: 30px;
    height: 30px;
	display: flex;
	border-radius: 50%;
	position: absolute;
	align-items: center;
	background-size: 10px;
	justify-content: center;
	background-color: var(--themeColorRed);
}
/* =============================================
			Logos Style					
============================================= */
.at-logoshead{
	width: 100%;
	float: left;
	margin: 0 0 24px;
}
.at-logoshead h4{
	font-size: 32px;
	line-height: 35px;
	font-weight: bold;
	color: var(--themeDark100);
}
.at-logoshead h4 span{
	font-size: 28px;
	font-style: italic;
	font-weight: normal;
	color: var(--themeDark70);
}
.at-logosarea{
	gap: 16px;
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.at-comlogo{
	margin: 0;
	display: flex;
	padding: 0 75px;
	min-width: 320px;
	max-width: 320px;
	background: #fff;
	min-height: 120px;
	align-items: center;
	border-radius: 12px;
	justify-content: center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-comlogo:hover{
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.at-comlogo img{
	width: auto;
	height: auto;
	min-width: 110px;
	max-width: 200px;
	filter: grayscale(1);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-comlogo:hover img{
	filter: grayscale(0);
	transform: scale(1.1);
}
.at-logossliderarea{display: none;}
.at-logosslider .item .at-comlogo{
	padding: 0;
	min-width: auto;
	max-width: none;
}
.at-logosslider .item .at-comlogo:hover{box-shadow: none;}
.at-logosslider .item .at-comlogo:hover img{transform: none;}
.at-logosslider .owl-nav button{
	top: -15px;
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	font-size: 10px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid var(--themeDark50) !important;
}
.at-logosslider .owl-nav button.owl-prev{right: 40px;}
.at-logosslider .owl-nav button.owl-next{right: 0;}
/* =============================================
			Image Marquee Style					
============================================= */
.at-sectionhead{text-align: center;}
.at-sectionhead h3{
	margin: 0 0 30px;
	line-height: 1;
	font-weight: 700;
	font-size: var(--themesectiontitle);
}
.at-sectionhead h3 span{display: block;}
.at-laweeklylogo{
	max-width: 220px;
	margin: 0 auto 25px;
}
.at-laweeklylogo img{
	width: 100%;
	height: auto;
	display: block;
}
.at-sectionhead p{
	margin: 0;
	line-height: 27px;
	color: var(--themeDark60);
	font-size: var(--fontsize24);
}
.at-marqueearea,
.at-marqueeimages{
	width: 100%;
	float: left;
	position: relative;
}
.at-imagespadding div{
	padding: 0 30px;
	/* border: 1px solid #000; */
	background-blend-mode: luminosity;
}
.at-imagespadding:hover div{background-blend-mode: initial}
.at-hovereffect:after{
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	border-radius: 50%;
}
.at-bgblueopacity:after{ background-color: var(--themeColorBlue); }
.at-bgredopacity:after{ background-color: var(--themeColorRed); }
.at-hovereffect:hover:after{ background-color: transparent; }
.at-hovereffect:hover .at-showhovercontent{
	opacity: 1;
	visibility: visible;
}
.at-showhovercontent{
    bottom: 0;
	margin: 0;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    color: white;
    line-height: 1.3;
    font-weight: 700;
    position: absolute;
    align-items: center;
    visibility: visible;
    justify-content: end;
    flex-direction: column;
}

 /*jssor slider loading skin spin css*/
 .jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/* =============================================
		Professional Services Style					
============================================= */
.at-servicebg{
	/* min-height: 1260px; */
	background: #f8f8f8 url('https://colinwayne-bucket.s3.amazonaws.com/images/service-bg.png') no-repeat;
	background-position: top right;
}
.at-servicebg .at-sectionhead p{
	font-size: 18px;
	margin: 0 0 30px;
	font-weight: 500;
}
.at-servicebg .at-sectionhead p span{display: block;}
.at-servicenavtabs{
	gap: 8px;
    border: 0;
    margin: 0 auto;
    list-style: none;
    max-width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    overflow: auto;
    display: block;
    padding: 0 0 5px;
    text-align: center;
}
.at-servicenavtabs::-webkit-scrollbar{width: 0;}
.at-servicenavtabs li{
	display: inline-block;
	list-style-type: none;
}
.at-servicenavtabs li .nav-link{
	gap: 10px;
	display: flex;
	font-size: 16px;
	padding: 0 20px;
	background: #fff;
	overflow: hidden;
	line-height: 45px;
	position: relative;
	align-items: center;
	border-radius: 50px;
	justify-content: center;
	border: 2px solid #E9E9E9;
	color: var(--themeDark100);
}
.at-servicenavtabs li .nav-link:before{
	top: 0;
	left: 0;
	width: 0;
	z-index: 1;
	content: '';
	height: 100%;
	position: absolute;
	background: linear-gradient(135deg,
	rgba(249,103,111,1) 0%,
	rgba(200,8,19,1) 100%);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3ba6e+0,d4af37+100 */
background: linear-gradient(to right,  rgba(211,186,110,1) 0%,rgba(212,175,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-servicenavtabs li .nav-link:hover,
.at-servicenavtabs li .nav-link.active{
	color: #fff;
	border-color: transparent;
	/* -webkit-box-shadow: 0 0 50px 0 rgba(200,8,19,0.3);
	box-shadow: 0 0 50px 0 rgba(200,8,19,0.3); */
}
.at-servicenavtabs li .nav-link:hover:before,
.at-servicenavtabs li .nav-link.active:before{width: 100%;}
.at-servicenavtabs li .nav-link i,
.at-servicenavtabs li .nav-link span{
	z-index: 2;
	position: relative;
}
.at-tabpane,
.at-tabcontent{
	width: 100%;
	float: left;
}
.at-tabcontent{margin: 40px 0 0;}
.at-offeredcontent p{
	font-size: 16px;
	line-height: 24px;
	color: var(--themeDark70);
}
.at-servicesimages{
	width: 100%;
	float: left;
}
.at-serviceimage{
	width: 100%;
	float: left;
}
.at-serviceimg{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}
.at-serviceimg img{
	width: 100%;
	height: auto;
	display: block;
	filter: grayscale(1);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-serviceimg svg{
	filter: grayscale(1);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-serviceimage:hover .at-serviceimg svg,
.at-serviceimage:hover .at-serviceimg img{filter: grayscale(0);}
.at-advisoryimg{
	width: 100%;
	margin: 0 auto;
	max-width: 870px;
}
.at-advisoryimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-privateconsulting{
	margin: 0;
	width: 100%;
	float: left;
}
.at-privateconsulting img{
	width: 100%;
	height: auto;
	display: block;
}
.at-endorsementtext{text-align: center;}
.at-servicetitle{
	left: 50%;
	bottom: 15px;
	display: flex;
	min-height: 18%;
	position: absolute;
	border-radius: 4px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 32px);
	background: var(--themeColorRed);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.at-servicetitle h4{
	color: #fff;
	margin: 0 0 2px;
	font-size: 22px;
	font-weight: bold;
	line-height: 25px;
	font-size: var(--serviceheading);
}
.at-servicetitle span{
	font-size: 14px;
	font-style: italic;
	color: rgba(255, 255, 255, 0.70);
}
.at-btnarea{
	width: 100%;
	float: left;
	margin: 40px 0 0;
	text-align: center;
}
/* =============================================
		Stay Connected Style			
============================================= */
.at-stayconnectedbg{
	z-index: 2;
	position: relative;
	background: #092458 url('https://colinwayne-bucket.s3.amazonaws.com/images/stayconnected/patteren.svg') 100% 100% no-repeat;
	background-position: top left;
}
.at-signaterimg{
	top: 50%;
	left: 50%;
	margin: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 1260px;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%) !important;
	-moz-transform: translateX(-50%) translateY(-50%) !important;
	-ms-transform: translateX(-50%) translateY(-50%) !important;
	-o-transform: translateX(-50%) translateY(-50%) !important;
	transform: translateX(-50%) translateY(-50%) !important;
}
.at-signaterimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-stayconnectedarea .at-sectionhead{margin: 0 0 -100px;}
.at-stayconnectedarea .at-sectionhead h3{
	margin: 0;
	color: #fff;
	font-size: var(--staytitle);
}
.at-signatureimage{
	width: 100%;
	overflow: hidden;
	max-width: 400px;
	text-align: center;
	margin: 0 auto -60px;
}
.at-manimg{
	margin: 0;
	width: 100%;
	height: auto;
}
.at-manimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-socialmedias{
	z-index: 2;
	width: 100%;
	float: left;
	display: flex;
	padding: 0 20px;
	min-height: 356px;
	position: relative;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin: -138px 0 -220px;
	background: var(--themeColorRed);
}
.at-socialmedias h3{
	color: #fff;
	margin: 0 0 50px;
	font-weight: bold;
	text-align: center;
	font-size: var(--social);
}
.at-socialiconholder{
	gap: 55px;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.at-socialiconholder li{list-style-type: none;}
.at-socilcontent{
	gap:12px;
	display: flex;
	align-items: center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-socilcontent:hover{transform: scale(1.2);}
.at-socilcontent a{
	gap: 12px;
    display: flex;
    align-items: center;
}
.at-socialimg{
	margin: 0;
	width: 48px;
	flex-shrink: 0;
}
.at-socialimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-socialstats{flex-grow: 1;}
.at-countholder{
	display: flex;
	align-items: center;
}
.at-countholder em{font-style: normal;}
.at-countholder em,
.at-socialstats h4{
	margin: 0;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	font-size: var(--social);
}
.at-socialstats h4 a{
	color: #fff;
	display: block;
}
.at-socialstats span{
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.70);
}
.at-totalnumbercounts{
	width: 100%;
	float: left;
	display: flex;
	margin: 40px 0 0;
	text-align: center;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}
.at-totalnumbercounts span{
	gap: 10px;
	color: #fff;
	display: flex;
	font-weight: 600;
	border-radius: 8px;
	align-items: center;
	text-transform: uppercase;
	font-size: var(--socialtwo);
}
.at-totalnumbercounts span h5{
	margin: 0;
	color: #fff;
	display: flex;
	line-height: 1;
	padding: 5px 20px;
	font-weight: bold;
	border-radius: 8px;
	align-items: center;
	font-size: var(--socialtwo);
	background: rgba(217, 217, 217, 0.32);
}
/* =============================================
		Feature Work Style			
============================================= */
.at-featureworktabs,
.at-featureworktabs .at-tabpane .at-servicesimages{position: relative;}
.at-featureworkbg{
	overflow: hidden;
	min-height: 700px;
	position: relative;
	padding: 300px 0 60px;
	background: #fff url('https://colinwayne-bucket.s3.amazonaws.com/images/feature/featurebg.png') no-repeat;
	background-position: top right;
}
.at-featureworks{
	width: 100%;
	float: left;
}
.at-featureworks .at-sectionhead span{
	display: block;
	font-size: 20px;
	margin: 0 0 8px;
	font-weight: bold;
	color: var(--themeColorRed);
}
.at-featureworks .at-sectionhead p{
	font-size: 16px;
	margin: 0 0 26px;
	line-height: 19px;
	font-style: italic;
	color: var(--themeDark100);
}
.at-featuredarkbg{
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	background: var(--themeDark5);
}
.at-featuredarkbg:after{
	left: 0;
	bottom: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
}
.at-featurecontentarea{
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	position: absolute;
	padding: 0 20px 20px;
}
.at-featurecontentarea h4{
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: var(--fontsize24);
}
.at-featurecontentarea p{
	margin: 0;
	color: #fff;
	display: none;
	font-size: 16px;
	line-height: 24px;
}
.at-featurelogos .at-serviceimage{background-blend-mode: darken;}
.at-featurelogos .at-serviceimage .at-serviceimg{
	display: flex;
	padding: 30px;
	min-height: 310px;
	align-items: center;
	justify-content: center;
	background: var(--themeDark5);
	background-blend-mode: darken;
}
.at-featurelogos .at-serviceimage .at-serviceimg img{
	width: auto;
	max-height: 300px;
	background-blend-mode: darken;
}
.at-tvappearenceslogos,
.at-tvappearanceslider,
.at-featuredsliderarea,
.at-featuresimageslider{
	width: 100%;
	float: left;
}
.at-featuredsliderarea,
.at-tvappearenceslogos.at-featurelogos{display: none;}
.at-featuresimageslider{padding: 40px 0 0 0;}
.at-tvappearanceslider .owl-nav button,
.at-featuresimageslider .owl-nav button{
	top: 0;
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	font-size: 10px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid var(--themeDark50) !important;
}
.at-tvappearanceslider .owl-nav button.owl-prev,
.at-featuresimageslider .owl-nav button.owl-prev{right: 40px;}
.at-tvappearanceslider .owl-nav button.owl-next,
.at-featuresimageslider .owl-nav button.owl-next{right: 0;}
.at-tvappearanceslider .owl-nav button{top: -26px;}
.at-charitylogos{padding: 30px 0 0;}
/* =============================================
		Official Shops Style			
============================================= */
.at-shopslider,
.at-offcialshops,
.at-shopsliderarea{
	width: 100%;
	float: left;
}
.at-shopsliderarea{display: none;}
.at-shopslider{padding: 35px 0 0;}
.at-shopslider .owl-nav button{
	top: 0;
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	font-size: 10px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid var(--themeDark50) !important;
}
.at-shopslider .owl-nav button.owl-prev{right: 40px;}
.at-shopslider .owl-nav button.owl-next{right: 0;}
/* =============================================
		Call in with colin Style			
============================================= */
.at-paddingbottomzero{padding-bottom: 0;}
.at-paddingtopzero{padding-top: 0;}
.at-callincolinbg{
	min-height: 700px;
	background: var(--themeDark100) url('https://colinwayne-bucket.s3.amazonaws.com/images/callin/callincolinbg.png') 100% 100% no-repeat;
}
.at-callincontentarea{
	height: 100%;
    display: flex;
    align-items: center;
	flex-direction: column;
	justify-content: center;
}
.at-callincontentarea .at-sectionhead{text-align: left;}
.at-callincontentarea .at-sectionhead span{
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 10px;
	color: var(--themeDark50);
}
.at-callincontentarea .at-sectionhead h3{
	color: #fff;
	line-height: 0.8;
}
.at-callincontentarea .at-sectionhead p{
	margin: 0;
	line-height: 1.5;
	font-size: 1.5rem;
	color: var(--themeDark30);
}
.at-callincontent{
	width: 100%;
	float: left;
}
.at-callincontent ul{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
}
.at-callincontent ul li{
	width: 100%;
	float: left;
	padding: 16px 0;
	list-style-type: none;
}
.at-callincontent ul li + li{border-top: 2px solid rgba(255, 255, 255, 0.10);}
.at-callindetail{
	gap: 25px;
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.at-callinimg{
	margin: 0;
	width: 100%;
	max-width: 73px;
	overflow: hidden;
	border-radius: 4px;
}
.at-callintext{
	flex-grow: 1;
	position: relative;
	padding: 0 100px 0 0;
}
.at-playicon{
	top: 50%;
	right: 0;
	z-index: 2;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.at-callintext .at-playiconanimation{
	top: 50%;
	right: 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.at-callintext h5{
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.125rem;
}
.at-callintext time{
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: rgba(255, 255, 255, 0.6); 
}
.at-officialshopimg{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
}
.at-officialshopimg a{display: block;}
.at-officialshopimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-callincontent .at-btnarea{text-align: left;}
/* =============================================
		Recent Blogs Style			
============================================= */
.at-recentblogsarea{
	width: 100%;
	float: left;
}
.at-recentblogsarea .at-sectionhead{margin: 0 0 40px;}
.at-recentblogsarea .at-sectionhead p span{display: block;}
.at-blogpostsslider{
	width: 100%;
	float: left;
}
.at-blogpostcontentholder,
.at-blogpostsslider .item{
	width: 100%;
	float: left;
}
.at-blogpostimg{
	margin: 0;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}
.at-blogpostimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-themeimghover,
.at-themeimghover img{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-themeimghover:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.at-blogpostcontent{
	width: 100%;
	float: left;
	padding: 24px 0 0;
}
.at-blogpostcontent h6{
    width: 100%;
    float: left;
	color: #121212;
    line-height: 30px;
    font-size: var(--fontsize24);
}
.at-blogpostcontent h6 a{display: block;}
.at-blogpostcontent h6 a:hover{color: var(--themeColorRed);}
.at-blogtime{
	padding: 0;
	float: left;
	width: 100%;
	font-size: 13px;
	margin: 0 0 16px;
	list-style: none;
	line-height: 17px;
}
.at-blogtime li{
	float: left;
	padding: 0 17px;
	position: relative;
	list-style-type: none;
}
.at-blogtime li:first-child{padding-left: 0;}
.at-blogtime li:after{
	top: 50%;
	left: -8px;
	content: '';
	width: 15px;
	height: 1px;
	position: absolute;
	background: #DEDEDE;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.at-blogtime li span{
	color: #F5556E;
	font-weight: 500;
	text-transform: uppercase;
}
.at-blogtime li i{
	font-style: normal;
	color: rgba(18, 18, 18, 0.40);
}
.at-blogpostsslider .owl-nav{display: block !important;}
.at-blogpostsslider .owl-nav button{
	top: 50%;
	width: 56px;
	height: 56px;
	display: flex;
	position: absolute;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	border: 2px solid var(--themeDark10) !important;
}
.at-blogpostsslider .owl-nav button:hover{
	color: #fff;
	background: var(--themeColorRed);
	border-color: var(--themeColorRed);
}
.at-blogpostsslider .owl-nav button.owl-prev{left: -96px;}
.at-blogpostsslider .owl-nav button.owl-next{right: -96px;}
/* =============================================
		Say Hello Style			
============================================= */
.at-sayhellobg{
	padding: 140px 0;
	background: #f8f8f8 url('https://colinwayne-bucket.s3.amazonaws.com/images/sayhellobg.png') no-repeat;
	background-position: top right;
}
.at-sayhellocontentarea .at-sectionhead{text-align: left;}
.at-sayhellocontentarea .at-sectionhead h3 span{display: block;}
.at-contactus{
	padding: 0;
	width: 100%;
	float: left;
	margin: 70px 0 0;
	list-style: none;
}
.at-contactus li{
	width: 100%;
	float: left;
	list-style-type: none;
}
.at-contactus li + li{margin: 26px 0 0;}
.at-contactus li span{
	display: block;
	margin: 0 0 10px;
	font-weight: bold;
	color: var(--themeDark100);
	font-size: var(--fontsize24);
}
.at-contactus li a{
	display: block;
	color: var(--themeColorRed);
	font-size: var(--fontsize32);
}
.at-contactusform{
	width: 100%;
	float: left;
}
.at-contactusform fieldset{
	border: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.at-contactusform fieldset .form-group{
	width: 100%;
	float: left;
	margin: 0 0 30px;
}
.at-contactusform fieldset .form-group label{
	width: 100%;
	float: left;
	font-size: 16px;
	margin: 0 0 12px;
	color: var(--themeDark100)
}
.at-contactusform fieldset .form-group input,
.at-contactusform fieldset .form-group .at-select select{
	border: 0;
	width: 100%;
	height: 55px;
	font-size: 16px;
	background: #fff;
	border-radius: 8px;
}
.at-contactusform fieldset .form-group textarea{
	border: 0;
	width: 100%;
	padding: 22px;
	height: 260px;
	font-size: 16px;
	border-radius: 8px;
}
.at-contactusform .at-btn{
	width: 100%;
	float: left;
	font-size: 18px;
	border-radius: 8px;
}
/* =============================================
		Footer Style			
============================================= */
.at-footer{
	padding: 60px 0 24px;
	background: var(--themeDark100);
}
.at-footerlogo{
	width: 100;
	display: block;
	max-width: 80px;
	margin: 0 auto 40px;
}
.at-subscribe{
	overflow: hidden;
	max-width: 500px;
	margin: 0 auto 30px;
}
.needsclick{min-height: auto !important;}
.needsclick,
.at-subscribe form{
	width: 100% !important;
	float: left !important;
}
.at-subscribe form{max-width: 100% !important;}
.needsclick,
.at-subscribe form{
	margin: 0 !important;
	padding: 0 !important;
}
.at-subscribe form .needsclick {
	gap: 10px;
	flex-direction: column !important;
}
.at-subscribe form .needsclick p,
.at-subscribe form .needsclick p span{color: #fff !important;}
.at-subscribe form .needsclick input{
	border: 0 !important;
	color: #666 !important;
    width: 100% !important;
    height: 55px !important;
    font-size: 14px !important;
    background: #fff !important;
	box-shadow: none !important;
    line-height: 18px !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
	font-family: 'DM Sans', Arial, Helvetica, sans-serif !important;
}
.at-subscribe form .needsclick input::placeholder{font-size: 14px !important;}
.at-subscribe form .needsclick button{
	align-items: center;
	border: 0 !important;
	color: #fff !important;
	display: flex !important;
	overflow:hidden !important;
	position:relative !important;
	text-align:center !important;
	border-radius: 4px !important;
	vertical-align: middle !important;
	justify-content: center !important;
	text-transform: capitalize !important;
	background: var(--themeColorRed) !important;
	font:700 16px/50px 'DM Sans', Arial, Helvetica, sans-serif !important;
}
.at-formnewsletter fieldset{
	border: 0;
	padding: 0;
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.at-newsletterarea .form-control{
	height: 50px;
	border-radius: 8px 0 0 8px;
}
.at-newsletterarea .at-btn{
	min-width: 150px;
	border-radius: 0 8px 8px 0;
}
.at-newsletterarea .at-btn:hover{transform: none;}
.at-newsletterarea .at-btn span{padding: 0 10px;}
.at-addnav{
	margin: 0;
	padding: 0;
	gap: 0 40px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.at-addnav li{list-style-type: none;}
.at-addnav li a{
	display: block;
	color: var(--themeDark50);
}
.at-addnav li a:hover,
.at-addnav li.at-active a{color: #fff;}
.at-copyrights{
	width: 100%;
	float: left;
	font-size: 16px;
	margin: 40px 0 0;
	text-align: center;
	color: var(--themeDark50);
}
.at-copyrights span{color: var(--themeColorRed)}
.at-btnscrolltotop{
	width: 50px;
	right: 20px;
	z-index: 99;
	height: 50px;
	bottom: 20px;
	display: flex;
	position: fixed;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	background: var(--themeColorRed);
}
.at-btnscrolltotop img{
	width: 20px;
	height: auto;
}
.at-btnscrolltotop:hover{transform: scale(1.2);}
.js-reveal {
	opacity: 1;
	transition: opacity .7s ease-in, margin-top .7s ease-out;
}  
.js-reveal--hidden {
	opacity: 0;
	margin-top: 3em;
}
.at-playiconanimation{
	width: 40px;
	height: 40px;
	top: initial;
	right: initial;
	transform: none;
	position: relative;
}
.circle::after, .circle::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
    left: -5px;
	width: 50px;
	height: 50px;
	background: #ff5f7a;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: grow 2s ease-in-out infinite;
			animation: grow 2s ease-in-out infinite;
}
.circle::after {background: rgba(212, 175, 55, 0.4);}
.circle::after::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
    left: -5px;
	width: 50px;
	height: 50px;
	background: #5f84ff;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: grow 2s ease-in-out infinite;
			animation: grow 2s ease-in-out infinite;
}
.circle::before {
	background: rgba(212, 175, 55, 0.6);
	-webkit-animation-delay: -0.5s;
		animation-delay: -0.5s;
}
@-webkit-keyframes grow {
	0% {
	  transform: scale(1, 1);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.8, 1.8);
	  opacity: 0;
	}
}
@keyframes grow {
	0% {
	  transform: scale(1, 1);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.8, 1.8);
	  opacity: 0;
	}
}
.at-colinimgnew .circle::after {background: rgba(9, 36, 88, 0.4);}
.at-colinimgnew .circle::before {background: rgba(9, 36, 88, 0.4);}
/* =============================================
		Inner Banner Style			
============================================= */
.at-innerbannerimg{
	margin: 0;
	width: 100%;
	float: left;
	height: 300px;
	position: relative;
}
.at-innerbannerimg img{
	width: auto;
	height: 100%;
	display: block;
	max-width: none;
}
.at-bannercontentholder{gap: 30px;}
.at-innercontentholder{
	top: 0;
	left: 0;
	width :100%;
	height: 100%;
	display: flex;
	padding: 0 170px;
	position: absolute;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.70);
}
.at-innerbannercontent{
	width :100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.at-innerbannercontent h1{
	color: #fff;
	/* font-size: 36px; */
	font-weight: 600;
	line-height: 30px;
	text-transform: capitalize;
}
.at-themebreadcrumbs{
	display: flex;
	align-items: center;
}
.at-themebreadcrumbs ol.breadcrumb{
	margin: 0;
	list-style: none;
	flex-wrap: nowrap;
	align-items: center;
	flex-direction: row;
}
.at-themebreadcrumbs ol.breadcrumb li{
	color: #fff;
	padding: 0 15px;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	list-style-type: none;
}
.at-themebreadcrumbs ol.breadcrumb li:first-child{padding-left: 0;}
.at-themebreadcrumbs ol.breadcrumb li.active{color: var(--themeColorRed);}
.at-themebreadcrumbs ol.breadcrumb li:before{
	top: 50%;
	content:'';
	left: -8px;
	width: 12px;
	height: 12px;
	position: absolute;
	background: url(/images/up-arrow.svg) no-repeat;
	background-size: contain;
	-webkit-transform: rotate(90deg) translateX(-50%);
	-moz-transform: rotate(90deg) translateX(-50%);
	-ms-transform: rotate(90deg) translateX(-50%);
	-o-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
}
.at-themebreadcrumbs ol.breadcrumb li:first-child:before{display: none;}
.at-themebreadcrumbs ol.breadcrumb li a{color: #fff;}
/* =============================================
		Aboutus Page Style			
============================================= */
.at-aboutuspage{
	width: 100%;
	float: left;
}
.at-aboutimg{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
	border-radius: 10px;
	border: 8px solid var(--themeColorRed);
}
.at-aboutimg img{
	width: 100%;
	height: auto;
	display: block;
}
.at-aboutcolincontent{
	width: 100%;
	float: left;
}
.at-aboutcolincontent h2{
	line-height: 1;
	margin: 0 0 30px;
    font-weight: 700;
    font-size: var(--themesectiontitle);
}
.at-aboutcolincontent .at-description p{
	font-size: 16px;
    line-height: 24px;
    color: var(--themeDark70);
}
.at-colinvideo{
	width: 100%;
    float: left;
    height: 0px;
	margin: 20px 0 0;
    position: relative;
    padding-top: 56.25%;
    /* padding-top: 44.75%; */
}
.at-colinvideo video{
    top: 0;
    left: 0;
	z-index: 1;
	width: 100%;
    height: 100%;
    position: absolute;
}
.at-videothumbnail{
	top: 0;
	left: 0;
	margin: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	align-items: center;
	background: rgba(0, 0, 0, 1);
}
.at-videothumbnail img{
	width: 100%;
	opacity: 0.6;
	height: auto;
	display: block;
}
.at-videothumbnail .at-playiconanimation{
	top: 50%;
    left: 50%;
    z-index: 3;
    opacity: 1;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.at-playaboutvideo .at-videothumbnail{display: none;}
/* =============================================
			Podcast Style				
============================================= */
.at-podcast,
.at-podcastpage{
	width: 100%;
	float: left;
}
.at-podcast{
	overflow: hidden;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.at-podcastimg{
	margin: 0 ;
	width: 100%;
	float: left;
	overflow: hidden;
}
.at-podcastimg img{
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-podcast:hover .at-podcastimg img{
	-webkit-transform: scale(1.2) rotate(5deg);
	-moz-transform: scale(1.2) rotate(5deg);
	-ms-transform: scale(1.2) rotate(5deg);
	-o-transform: scale(1.2) rotate(5deg);
	transform: scale(1.2) rotate(5deg);
}
.at-podcastcontent{
	gap: 10px;
	width: 100%;
	float: left;
	display: flex;
	padding: 20px;
	background: #fff;
	min-height: 100px;
	align-items: center;
	justify-content: space-between;
}
.at-podcastcontent h2{
	margin: 0;
    width: auto;
    float: left;
    max-width: 100%;
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    line-height: 29px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.at-podcastlink{
	gap: 10px;
	margin: 0;
	padding: 0;
	/* width: 100%; */
	float: right;
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: end;
}
.at-podcastlink li{
	float: left;
	list-style-type: none;
}
.at-podcastlink li a{
	width: 40px;
	color: #fff;
	height: 40px;
	display: flex;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	background: var(--themeColorRed);
}
/* =============================================
			Blogs Style				
============================================= */
.at-bloginnerbanner{min-height: 300px;}
.at-bloginnerbanner .at-innercontentholder{background: var(--themeDark100);}
.at-categoryauthor{
	gap: 20px;
	padding: 0;
	width: 100%;
	float: left;
	display: flex;
	margin: 20px 0 0;
	list-style: none;
	align-items: center;
}
.at-categoryauthor li{
	float: left;
	list-style-type: none;
}
.at-categoryauthor li span{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	display: inline-block;
}
.at-categoryauthor li span + span{
	margin: 0 0 0 5px;
	color: var(--themeColorRed);
}
.at-blog,
.at-blogsarea{
	width: 100%;
	float: left;
}
.at-blog{}
.at-blogimg{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 10px 10px 0 0;
	background: var(--themeDark100);
}
.at-blogimg img{
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-blog:hover .at-blogimg img{
	opacity: 0.4;
}
.at-categorytag{
	top: 0;
	right: 0;
	z-index: 3;
	color: #fff;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
	position: absolute;
	border-radius: 0 10px 0 10px;
	background: var(--themeColorRed);
}
.at-blogcontent{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.at-blogcontent h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 27px;
}
.at-blogcontent h3 a{display: block;}
.at-blogcontent h3 a:hover{color: var(--themeColorRed);}
.at-blogcontent p{
	font-size: 16px;
	margin: 0 0 20px;
	line-height: 26px;
	color: var(--themeDark60);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.at-widget{
	width: 100%;
	float: left;
}
.at-widget + .at-widget{margin: 40px 0 0;}
.at-widget h3{
	width: 100%;
	float: left;
	font-size: 20px;
	margin: 0 0 10px;
	font-weight: 600;
	line-height: 23px;
	padding: 0 0 14px;
	color: var(--themeDark70);
	border-bottom: 1px solid var(--themeDark10);
}
.at-latestblogs{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
}
.at-latestblogs li{
	width: 100%;
	float: left;
	padding: 10px 0;
	list-style-type: none;
}
.at-latestblog{
	width: 100%;
	float: left;
}
.at-latestblog h4{
	margin: 0;
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	color: var(--themeDark70);
}
.at-latestblog h4 a{
	width: 100%;
    float: left;
	display: block;
	color: var(--themeDark70);
}
.at-latestblog:hover h4 a{color: var(--themeColorRed);}
.at-latestblog h4 a time{
	width: 100%;
	float: left;
	font-size: 14px;
	margin: 8px 0 0;
	font-weight: 400;
	line-height: 18px;
	color: var(--themeDark50);
}
.at-latestblog h4 a time img{width: 14px;}
.at-latestblog h4 a time em{font-style: normal;}
.at-widgetcategories li .at-latestblog h4 a{
	gap: 10px;
	display: flex;
	align-items: center;
}
.at-widgetcategories li .at-latestblog  h4 a i{
	width: 20px;
	height: 20px;
	border-radius: 5px;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	background: var(--themeDark70);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-widgetcategories li .at-latestblog:hover h4 a i{background: var(--themeColorRed);}
.at-widgetcategories li .at-latestblog h4 a i svg{width: 5px;}
.at-blogdetail{
	width: 100%;
	float: left;
}
.at-blogdetailimg{
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 0 0 30px;
	border-radius: 15px; 
}
.at-blogdetailcontent{
	width: 100%;
	float: left;
}
.at-blogdetailcontent p{
	font-size: 16px;
	line-height: 30px;
	color: var(--themeDark70);
}
.at-keywords{
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.at-keywords span{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	display: inline-block;
	color: var(--themeColorBlue);
}
.at-blogdetailwithead{
	width: 100%;
	float: left;
}
.at-blogdetailwithead h4{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: var(--themeColorBlue);
}
/* =============================================
			Services Style					
============================================= */
.at-ourservices,
.at-ourserviesarea{
	width: 100%;
	float: left;
}
.at-ourserviesarea{
	gap: 20px;
	display: flex;
    position: relative;
}
.at-fourcolsholder{
	width: 60%;
    display: flex;
    min-height: 1px;
	position: relative;
}
.at-fourcols{
	gap: 20px;
    width: 100%;
	display: flex;
    flex-wrap: wrap;
	position: relative;
    align-content: flex-start;
}
.at-twocolssection{
	gap: 20px;
    width: 100%;
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.at-servicecol{
	width: 50%;
	float: left;
	overflow: hidden;
	min-height: 300px;
	position: relative;
}
.at-servicecol:first-child{
	padding: 30px;
	border-radius: 20px 0 0 0;
	background: var(--themeDark100);
}
.at-ourserviceimg{
	margin: 0;
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}
.at-servicecontent{
	left: 0;
	bottom: 0;
    width: 100%;
    float: left;
    padding: 30px;
	overflow: hidden;
    position: absolute;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.at-servicecontent h3{
	color: #fff;
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 600;
	line-height: 24px;
	font-size: var(--serviceheading);
}
.at-servicecontent p{
	margin: 0;
	font-size: 14px;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.70);
}
.at-serviceoverlay{
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0.8;
	position: absolute;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
}
.at-servicecol:hover .at-serviceoverlay{
	opacity: 0.8;
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
}
.at-servicehovercontent{
	height: 196px;
    padding: 156px 30px 30px 30px;
}
.at-servicecol:hover .at-servicehovercontent{padding: 0 30px 30px 30px;}
.at-servicecol:hover .at-servicehovercontent p,
.at-servicecol:hover .at-servicehovercontent h3{top: 0;}
.at-secondservicecol{
	width: 60%;
	padding: 0 !important;
	background: none !important;
	border-radius: 0 0 0 20px !important;
}
.at-servicecol.at-secondservicecol:last-child{
	width: 40%;
	border-radius: 0 !important;
}
.at-onecol{
	width: 40%;
	float: left;
	overflow: hidden;
	border-radius: 0 20px 20px 0;
}
.at-onecol .at-servicecol.at-secondservicecol{
	width: 100%;
	height: 100%;
}
.at-onecol .at-servicecol.at-secondservicecol .at-servicehovercontent{height: auto;}
.at-servicehead{
	width: 100%;
	float: left;
}
.at-servicehead h2{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	color: var(--themeColorRed);
}
.at-servicesoffered .at-servicecontent{
	padding: 0;
	position: static;
}
/* =============================================
			Testimonials Style					
============================================= */
.at-testimonialbg{background: var(--themeDark10)}
.at-testimonial,
.at-testimonials,
.at-testimonialvideo{
	width: 100%;
	float: left;
}
.at-testimonialvideo{
	overflow: hidden;
	border-radius: 15px;
}
.at-midngihtwidth{width: 220px !important;}
.at-testimonialslider,
.at-testimonailsliderarea{
	float: left;
	width: 100%;
}
.at-testimonailsliderarea{display: none;}
.at-testimonialslider{padding: 50px 0 0;}
.at-testimonialslider .owl-nav button{
	top: 0;
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	font-size: 10px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid var(--themeDark50) !important;
}
.at-testimonialslider .owl-nav button.owl-prev{right: 40px;}
.at-testimonialslider .owl-nav button.owl-next{right: 0;}