/******* Developed by: @smruthitech | Author: @getrajeshonline | Version: 03 *******/
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Roman.eot');
    src: local('Avenir Roman'), local('Avenir-Roman'),
        url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Roman.woff2') format('woff2'),
        url('../fonts/Avenir-Roman.woff') format('woff'),
        url('../fonts/Avenir-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Light.eot');
    src: local('Avenir Light'), local('Avenir-Light'),
        url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Light.woff2') format('woff2'),
        url('../fonts/Avenir-Light.woff') format('woff'),
        url('../fonts/Avenir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.eot');
    src: local('Avenir Heavy'), local('Avenir-Heavy'),
        url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir-Heavy.woff') format('woff'),
        url('../fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: local('Avenir Medium'), local('Avenir-Medium'),
        url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Regular.eot');
    src: local('GlacialIndifference Regular'), local('GlacialIndifference-Regular'),
        url('../fonts/GlacialIndifference-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GlacialIndifference-Regular.woff2') format('woff2'),
        url('../fonts/GlacialIndifference-Regular.woff') format('woff'),
        url('../fonts/GlacialIndifference-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Bold.eot');
    src: local('GlacialIndifference Bold'), local('GlacialIndifference-Bold'),
        url('../fonts/GlacialIndifference-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GlacialIndifference-Bold.woff2') format('woff2'),
        url('../fonts/GlacialIndifference-Bold.woff') format('woff'),
        url('../fonts/GlacialIndifference-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
:root{
	--colorOrange: #d28e39;
	--colorDark01: #4D4D4D;
	--colorDark02: #808080;
	--colorLight01: #D8D8D8;
	--colorLight02: #A9A7A7;
	--fontFamily01: 'Glacial Indifference', sans-serif;
	--fontFamily02: 'Avenir', sans-serif;
}
body {
	color: #4a5355;
	/* font-family: 'Glacial Indifference', sans-serif; */
	font-size: 16px;
	font-size: calc( 14px + 0.1vw);
	font-weight: 300;
	line-height: 1.3em;
	height: 100%;
	position:relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
  font-family: var(--fontFamily01);
  /*font-family: 'Avenir', sans-serif;*/
  color: #19191a;
  font-weight: 600;
}
div, p, p span, li{ font-family: var(--fontFamily02); }
a {
	font-weight: 300;
	text-decoration: none;
	color: #4a5355;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover {
    text-decoration: none;
    color: var(--colorOrange);
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
b, strong {
	font-weight: 700;
}
::-moz-selection {
	background: var(--colorOrange);
	color: #ffffff;
}
::selection {
	background: var(--colorOrange);
	color: #ffffff;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
a.link-primary, .link-primary:focus{ 
	color: var(--colorOrange) !important;
	font-size: 0.8em;
	display: flex;
	align-items: center;
	transition: all 0.5s ease-in;
}
.bgGradient01{ background-image: linear-gradient(to right, #d28e390d, #4d4d4d14) }
.bgImg02{ background: #000 url('../img/home-bg-02.jpg') no-repeat center top / cover ; }
.bgImg03{ background: #000 url('../img/why-mikro-everything-your-business-needs.jpg') no-repeat center top / cover ; }
.h-min50vh{ min-height: 50vh; }
.h-min60vh { min-height: 60vh; }
.text-primary{ color: var(--colorOrange) !important; }
.text-secondary{ color: var(--colorDark01) !important; }
.text-dark{ color: var(--colorDark01); }
.text-darker{ color: var(--colorDark02); }
.text-darkest{ color: #333; }
a.link-primary i { padding-left: 2px; }
.link-primary:hover{ color: var(--colorDark01) !important; }
a.link-primary:hover i{ padding-left: 8px; margin-right: -8px; }
.divider-v-xl{ position:relative; }
.divider-v-xl::after {
	content: "";
	height: 100%;
	width: 1px !important;
	background: var(--colorOrange);
	position: absolute;
}
@media(max-width: 1200px){
	.divider-v-xl::after {
		content: "";
		height: 1px;
		width: 50px !important;
		background: var(--colorOrange);
		position: absolute;
	}
}
.preloaders {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transform: translate(-50%, -50%);
  background: #ededed;
}
.loader {
  height: 60px;
  aspect-ratio: 2;
  border-bottom: 3px solid #0000;
  background: 
    linear-gradient(90deg,#524656 50%,#0000 0)
    -25% 100%/50% 3px repeat-x border-box;
  position: relative;
  animation: l3-0 .75s linear infinite;
}
.loader:before {
  content: "";
  position: absolute;
  inset: auto 42.5% 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--colorOrange);
  animation: l3-1 .75s cubic-bezier(0,900,1,900) infinite;
}
@keyframes l3-0 {
  to {background-position: -125% 100%}
}
@keyframes l3-1 {
  0%,2% {bottom: 0%}
  98%,to {bottom:.1%}
}
ul{list-style:none;}
#sm_menu_ham span{ background-color: var(--colorOrange); }
.no-padding { padding: 0 }
.title{ margin-bottom: 10px; }
.title.lg{ font-size: 2.8em; }
.title.xlg{ font-size: 3.2em; }
.title span{ color: var(--colorOrange); }
.section-padding { padding:40px 0; }
.section-title { margin-bottom:20px; }
.section-title h2 {
	font-size: 2em;
	font-weight: 600;
	margin-top: 0;
	position: relative;
	line-height: 1.3em;
}
.section-title span{ color: var(--colorOrange); }
.section-title p{
/*	width:60%;
	margin:auto;*/
	margin-top: 20px;
}
.section-title b{color:var(--colorOrange);font-weight: 600;}
.highlight, .highlight02 {
	color: var(--colorOrange);
	margin: 20px 0;
	font-weight: 900;
	font-size: 1.2em;
	font-family: avenir, san-serif;
}
.highlight02 {
	margin-top: -20px;
	text-transform: uppercase;
	font-size: 1em;
	border: var(--colorOrange) 1px dashed;
	padding: 10px 0;
	border-width: 1px 0 1px 0;
	color: var(--colorDark01);
	/*text-align: center;*/
}
/*.highlight02 + p{ text-align: center; }*/
.topcontrol {
	background: #0000009c;
	border-radius: 30px;
	bottom: 10%;
	box-shadow: 0 1px 10px 0 rgba(85, 85, 85, 0.2);
	color: var(--colorOrange);
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
.topcontrol:hover {
    background:var(--colorOrange);
    color: #000;
}
.btn_one, .btn-primary {
	background: var(--colorDark01);
	color: #fff;
	border: none;
	padding: 8px 20px;
	border-radius: 10px;
	transition: 0.3s;
	font-weight: 300;
	font-size: 0.9em;
}
.btn_one i, .btn-primary i{margin-left:5px;}
.btn_one:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus{
	background: var(--colorOrange) !important;
	color: #000 !important;
}
.btn_one:hover i, .btn-primary:hover i{ width: 2em; margin-left: 8px; }
.btn_two, .btn-secondary {
	background: var(--colorOrange);
	color: #000;
	border: none;
	padding: 10px 30px;
	border-radius: 10px;
	transition: 0.3s;
	font-weight: 600;
	font-size: 0.9em;
}
.btn_two i, .btn-secondary i{margin-left:5px;}
.btn_two:hover, .btn-secondary:hover{
	background: var(--colorDark01);
	color: #FFF;
}
.btn_two:hover i, .btn-secondary:hover i{ width: 2em; margin-left: 8px; }

.col-20{
	width: 20%;
}
.col-60{
	width: 60%;
}
.col-80{
	width: 80%;
}
.site-logo{
	width: 150px;
}
.site-logo a{
	display: block;
}
.site-logo img{
	max-width: 100%;
}
#navigation{
	padding: 20px 65px;
	/*border-bottom: 1px solid #ddd;*/
	position: absolute;
	z-index: 999;
	width: 100%;
}
.navigation2{
	border-bottom: 0px !important;
	background:#fff;
}
@media only screen and (max-width:960px){
	#navigation{border-bottom: 0px;}
}
#navigation .logoD{ display: none; }
#navigation.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	padding: 2px 65px;
}
#navigation.navbar-fixed .logoL{ display: none; }
#navigation.navbar-fixed .logoD{ display: block; }
#navigation.navbar-fixed .site-logo{ width: 90px; }
@media only screen and (max-width:960px){
	#navigation.navbar-fixed{display:none;}
}
#main-menu{
}
#main-menu ul{
	list-style-type: none;
}

#main-menu ul li {
	display: inline-block;
	padding: 0 15px;
	position: relative;
	line-height: 60px;
}
@media only screen and (max-width:1024px){
#main-menu ul li {padding: 0 6px;}
}	
#main-menu ul li a {
	position: relative;
	color: #FFF;
	transition: .5s;
	font-size: 16px;
}
#main-menu ul li a.active:after,
#main-menu ul li a:hover::after,
#main-menu ul li a:focus::after {
	content: '';
	width: 100%;
	height: 1px;
	border-radius: 10px;
	background: var(--colorOrange);
	display: block;
	justify-content: center;
	margin-top: -15px;
}
#navigation.navbar-fixed #main-menu ul li a { color: #525252; }
#navigation .header-btn {
	padding-right:20px;
}
#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: var(--colorOrange);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:10px;
	position: absolute;
	text-align: left;
	top: 120%;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 210px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid var(--colorOrange);
}
#navigation #main-menu .menu-item-has-children {
	position: relative;
	margin-right: 20px;
}
#navigation #main-menu .menu-item-has-children::after {
	position: absolute;
	content: "\e64b";
	font-family: themify;
	margin-top: 0px;
	margin-left: 0;
	font-size: 10px;
	right: -10px;
	top: 0px;
	color: #0b104a;
	font-size: 13px;
	font-weight: 600;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: #fff;
} 
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
	top: 100%;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

#navigation #main-menu ul li ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	padding: 5px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#navigation #main-menu ul li ul li a:hover{
	color: #fff;
	background-color: var(--colorOrange);
	text-decoration: none;
}
@media only screen and (max-width: 991px){
	
	.col-60{
		display: none!important;
	}

	#sm_menu_ham {
		display: block;
		top: 40px;
		right: 11%;
		position: absolute;
	}
	.sidebar{
		padding-top: 100px;
	}
}

@media only screen and (max-width: 767px){
	.spt-130 {
	padding-top: 90px;
	}	
	#mobile_menu{
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width: 575px){
	#navigation {
	padding: 30px 20px;
	}
	#sm_menu_ham {
	top: 40px;
	}
}
.header-btn{
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	color: #0b104a;
	transition: .5s;	
}
.header-btn:hover,
.header-btn:focus{
	color: var(--colorOrange);
	
}
.home_bg {
	height: 100vh;
	position:relative;
}
.hero-text{position:relative;}
.home-banner-caption h1 > span{ 
	position:absolute; 
	display:block;
    opacity: 0;
    transition: opacity 1s ease-in-out 0.2s;
}
.home-banner-caption h1 > span.active {
    opacity: 1;
}
.hero-text h1, .section-top-title h1 {
	color: #0b104a;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3em;
	padding-top: 40vh;
	margin-bottom: 20px;
}
.hero-text h1 > span{ color: #ffffff;}
.hero-text h1 > span:last-child span{ font-weight: 900; font-size: 1.1em;}
.hero-text h1 > span span{ color: var(--colorOrange);}
.hero-text p {
	width:80%;
	font-weight:500;
	margin-bottom: 30px;
}
.banner_subs {
	display: block;
	position: relative;
	margin-top: 30px;
}
@media only screen and (max-width:480px){
	.banner_subs {display: none;}
}
.banner_subs button{border:none;}
.home_si {
	background: #fff;
	border-radius: 0px;
	color: #0b104a;
	display: block;
	height: 70px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
}
.home_si:focus{
	outline:0 none;
	box-shadow:none;
	border: 1px solid var(--colorOrange)!important;
}
.home_sb button {
	background-color: var(--colorOrange);
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 60px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0 20px;
	width: 25%;
	transition: 0.3s;
}
.home_sb button:hover{
	color:#fff;
	background:#f26b65;
}
#scroll-down {
	display: none;
	position: absolute;
	bottom: 10%;
	font-size: 0.8em;
	color: var(--colorDark02);
}
.home-banner-caption + #scroll-down{ bottom: 25%; }
#scroll-down span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid var(--colorDark02);
  border-bottom: 1px solid var(--colorDark02);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.count_area {
	position:relative;
	margin-top: -60px;
	padding-bottom:0;
}
.single-counter {
	background: #fff;
	 border: 1px solid #ddd; 
	border-radius: 20px;
	padding: 20px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.04);
	display: flex;
	gap: 10px;
	align-items: center;
	height: 100%;
}

.single-counter span {
	width: 50px;
	float: left;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	font-size: 20px;
	text-align: center;
	margin-right: 15px;
	color: var(--colorLight01);
	background: var(--colorDark01);
}
.single-counter h2 {
	overflow: hidden;
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 0;
	color: var(--colorOrange);
	white-space: nowrap;
}
.single-counter h2.suffix-plus:after { content: '+'; display: inline-block;};
.single-counter p{ font-size: 1.6em; overflow: hidden; }

.tp_feature_p3{padding-bottom:50px;}
.tp_feature{
	background:#282a74;
	padding-bottom:50px;
}
.single_tp {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 12%;
	/* box-shadow: 1px 1px 5px rgba(23, 23, 36, 0.1); */
	box-shadow: inset 10px 5px 15px 0px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	border: #00000003 1px solid;
	overflow: hidden;
}
.single_tp.dark-border{ border: #0000001a 1px solid; }
.single_tp span {
	display: block;
	font-weight: 600;
	font-size: 2em;
	color: #0000001f;
	padding-bottom: 12px;
}
@media only screen and (max-width:880px){
.single_tp {margin-bottom:30px;}
}
.single_tp h3 {
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom:10px;
	overflow: hidden;
}
.single_tp.with-divider{
	position: relative;
	justify-content: center;
	align-items: center;
}
.single_tp.with-divider ul{ width: auto; }
.single_tp.with-divider ul li{ margin-bottom: 10px; }

.single_tp.with-divider h3:after{
	content: "";
	width: 20px;
	height: 2px;
	background: var(--colorLight01);
	border-radius: 5px;
	display: block;
	margin-top: 10px;
}
.single_tp p {
	overflow: hidden;
}
.bg-boxes > div{ padding: 4px; margin-bottom: 4px; position: relative; transition: all 0.5s ease; }
.bg-boxes > div:hover{ top: -5px; }
.bg-boxes > div:nth-child(even) > div{
	background: #8B8B8B1A;
}
.bg-boxes > div:nth-child(odd) > div{
	background: #fffbf6b0;
}
.numbered-connected-boxes .title{ color: var(--colorOrange); }
.numbered-connected-boxes .title span{ color: #19191a; font-size: 0.75em; display: block; }
.numbered-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0; 
	counter-reset: my-counter;
}
.numbered-list li {
	counter-increment: my-counter;
	position: relative;
	margin: 0px 0 20px;
	flex-basis: min-content;
	font-size: 0.84em;
	padding: 20px 0px;
	line-height: 1.34em;
	min-width: 68px;
	text-align: center;
}
.numbered-list.flex-basis-9em li{ flex-basis: 9em; }
.numbered-list li::after {
	content: "0" counter(my-counter);
	position: absolute;
	left: 0;
	top: -21px;
	font-weight: 400;
	color: #0076ff;
	font-size: 1.1em;
	color: var(--colorOrange);
	right: 0;
}
/*.numbered-list li:not(:last-child)::before {
	content: '';
	height: 2px;
	width: 40%;
	background: var(--colorOrange);
	display: block;
	top: -20px;
	position: relative;
	right: -80%;
}*/
.numbered-list li:last-child{ margin-right: 0; }
.numbered-list li::before {
	content: '';
	height: 40px;
	width: 40px;
	/* background: var(--colorDark02); */
	display: block;
	top: -32px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	right: 0;
	text-align: center;
	margin: auto;
}
.numbered-list li p {
	position: relative;
	padding: 3px 10px;
}
.numbered-list li p::before {
	content: "|";
	font-weight: 300;
	text-align: center;
	position: absolute;
	margin: auto;
	color: var(--colorOrange);
	width: 1px;
	height: 10px;
	top: -15px;
	right: 0;
	left: 0;
	/* background: black; */
}
.social-icons {
    margin: -10px;
}

.social-icons li {
    padding: 10px;display: inline-block;
}

.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
	display: block;
}

.social-icons li a:hover, .social-icons li a.active {
    background: var(--colorOrange);
    color: #ffffff;
    box-shadow: 0 5px 20px rgba(255, 119, 0, 0.31);
}
.vid_area {
	position: relative;
	padding-top: 0;
}
.va2 {
position: relative;
	padding-top: 250px;
	padding-bottom: 200px;
}
.va2::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1a1936;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.2;
}
.video-area2{position: relative;}
.video-area {
	padding: 250px 0;
	position: relative;
	border-radius: 6px;
	border: 15px solid #eef0ff;
	background: #fff;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.video-area::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1a1936;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.2;
}
.video-button::after, .video-button::before, blockquote::before, .video-area .video-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.video-button::after, .video-button::before, blockquote::before, .video-area2 .video-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.video-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: var(--colorOrange);
    position: relative;
    color: #ffffff;
    font-size: 30px;
}

.video-button i {
    position: relative;
    z-index: 1;
}

.video-button:hover {
    color: #ffffff;
}

.video-button::after, .video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-button::before {
    background: rgba(56, 105, 250, 0.3);
    width: 150px;
    height: 150px;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-border-radius: 33.33% 50%;
    -moz-border-radius: 33.33% 50%;
    border-radius: 33.33% 50%;
}

.video-button::after {
    background: rgba(56, 105, 250, 0.3);
    height: 120px;
    width: 120px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}
.our-team {
	border: 1px solid #ddd;
	padding: 0;
	text-align:center;
	border-radius: 10px;
	overflow: hidden;
}
.our-team .team-content{
    position: relative;
    overflow: hidden;
    padding: 20px 10px 10px;
}
.our-team .team-content img{
    width: 100%;
    height: auto;
    transition: all 0.30s linear 0s;
}
.our-team:hover .team-content img{
    transform: scale(1.2,1.2);
}
.our-team .social-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
}
.our-team .social-links li{}
.our-team .social-links li a {
	padding: 15px;
	color: #fff;
	display: block;
	background: var(--colorOrange);
	transition: all 0.3s linear 0s;
}
.our-team .social-links li a:hover{
    color:#fff;
    background:#f26b65;
    text-decoration: none;
}
.our-team .team-prof h3 {
	font-weight: 600;
	margin: 15px 0 5px;
	font-size: 20px;
}
.our-team .team-prof span{
    display: block;
}
@media only screen and (max-width: 960px){
    .our-team{ margin-bottom:30px; }
}
.sth_det2{}
.sth_det2 > span {
	color: var(--colorOrange);
	display: inline-block;
	margin: 10px 5px;
}
.sth_det2 u{
	color: #1a2d62;
	font-family:"Inria Sans", sans-serif;
}
/*#testimonial-slider {
	background: #FFF;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}*/
.testimonial {
	background: #fff;
	margin-bottom: 50px;
	margin-top: 20px;
	border-radius: 5px;
	margin: 15px;
}
.testimonial img {
	width: 60px;
	margin-bottom: 20px;
	filter: grayscale(100%);
}
.testimonial_content{}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
}
.testimonial_content i {
	color: var(--colorLight01);
	opacity: 0.5;
	font-size: 22px;
	margin-right: 4px;
	border-radius: 30px;
	padding: 2px;
}
.testimonial_content i.rated {
	color: var(--colorOrange);
	opacity: 1;
}
.testimonial_content p {
	overflow: hidden;
	margin-top: 15px;
	font-size: 1em;
	line-height: 1.4em;
}
.testi_pic_title {
	margin-top: 20px;
	padding: 20px 0;
	border-radius: 5px;
	position: relative;
}
.testi_pic_title:before{
	content: '';
	width: 40px;
	height: 2px;
	border-radius: 5px;
	background: var(--colorOrange);
}
.testi_pic_title img {
	float: left;
	margin-right: 15px;
	border-radius: 100px;
	border: 5px solid #fff;
}
.testi_pic_title h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	overflow: hidden;
}
.testi_pic_title p{overflow: hidden;}
.owl-theme{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    top: 84%;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 46px;
	height: 46px;
	line-height: 38px;
	font-size: 1em;
	opacity: 1;
	border-radius: 3px;
	background: var(--colorOrange);
	border: 1px solid #ededed;
	border-radius: 30px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow:0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}
.owl-theme .owl-controls .owl-buttons div:hover{
	background:var(--colorDark01);
	border:1px solid var(--colorDark01);
	display:block;
}
.owl-prev{
    position: absolute;
    right:50px;
}
.owl-next{
    position: absolute;
    right: 0;
}
.owl-prev:after,
.owl-next:after{
    content: "\e629";
    font-family: 'themify';
    font-size: 18px;
    color: #fff;
    opacity: 1;
}
.owl-next:after{ content: "\e628"; }
@media only screen and (max-width: 768px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
#blog > .container > .row > div{ margin-bottom: 20px;  }
.blog_area{
	padding-bottom: 50px;
}
.blog_area_bg{background:rgba(199,201,209,.09);}
.single_blog {
	height: 100%;
	background: #fff;
	border-radius: 0px;
	padding-bottom: 30px;
	border: 1px solid #e8e8e9;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	overflow: hidden;
}
.single_blog.linkedIn{
	padding-bottom: 0;
	margin-bottom: 0;
}
.single_blog img {
	width: 100%;
}
.single_blog .content_box {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.content_box{padding: 0 10px 0 13px;}
.single_blog > div > .content_box{ padding-top: 35px; }
.single_blog h2 {
	line-height: 32px;
	font-size: 20px;
	margin-bottom: 15px;
}
.single_blog h2 a {
	color: #1a2d62;
	font-weight: 400;
	margin-bottom: 8px;
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
}
.single_blog h2 a:hover{color:var(--colorOrange);}
.single_blog p{margin-bottom:0px;}
.single_blog span {
	text-transform: capitalize;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 0.8em;
}
.single_blog span a {
	color: var(--colorOrange);
	font-weight: 100;
}
.single_blog span a:hover{color:var(--colorOrange);}
.single_blog_two span{margin-top:0px;}
.single_blog_two p{margin-bottom:30px;}
.arti_img_two img{
width:100%;
margin-bottom:20px;
}
.arti_btn {
	color: var(--colorOrange);
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.arti_btn:hover{
padding-left:10px;
color: var(--colorOrange);}

.arti_sp{}
.arti_sp h2 {
	margin-top: 30px;
	font-weight: 700;
	margin-left: 60px;
	margin-bottom: 30px;
}
.arti_sp img{  margin-bottom:30px;width:100%; }
.arti_sp p {}
.share_sp margin-top: ;{margin-top: 30px;overflow: hidden; }
.share_sp h4 {
	font-weight: 600;
	margin-bottom: 25px;
	color: var(--colorDark01);
}
.share_sp ul{}
.share_sp ul li{float: left;}
.share_sp ul li a {
	color: #fff;
	transition: 0.3s;
	padding: 15px;
	display:block;
	background: #f4f4f4;
	background: var(--colorOrange);
	border-radius: 5px;
	margin-right: 10px;
}
.share_sp ul li a:hover {background:#1a2d62;}
.share_sp ul li a span {}
.blog_search {
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 10px;
	border: 1px solid #ededed;
}
.blog_search input {
	background: #ebecff;
	border: 1px solid #ebecff;
	border-radius: 0;
	color: #1a2d62;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
	outline: 0 none;
}
.blog_search input:focus{box-shadow:none;}
.newsletter-form {
	background: var(--colorDark01);
	padding: 40px;
	border-radius: 10px;
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 34px;
}
.newsletter-form p{color:#fff;margin-bottom: 30px;}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	padding: 6px 10px;
	color: #333;
	border-radius: 2px;
	border: 0px;
}
.newsletter-form input:focus{box-shadow:none;}
.subscribe button {
	border:none;
	width: 100%;
}
.sub_btn {
	background: var(--colorOrange);
	border-radius: 5px;
	color: #fff;
	font-size: 1em;
	padding: 10px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 100px;
	font-weight: 500;
}
.sub_btn:hover, .sub_btn:focus{
	background:#fff;
	color: #1a2d62;
}
/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.sidebar-post {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid #ededed;
}
.single_popular{
	margin-bottom:20px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.single_popular:last-child {
	margin-bottom: 0;
}
.single_popular a img {
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
}
.single_popular h5 a {
	color: #1a2d62;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
}
.single_popular h5 a:hover{color:#554c86;}
/*End Popular post*/

/*Start Social media*/
.single_social{}
.social_item{
padding:8px 12px;
border-radius:4px;
}
.single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_social ul li{}
.single_social ul li a{}
.single_social ul li a i{color:#fff;font-size:12px;}
.item-list{
float: right;
color:#fff;
font-size:13px;
}

.b_facebook{background:#1a4fc5;}
.b_twitter{background:#00acee;}
.b_youtube{background:#f50000;}
.b_pinterest{background:#e62e3f;}
.b_tumblr{background:#34526f;}
.b_rss{background:#e8a50e;}

/*End Social media*/

/*Start category*/
.single_category{overflow:hidden;}
.item-category{
padding:8px 12px;
border-radius:4px;
background:#f2f2f2;
}
.single_category ul {

}
.single_category ul li {
	line-height: 1.5em;
	float: left;
	margin: 0;
	padding: 0;
}
.single_category ul li a {
	color: #1a2d62;
	font-size: 0.8em;
	font-weight: 100;
	border: #000 1px solid;
	padding: 0px 10px;
	border-radius: 15px;
	margin-right: 2px;
}
.single_category ul li a:hover { border-color: var(--colorOrange); }
.single_category ul li a sup{color:var(--colorOrange);}
/*End category*/
.tag{overflow: hidden;}
.tag a {
	background: #f4f4f4;
	border: 1px solid #ededed;
	border-radius: 30px;
	color: #1a2d62;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 2px 2px;
	padding: 3px 10px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: var(--colorOrange);
    color: #fff;
    border: 1px solid var(--colorOrange);
}
.sidebar-banner img{width:100%;}
/*START SINGLE BLOG PAGE DESIGN*/
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid #ededed;
}
.author_part img {
	border: 4px solid #ededed;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px;
margin-bottom: 10px;
	overflow: hidden; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ededed;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border:1px solid #ededed;
}
.sc_left{margin-left: 100px;}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ededed;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	overflow: hidden;
}
.single_comment p { margin-bottom: 0;overflow: hidden;}
.comment-box {}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.footer {
	background: url('../img/footer-bg.jpg') no-repeat right bottom / cover;
}
.single_footer{position:relative;}
@media only screen and (max-width:960px) { 
	.single_footer{ margin-bottom:30px; }
}
.single_footer img{ margin-bottom:20px; }
.single_footer h4 {
	color: var(--colorOrange);
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 20px;
}
.single_footer p{ margin-bottom:30px; }
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 2em;
	font-size: 1em;
	font-weight: 400;
	text-transform: capitalize;
}
.single_footer ul li a:hover { color: var(--colorOrange); }

.sf_contact{margin-bottom:20px;overflow: hidden;}
.sf_contact p {
	overflow: hidden;
	margin-bottom:0;
}
.sf_contact span {
	color: var(--colorLight02);
}
.sf_contact p small{ font-size: 0.80em; line-height: 1em; }
.sf_contact p, .single_footer ul li a  {
	color: #c6c6c6
}
.sf_contact a {
	color: #c6c6c6;
}
.social_profile {margin-top:10px;}
@media only screen and (max-width:960px) { 
	.social_profile{margin-bottom:30px;overflow: hidden;}
}
.social_profile ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #000;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	/*box-shadow: 0 6px 0 #E7EAFA,15px 30px 68px rgba(156,160,185,.56);*/
	background: #e9e9e9;
}
@media only screen and (max-width:768px) { 
	.social_profile ul li a{
		margin-right:10px;
		margin-bottom:10px;
	}
}
.social_profile ul li a:hover{ color:#fff; background: var(--colorOrange); }
/*.f_facebook:hover{background:#3B5998;}
.f_twitter:hover{background:#1A90D9;}
.f_instagram:hover{background:#FF5252;}
.f_linkedin:hover{background:#0e76a8;}*/
.foot_img{width:100%;}
.foot_copy{
	background:#e8e8ff8c;
	padding:10px 0;
}
.foot_copy p, .foot_copy p a {
	text-align: center;
	font-weight: 500;
	color: #333;
}
.contact label {
	margin-bottom: 5px;
	color: #525252;
	font-size: 0.8em;
}
.contact input, .contact textarea, .contact select{
	background: #FFF;
	border: 1px solid #ebecff;
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #1a2d62;
	font-size: 0.9em;
	font-weight: 400;
	padding: 5px 10px;
	width: 100%;
	margin-bottom:30px;
}
.contact input:focus {
	background: #f4f4f4;
	border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
	color: #1a2d62;
}
.contact textarea:focus {
background: #f4f4f4;
border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #1a2d62;
}
.contact button{border:none;}

.single_address{
padding:40px;
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
}
.single_address h4{
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.single_address p{}
.sa_one {background: #FFEFEE;}
.sa_two {background: #ECEDFF;}
.sa_three {background: #EAFEFF;}
.map{}
.map iframe {
	width: 100%;
	background: #fff;
	height: 600px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	padding: 20px;
	margin-left: 30px;
}
@media only screen and (max-width:880px) { 
.map iframe {margin-left:0px; }
}
.faq_img img{width:100%;}
@media only screen and (max-width:960px) { 
.faq_img{margin-top:60px;}
}
.accordion{margin-right:30px;}
@media only screen and (max-width:960px) { 
.accordion{margin-right:0px;}
}
.accordion-item {
	border: 1px solid #e8e8e9;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	background: #fff;
	margin-bottom: 20px;
}
.accordion-body{}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid #FFEFEE;
}
.accordion-header {
	background: #ECEDFF !important;
	padding: 7px 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.accordion-button {
	background:none!important;
	color: #0b104a !important;
	font-weight: 700;
	font-size:20px;
}
.accordion-button:not(.collapsed) {
	color:#0b104a!important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.accordion-button:focus{-webkit-box-shadow: none !important;box-shadow: none !important;}
.error_page{}
.error_page h2 {
	font-weight: 800;
	margin: 30px 0;
	font-size: 50px;
}
.error_page p {
	margin-bottom: 40px;
	font-weight: 500;
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
}
.section-top {
	background-color: #000;
	background-repeat: no-repeat;
	background-image: linear-gradient(to bottom, var(--colorDark01) 30%, var(--colorDark01));
	position: relative;
	display: flex;
	align-items: center;
}

.section-top-title {
	position: relative;
	padding: 180px 0;
}
.section-top.no-bgimg {
	padding-top: 0;
	padding-bottom: 0;
	min-height: unset;
}
.section-top.no-bgimg .section-top-title {
	padding: 180px 0 10px;
}

.section-top-title > *{
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 2s;
	animation-composition: ease-in;
	animation-fill-mode: forwards;
	animation-timeline: 2s;
	animation-delay: 5s;
}
.section-top-title > * *{
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-composition: ease-in;
	animation-fill-mode: forwards;
	animation-timeline: 1s;
	animation-delay: 2s;
}
.section-top-title h1 {
	color: #FFF;
	padding: 10px 0 !important;
	animation-delay: 1s;

}
.section-top-title h1 span{ 
	color: var(--colorOrange);
	animation-delay: 2s;
}
.section-top-title p{ 
	color: #FFF; 
	font-size: 1.3em;
	line-height: 1.5em;
	animation-delay: 3s; 
}
.section-top #scroll-down{ display: block !important; font-size: 0.9em; }
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.editorial_img, .editorial_content { margin: 10px 0; }
#workplace-gallery { margin-bottom: 40px; }
#workplace-gallery .item {
  margin: 3px;
}
#workplace-gallery .item img {
  display: block;
  width: 100%;
  height: auto;
}
#workplace-gallery.owl-theme .owl-controls .owl-pagination { position: relative; top: 60%; }
#workplace-gallery.owl-theme .owl-controls .owl-page span{ display: block; width: 20px; height: 20px; }
#workplace-gallery.owl-theme .owl-controls .owl-page.active span,
#workplace-gallery.owl-theme .owl-controls.clickable .owl-page:hover span{ background: var(--colorOrange); }
.team_member {
	padding-bottom: 50px;
	overflow: hidden;
}
.team_member .container .row > div { margin-bottom: 20px; }
.single_team_content {
	padding:45px;
	margin-top:60px;
}
.single_team_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}
.single_team_content p {}

.our-team {
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
	height: 100%;
}
.our-team .team_img {
    position: relative;
    overflow: hidden;
}
/*.our-team .team_img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team_img:after {
    bottom: 0;
}*/
.our-team img {
    width: 100%;
    height: auto;
}
.our-team .social {
	list-style: none;
	position: absolute;
	bottom: -21px;
	right: 25px;
	z-index: 1;
	transition: all 0.3s ease 0s;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 25px;
}
.our-team .social li {float:left;margin:5px;}
.our-team .social li a {
	display: block;
	font-size: 18px;
	background: #fff;
	padding: 0 0 18px 0;
	border-radius: 30px;
	color: #1a2d62;
	width: 45px;
	height: 45px;
	line-height: 45px;
}
.our-team:hover .social li a:hover {
    color: var(--colorOrange);
}
.our-team .team-content, {
    padding: 20px 10px;
    background: #fff;
}
.our-team .team-content .ti-email {
	font-size: 0.9em;
	color: #333;
	word-wrap: anywhere;
	/* background: var(--colorLight01); */
	opacity: 0.9;
	padding: 10px 0;
	margin-top: 15px;
	display: block;
	border-top: var(--colorOrange) 1px dashed;
	border-bottom: var(--colorOrange) 1px dashed;
}
.our-team .team-content .ti-email:before{ content: none; padding-right: 5px; }
.our-team .title {
	font-size: 1em;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 20px;
	position: relative;
	min-height: 65px;
	display: flex;
	justify-content: end;
	align-items: center;
	text-align: center;
	flex-direction: column;
}
.our-team .title:before {
    content: "";
    width: 25px;
    height: 1px;
    background: var(--colorDark02);
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after {
    content: "";
    width: 25px;
    height: 1px;
    background: var(--colorDark02);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-team .title span:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--colorOrange);
    margin: 0 auto;
    position: relative;
    top: 13px;
}
.our-team:hover .title:before,
.our-team:hover .title:after {
    width: 50px;
}
.our-team .post {
	display: inline-block;
	text-transform: capitalize;
	font-weight: 600;
	min-height: 45px;
}
.our-team .profile {
	display: none;
	transition: all 0.8s ease-in 0.3s;
	font-size: 0.9em;
	line-height: 1.3em;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
.sth_det2 {}
.sth_det2 span {
	color:#2c7aff;
	font-weight: 600;
	display: inline-block;
	margin: 15px 10px;
}
.raised-letter > ::first-letter {
	font-size: 1.1em;
	font-weight: bold;
	color: var(--colorOrange);
	padding-right: 1px;
}
.animAfterLoad{ 
	opacity: 0; 
	opacity: 0;
	transform: translateY(30px);
}
.fade-up-settle {
  animation: appearUpSettle 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.fade-up-settle:nth-child(2) {
  animation: appearUpSettle 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards;
}
.fade-up-settle:nth-child(3) {
  animation: appearUpSettle 2.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s forwards;
}
@keyframes appearUpSettle {
  /*to {
    opacity: 1;
    transform: translateY(0);
  }*/
  0%{ opacity: 0.3; }
  20%{ opacity: 0.8; }
  50%{ opacity: 1; transform: translateY(-20px); }
  100%{ opacity: 1; transform: translateY(0px); }
}
/* Flipping card */
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 100%;
	perspective: 1000px;
	border-radius: 15px;
	overflow: hidden;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.flip-card:focus {
    outline: 0;
}
.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.flip-card-front {
  position: absolute;
  background: linear-gradient(to right, var(--colorOrange), #f6b564);
  color: black;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.flip-card-back {
  background: linear-gradient(to left, var(--colorOrange), #f6b564);
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card-back .single_tp{ margin-bottom: 3px; padding: 60px 40px; }
.contact {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 30px;
	border-radius: 10px;
}
.blog-page .arti_single h3, .blog-page .arti_single h4, .blog-page .arti_single h5, .blog-page .arti_single p{ margin-bottom: 10px;  }
.blog-page .arti_single h3, .blog-page .arti_single h4, .blog-page .arti_single h5 { margin-top: 20px;  }
.blog-page .arti_single ul li{ list-style: square; }
.blog-page .arti_single ul{ margin-left: 10px; }
.blog-page .arti_single ul li ul li{ list-style: circle; }
/*.blog-page .arti_single div[data-breakout="normal"]:empty{ display: none; }*/
.blog-page .arti_single br[role="presentation"]{ display: none; }
.service-cards {
	background: #5a5a5a29;
	color: #FFF;
	padding: 30px 25px;
	border-radius: 15px;
	text-align: center;
	height: 100%;
	box-shadow: inset 0 0 20px 0 rgba(239, 239, 239, 0.25);
}
.service-cards h3{ color: #FFF; padding-bottom: 10px; text-align: center; }
.service-cards h3:after { content: ''; height: 1px; background-color: var(--colorOrange); width: 50%; display: block; margin: 20px auto; }
.service-cards h3 span{ font-size: 0.6em; font-weight: 300; display: block; padding-bottom: 5px; color: var(--colorOrange);}
.service-cards p{ margin: 0 0 20px 0; }
.imgCityScape {
	margin-top: -30%;
	opacity: 0.05;
	margin-bottom: -20%;
	position: relative;
	z-index: -1;
}
.awards ul{text-align: center;}
.awards li {
	background: var(--colorDark01);
	box-sizing: border-box;
	border: #d3d3d3 1px solid;
	border-radius: 15px;
	align-items: center;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	box-shadow: inset 2px 2px 15px 0px rgba(0, 0, 0, 0.72);
	width: min-content;
	text-align: center;
	padding: 0;
}
.awards ul li picture {
	width: 100%;
	min-width: 200px;
	max-width: 25vw;
	background: #fff;
	padding: 10px;
	display: block;
}
.awards ul li .content{ padding: 20px; color: var(--colorLight01); font-weight: 600; }
.awards ul li .content span{ color: var(--colorOrange); display:block; }
.awards ul li .content i{ font-size: 0.9em; font-weight: 300; font-style: normal; }
#media a {
	background: #FFF;
	box-sizing: border-box;
	border-radius: 15px;
	align-items: center;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	box-shadow: 2px 2px 10px 0px rgba(178, 178, 178, 0.72);
	width: 100%;
	text-align: center;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
#media a p{ font-weight: 900; font-size: 1.2em; }
#media a p span{ font-weight: 300; padding-top: 10px; display: block; }
#media a p + p::before {
	content: '';
	width: 20px;
	height: 1px;
	background-color: var(--colorLight01);
	display: block;
	margin: 0 auto 10px auto;
}
#media a:hover{ background: var(--colorDark01); color: #FFF; }
#media a:hover i{ padding-left: 8px; }
#media a i{ padding-left: 2px; }
#media .row > div{ margin-bottom: 20px; }
#in-the-news .row > div{ padding: 12px; }
#in-the-news .news {
	position: relative;
	transition: all 1s ease-in-out 0s, visibility 0s;
	height: 100%;
	background: #3e3e3e;
	border-radius: 15px;
	overflow: hidden;
}
#in-the-news .news a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #000000de, #000000ab, #46464633, #5151515e);
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 20px;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#in-the-news .news a::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* background: white; */
	box-shadow: inset 2px 2px 15px 0px rgb(5, 5, 5);
}
#in-the-news .news span{ transition: all 0.4s ease-in-out 0s, visibility 0s; }
#in-the-news .news span em{ font-size: 0.5em; font-weight: 100; display:block; line-height: 1.2em; margin-top: 5px; color: #FFF; text-shadow: 1px 1px 2px #000; }
#in-the-news .news:hover{transform: translateX(0px)translateY(-10px)scaleX(1)scaleY(1)rotate(0deg)skewX(0deg)skewY(0deg); }
#in-the-news .news a:hover span{
	transform: translateX(0px)translateY(-15px)scaleX(1)scaleY(1)rotate(0deg)skewX(0deg)skewY(0deg);
}
#in-the-news .news em {
	padding: 10px;
	display: block;
	background: #3e3e3e;
	font-style: normal;
	color: #ACACAC;
	text-align: center;
}
/** ----------------------------------------------------------------------------------------
* Mobile responsive
* ----------------------------------------------------------------------------------------*/
@media only screen and (max-width:1280px){ 
	body{ font-size: calc( 10px + 0.55vw); }
}
@media only screen and (max-width:1100px){ 
}
@media only screen and (max-width:992px){
	body{ font-size: calc( 10px + 0.8vw); }
	.hero-text h1, .section-top-title h1 { font-size: 2.7em; }
	.home_bg {height:650px;}
	.hero-text h1 {padding-top:30vh;}
	#scroll-down{ bottom: 20%; }
	.single-counter{ margin-bottom: 10px; flex-direction: column; align-items: center;  padding: 10px 0 0;}
	.single-counter span{ margin-right: 0; }
	.single-counter p{ margin-top: -10px; }
	.numbered-list{ justify-content: start; }
}
@media only screen and (max-width:767px){
	.home_bg {height:500px;}
	.count_area .row > div{ padding: 0 5px; }
	.section-title p{padding-right:0px;margin-bottom: 30px;}
	
}
@media only screen and (max-width:560px){
	.home_bg {height:460px;}
}