@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,300i,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700');
/*@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');*/
@import url('https://fonts.googleapis.com/css?family=Aldrich');
@font-face { font-family: helvetica; src: url(Helvetica.ttf);}
body {font-family: helvetica !important;}
a:hover, a:focus {text-decoration: none !important;}



*, *::after, *::before {
	box-sizing: border-box;
}
body {
	padding: 0;
	margin:0;
}
body.loading {
	background:#fff url('../images/loader.gif') no-repeat 50% 220px;
	-webkit-transition: background-color 0;
	transition: background-color 0;
	opacity: 0;
	-webkit-transition: opacity 0;
	transition: opacity 0;
	overflow: hidden; 
}


button:focus, button:active:focus {
	outline: none !important;
	text-decoration: none;
}
.cd-side-navigation {
	position: fixed;
	z-index: 3;
	top: 90px;
	left: 0;
	height: 100vh;
	width: 74px;
	overflow: hidden;
}
.cd-side-navigation::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: -webkit-calc(100% - 0px);
	width: calc(100% - 0px);
	background-color: #0069af;
}
.cd-side-navigation ul {
	width:100%;
	height: 100%;
	overflow-y: auto;
	padding-top: 40px;
	-webkit-overflow-scrolling: touch;
}
.cd-side-navigation li {
	width: -webkit-calc(100% - 0px);
	width: calc(100% - 0px);
}
.cd-side-navigation a {
	display: block;
	position: relative;
	padding: 4em 0 1.5em;
	font-size: 1.2rem;
	text-align: left;
	color: #fff;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
	border-bottom:1px solid #afcfe6;
}
.cd-side-navigation a svg {
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 1.3em;
}
.cd-side-navigation a svg * {
	-webkit-transition: stroke 0.2s;
	-moz-transition: stroke 0.2s;
	transition: stroke 0.2s;
}
.cd-side-navigation a::after {
	content: '';
	position: absolute;
	top: 0;
	right: -4px;
	height: 100%;
	width: 4px;
	background-color: #83b0b9;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
	pointer-events: none;
}
.no-touch .cd-side-navigation a:hover {
	/*background-color: #08090b;*/
}
.no-touch .cd-side-navigation a:hover::after {
	opacity: 1;
}
.cd-side-navigation a.selected, .no-touch .cd-side-navigation a.selected:hover {
	background-color: #1bb0d1;
	color: #2f2828;
}
.cd-side-navigation a.selected > svg *, .no-touch .cd-side-navigation a.selected:hover > svg * {
	stroke: #83b0b9;
}
.cd-side-navigation li:nth-of-type(2) .selected > svg *,
.cd-side-navigation li:nth-of-type(2) .selected:hover > svg * {
	stroke: #d35657;
}
.cd-side-navigation li:nth-of-type(3) .selected > svg *,
.cd-side-navigation li:nth-of-type(3) .selected:hover > svg * {
	stroke: #343943;
}
.cd-side-navigation li:nth-of-type(4) .selected > svg *,
.cd-side-navigation li:nth-of-type(4) .selected:hover > svg * {
	stroke: #e4b162;
}
.cd-side-navigation li:nth-of-type(2) a::after {
	background-color: #d35657;
}
.cd-side-navigation li:nth-of-type(3) a::after {
	background-color: #343943;
}
.cd-side-navigation li:nth-of-type(4) a::after {
	background-color: #e4b162;
}
@media only screen and (min-width: 480px) {
	.cd-side-navigation {
		width: 200px;
	}
	.cd-side-navigation a {
		font-size: 1.1rem;
		padding: 12px 7px;
	}
	.cd-side-navigation a svg {
		top: 1.6em;
	}
}

.cd-section {
	position: absolute;
	z-index: 1;
	top: 90px;
	left: 0;
	height: 100%;
	width: 100%;
	padding-left: 70px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0s 0.5s;
	-moz-transition: -moz-transform 0s 0.5s;
	transition: transform 0s 0.5s;
}
.cd-section.overflow-hidden {
	overflow: hidden;
}
.cd-section header {
	position: relative;
	height: auto !important;
	width: 100%;
	background: #fafafa;
	overflow: hidden;
}
.cd-section .cd-scroll {
	display: block;
	position: absolute;
	bottom: 60px;
	left: -webkit-calc(50vw - (74px - 4px)/2);
	left: calc(50vw - (74px - 4px)/2);
	width: 44px;
	height: 44px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	-webkit-transition: -webkit-transform 0s 0.5s, visibility 0s 0.5s;
	-moz-transition: -moz-transform 0s 0.5s, visibility 0s 0.5s;
	transition: transform 0s 0.5s, visibility 0s 0.5s;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	background: url("../img/cd-icon-arrow.svg") no-repeat center center;
}
.cd-section.visible {
	position: relative;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.5s 0s;
	-moz-transition: -moz-transform 0.5s 0s;
	transition: transform 0.5s 0s;
}
.cd-section.visible .cd-scroll {
	visibility: visible;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.5s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.3s 0.5s, visibility 0s 0s;
	transition: transform 0.3s 0.5s, visibility 0s 0s;
	-webkit-animation: cd-scroll-down 1.2s 0.9s;
	-moz-animation: cd-scroll-down 1.2s 0.9s;
	animation: cd-scroll-down 1.2s 0.9s;
	-webkit-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	animation-iteration-count: 2;
}
@media only screen and (min-width: 480px) {
	.cd-section {
		padding-left: 200px;
	}
	.cd-section .cd-scroll {
		left: -webkit-calc(50vw - (94px - 4px)/2);
		left: calc(50vw - (94px - 4px)/2);
	}
}

@-webkit-keyframes cd-scroll-down {
	0% {
		-webkit-transform: translateX(-50%) scale(1);
	}
	50% {
		-webkit-transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1);
	}
}
@-moz-keyframes cd-scroll-down {
	0% {
		-moz-transform: translateX(-50%) scale(1);
	}
	50% {
		-moz-transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-moz-transform: translateX(-50%) scale(1);
	}
}
@keyframes cd-scroll-down {
	0% {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
	50% {
		-webkit-transform: translateY(10px) translateX(-50%) scale(1);
		-moz-transform: translateY(10px) translateX(-50%) scale(1);
		-ms-transform: translateY(10px) translateX(-50%) scale(1);
		-o-transform: translateY(10px) translateX(-50%) scale(1);
		transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
}
.cd-title {
	width: 100%;
	text-align: center;
	margin: 35px 0;
	position: relative;
	/*position: absolute;
	top: 55%;
	left: 0;
	padding: 1em 3em;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 0;
	-webkit-transform: translateY(-50%) translateX(-80px);
	-moz-transform: translateY(-50%) translateX(-80px);
	-ms-transform: translateY(-50%) translateX(-80px);
	-o-transform: translateY(-50%) translateX(-80px);
	transform: translateY(-50%) translateX(-80px);
	-webkit-transition: -webkit-transform 0s 0.5s, opacity 0s 0.5s;
	-moz-transition: -moz-transform 0s 0.5s, opacity 0s 0.5s;
	transition: transform 0s 0.5s, opacity 0s 0.5s;*/
}
.cd-title h2 {
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 40px;
}
.cd-title h4{
	font-weight: 400;
	margin: 30px 0;
	line-height: 26px;
	color: #272522;
}
.cd-title h5 a{
	color: #0f629a;
	margin-right: 10px;
}
.cd-title h5 i{
	margin-right: 10px;
	color: #908c8c;
}
.cd-title span {
	opacity: 0.6;
}
/*.visible .cd-title {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.4s 0.3s, opacity 0.4s 0.3s;
	-moz-transition: -moz-transform 0.4s 0.3s, opacity 0.4s 0.3s;
	transition: transform 0.4s 0.3s, opacity 0.4s 0.3s;
	}*/
	@media only screen and (min-width: 768px) {
		.cd-title h2 {
			font-size: 2em;
			color: #62a2cd;
		}
	}
	.cd-content {
		padding: 2em 0 0;
		background-color: #fafafa;
	}

	@media only screen and (min-width: 768px) {
		.cd-content {
			padding: 1em 0 0;
		}
  /*
  .cd-content p {
    font-size: 1.6rem;
  }
  */
}
#cd-loading-bar {
	position: fixed;
	z-index: 2;
	left: 70px;
	width: 4px;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
#cd-loading-bar.index {
	background-color: #83b0b9;
}
#cd-loading-bar.services {
	background-color: #d35657;
}
#cd-loading-bar.projects {
	background-color: #343943;
}
#cd-loading-bar.contact {
	background-color: #e4b162;
}
#cd-loading-bar.loading {
	visibility: visible;
}
@media only screen and (min-width: 480px) {
	#cd-loading-bar {
		left: 90px;
	}
}
.cd-side-navigation a img {
	display: block;
	width: 23px;
	filter: brightness(0) invert(1);
	margin: 0px auto;
	float: left;
	margin-right: 10px;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.top_sec {
	display: block;
	width: 75%;
	position: relative;
	float: right;
	margin: 5px 0 0;
}
.top_bar {
	position: relative;
	z-index: 9;
}
.logo_sec img {
	height: 50px;
	margin: 19px 0;
}
.top_bar ul {
	list-style-type: none;
	margin: 0 30px 0 0;
	padding: 0;
	text-align: right;
	position: relative;
}
.top_bar ul li {
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px 0;
}
.top_bar ul li a {
	color: #000;
	font-size: 13px;
	display: inherit;
}
.top_bar ul li.searchbar{
	/*display: block;*/
	height: 26px;
}
.top_bar ul li a i {
	font-size: 18px;
	background: #fff;
	color: #1b3c6f;
	width: 24px; height: 24px; text-align: center;
	line-height: 26px;
	border-radius: 24px;
}
.top_bar ul li a:hover , #menu li a:hover {color:#0069af !important;} 

header {
	position: fixed; z-index: 1111;
	background-color: #fff;
	width: 100%;
	left: 0;
	right: 0; top: 0;
	height: 90px;
	-webkit-box-shadow: 0px 0px 25px 1px rgba(154, 154, 154, 0.09);
	-moz-box-shadow: 0px 0px 25px 1px rgba(154, 154, 154, 0.09);
	box-shadow: 0px 0px 25px 1px rgba(154, 154, 154, 0.09);
}
nav#topmenu ul {
	margin:5px 0 10px;
	padding: 0 40px 0 0;
	text-align: right;
}
nav#topmenu ul li {
	list-style-type: none;
	display: inline-block;
	/*text-transform: uppercase;*/
}
nav#topmenu ul li a {
	display: block;
	padding: 0 15px;
	color: #000;
	font-size: 13px;
}
nav#topmenu ul li a i {
	vertical-align: text-top;
}
nav#topmenu ul li a img{
	width:25px;
}
.social {
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 111;
}
.social ul{
	padding: 0px;
	-webkit-transform: translate(216px, 0);
	-moz-transform: translate(216px, 0);
	-ms-transform: translate(216px, 0);
	-o-transform: translate(216px, 0);
	transform: translate(216px, 0);
}
.social ul li{
	display: block;
	margin: 5px;
	background: rgba(0, 0, 0, 0.36);
	width: 260px;
	text-align: left;
	padding: 7px;
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius:  30px 0 0 30px;
	border-radius:  30px 0 0 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li a{
	display:block;
}
.social ul li:hover {
	-webkit-transform: translate(-80px, 0);
	-moz-transform: translate(-80px, 0);
	-ms-transform: translate(-80px, 0);
	-o-transform: translate(-80px, 0);
	transform: translate(-80px, 0);
	background: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:  1px 1px 10px 0px rgba(225, 219, 219, 0.75);
	-moz-box-shadow:  1px 1px 10px 0px rgba(225, 219, 219, 0.75);
	box-shadow: 1px 1px 10px 0px rgba(225, 219, 219, 0.75);
}
.social ul li:hover a {
	color: #000 !important;
}
.social ul li:hover i {
	color: #fff;
	background: #f59448;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li i {
	margin-right: 10px;
	color: #23c9ec;
	background: #fff;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	font-size: 17px;
	background: #ffffff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.social ul li img{
	width: 36px;
	background: #1ab7d9;
	border-radius: 30px;
	padding: 5px;
	margin-right: 10px;
}
.container_center {
	display:block;
	width:80%;
	margin:0 auto;
	position:relative;
}
.title_sec {
	margin: 20px 0 25px;
	position: relative;
}
.title_sec h3 {
	color: #413f3f;
	display: inline-block;
	background-color: #fafafa;
	position: relative;
	z-index: 9;
	padding: 0 15px 0 0;
	font-size: 22px;
	font-weight: 600;
}
.title_sec span {
	background: #ec8b3e;
	height: 2px;
	width: 100%;
	display: block;
	position: absolute;
	top: 32px;
}
.bx1{
	display: block;
	padding: 25px;
	margin-bottom: 30px;
	border-radius: 10px;
	height: 320px;
	overflow: hidden;
}
.bx1 img {
	display:block;
	width:50px;
}
.bx1 h4 {
	font-size: 16px;
	padding: 15px 0;
	margin: 0;
	line-height: 26px;
	height: 75px;
}
.bx1 p {
	font-size: 13px;
	color: #484b50;
	line-height: 21px;
}

.bx2{
	display:block;
	padding:25px 20px; 
	margin-bottom:30px;
	/*border-radius:10px;
	height:250px;*/
	border-bottom: 1px solid #ffefe1;
}
.bx2 img {
	display:block;
	width:50px;
}
.bx2 h4 {
	font-size: 16px;
	padding: 15px 0;
	margin: 0;
	line-height: 26px;
	height: 75px;
	font-weight: 600;
}
.bx2 p {
	font-size: 14px;
	color: #484b50;
	line-height: 21px;
}

.section__wrapper video {
	float: right;
	width: 110%;
	height: 100%;
	float: right;
}
.section__wrapper {
}

@media only screen and (min-width: 480px) {
	#cd-loading-bar {
		left: 140px;
	}
}
#menu {
	margin: 10px 0 0;
	padding: 0;
	text-align: left;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#menu > li {
	display: block;
	position: relative;
	list-style-type: none;
	line-height: 24px;
	padding-left: 8px;
}
#menu > li.active a{
	color:#3b94d4;
	color: #ec1a21;
	border-bottom: 3px solid #ec1a21;
	cursor: pointer;
}
#menu > li.active ul li a{
	border-bottom: 0px solid #ec1a21;	
}
#menu > li:first-child {
	-webkit-border-radius: 3px 0 0 0px;
	-moz-border-radius: 3px 0 0 0px;
	border-radius: 3px 0 0 0px;
}
#menu > li a:hover a{
	color:#3b94d4;
}
#menu > li a:hover ul a{
	color:#fff;
}
#menu> li > a {
	display: inline-block !important;
	padding: 0 5px;
	color: #000;
	font-size: 11px;
/*    text-transform: uppercase;
*/    text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#menu > li ul {
	text-align: left;
	width: 200px !important;
	height: auto;
	padding: 0px 0px;
	position: absolute;
	z-index: 999;
	background: #1bb0d1;
	display: none;
	list-style:none;
}
#menu > li > ul li {
	line-height: 18px;
	position: relative;
	border-bottom: 1px solid #ccc;
	display: block;
}
#menu > li > ul li:last-child {
	border-bottom: 0px;
}
#menu > li > ul li a {
	display: block;
	font-size: 13px;
	padding: 8px 10px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.submenu ul a {color: #fff !important;}
#menu > li a {color: #fff;}
#menu > li > ul ul {
	left: 100%;
	top: 0px;
}
#menu > li li a:hover > a {
	padding-left: 5px;
	color: #F2F2F2;
}
#menu > li.submenu {
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 0px;
}
#menu > li ul li.multimenu {
	background-image: url('../images/arrow-right.png');
	background-repeat: no-repeat;
	background-position: 95%;
	padding-right: 20px;
	display: block;
}


@media screen and (max-width:1330px){
	#menu > li a {
		display: block;
		font-size: 11px;
	}
	#menu > li {
		padding-left: 0px;
	}
}

@media screen and (max-width:1250px){
	#menu > li {
		display: block;
		position: relative;
		padding-right: 10px !important;
	}
	#menu > li a {
		display: block;
		font-size: 10px;
	}
}
@media screen and (max-width:1200px){
	#menu > li a {
		font-size: 12px;
	}
	#menu {
		display:none;
	}
}
@media screen and (max-width:1150px){
	#menu {
		margin: 28px 0 0;
	}
	#menu > li:first-child {
		padding-right: 8px;
	}
	#menu > li.submenu {
		padding-right:8px;
	}
}


@media screen and (max-width:1100px){
	.menuarea h3{
		display:block;
		margin-top:45px;
	}
	
	.sticky .menuarea h3 {
		display: block;
		margin-top: 38px;
		margin-right: 20px;
	}
}
@media screen and (max-width:991px){
	
}


@media screen and (max-width:600px){
	.menuarea h3 {
		display: block;
		margin-top: 18px;
		margin-right:0px;
	}
	.sticky .menuarea h3 {
		display: block;
		margin-top: 18px;
		margin-right: 0;
	}
}

@media screen and (max-width:480px){
	.menuarea h3 {
		display: block;
		margin-top: 22px;
		margin-right: 0px;
	}
}
@media screen and (max-width:390px){
	.sticky .menuarea h3 {
		display: block;
		margin-top: 10px;
		margin-right: 0px;
	}
}
#menu i{
	font-size:12px;
}
@media screen and (min-width:1600px){
	
	#menu {
		margin: 64px 0 0;
	}
	#menu> li > a {
		font-size: 13px;
	}
}
.demo{ 
	/*background: #1bb0d1;*/
	padding-bottom: 25px;
}
.testimonial{
	margin: 50px 80px 30px 80px;
	text-align: center;
	position: relative;
}
.testimonial .description{
	padding: 30px;
	margin-bottom: 25px;
	border-left: 1px solid #6ad8f0;
	font-size: 14px;
	color: #2b2323;
	line-height: 26px;
	position: relative;
	text-align: justify;
}
.testimonial .description:before,
.testimonial .description:after{
	content: "";
	width: 20%;
	height: 1px;
	background: #6ad8f0;
	position: absolute;
	top: 0;
	left: 0;
}
.testimonial .description:after{
	top: auto;
	bottom: 0;
}
.testimonial .title{
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #2b2323;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
	position: relative;
}
.testimonial .title:before{ 
	top: -80px; 
}
.testimonial .pic{
	display: inline-block;
	width: 65px;
	height: 65px;
	border-radius: 100%;
}
.testimonial .pic img{
	width: 100%;
	height: auto;
}
.owl-theme .owl-controls{ 
	margin-top: 0; 
}
.owl-theme .owl-controls .owl-page span{
	width: 10px;
	height: 10px;
	border-radius: 0;
	background: #000;
	outline: 2px solid #000;
	outline-offset: 2px;
	margin-right: 8px;
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
	background: #fff;
	outline: 2px solid #fff;
}
.test_titles{
	text-align:center;
	margin-top:40px;
}
.test_titles h4{
	margin:0;
	color:#2b2323;
	font-weight:400;
}
.test_titles h2{
	margin: 8px 0 0;
	color: #2b2323;
	font-weight: 400;
}
.our_clients{
	margin-top: 75px;
	margin-bottom: 80px;
}
.our_clients h3{
	text-align:center;
	margin-bottom:20px;
}
#customers .owl-controls .owl-buttons div{
	position: absolute;
	top: 20%;
	background: rgb(0,0,0,0) !important;
}
#customers .owl-controls .owl-buttons div i{
	color:#000;
	font-size:2em;
}
#customers .owl-controls .owl-buttons .owl-prev{
	left:-30px;
}
#customers .owl-controls .owl-buttons .owl-next{
	right:-30px;
}
#testimonial-slider .owl-controls .owl-page span {
	-webkit-border-radius: 0px !important;  
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important;
	width: 8px;
	height: 8px; 
}
#customers .item img{
    transition: all .15s ease-out;
    margin: 0 auto;
    display: block;    
}
#customers .item img:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.fbg{
	background-color: #388ac1;
	text-align:center;
	padding:10px 0;
}
.ftitles{
	position:relative;
	margin:40px auto;
	display:block;
	width:100%;
}
.ftitles h1{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	z-index: 0;
	color: #68a6d0;
	font-weight: 900;
	font-size: 4em;
}
.ftitles h4{
	position: relative;
	z-index: 999;
	top: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 22px;
}
ul.fsocial{
	text-align:center;
	margin:50px auto 40px;
}
ul.fsocial li{
	list-style-type:none;
	display:inline-block;
	padding:0 40px;
}
ul.fsocial li i{
	color:#70a9d0;
	font-size:3em;
}
ul.fsocial li  a:hover .fa-facebook-square{
	color:#4267b2;
	transition: all .15s ease-out;	
}
ul.fsocial li  a:hover .fa-twitter{
	color:#1da1f3;
	transition: all .15s ease-out;	
}
ul.fsocial li  a:hover .fa-linkedin-in{
	color:#0073b1;
	transition: all .15s ease-out;	
}
ul.fsocial li  a:hover .fa-youtube{
	color:#e02d28;
	transition: all .15s ease-out;	
}
ul.fsocial li  a:hover .fa-skype{
	color:#00aff0;
	transition: all .15s ease-out;	
}
.fbg p{	
	margin-bottom:12px;	
	color:#ffd4b1;
}
.smenu{
	display:none;
}
[data-sidebar] {
	display: none;
	position: fixed;
	height: 100%;
	right: 0;
	z-index: 100;
	width: 250px;
	z-index: 999999;
	background: #1bb0d1;
}
[data-sidebar-overlay] {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	min-height: inherit;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.5);
}
.mainNav ul{
	padding-top:100px;	
}
.mainNav ul ul{
	padding-top:0;
}
.mainNav ul li{
	display:block;
	list-style-type:none;
	border-bottom: 1px solid #37c6e6;
}
.mainNav ul li a{
	display: block;
	color: #fff;
	padding: 15px 12px;
}
.mainNav ul li a img{
	width: 30px;
	filter: brightness(0) invert(1);
	float: left;
	margin-right: 10px;
}
.mainNav ul ul li a {
	padding: .8em 1em .8em 3em;
}
.container_center1{
	display:block;
	width:90%;
	margin:0 auto;
}
.container_center1 p{
	line-height: 24px;
}
.smartx a:hover .bx1{
	background-color:#3acdee;
	transition: all 1.6s ease-out;
}
.smartx a:hover .bx1 p, .smartx a:hover .bx1 h4{
	color:#fff;
}
.smartx a .bx1 h4{
	color: #131519;
}
.anim_sections{
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#sidemenu {
	overflow: visible;
	z-index:99999;
}
.parent-menu {
	float:left;
}
#sidemenu ul{
	list-style-type: none;
	position: relative;
}
#sidemenu ul li a
{
	padding: 8px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
}
#sidemenu ul li a:hover
{
	background-color:#1bb0d1;
}
#sidemenu ul li:hover > ul {
	left: 200px;
	-webkit-transition: left 200ms ease-in;
	-moz-transition: left 200ms ease-in;
	-ms-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
}
#sidemenu ul li a.active{
	background-color: #1bb0d1;
}
#sidemenu ul li > ul {
	position: fixed;
	background-color: #fff;
	top: 90px;
	left:-100%;
	right: 0;
	width: calc(95% - 200px);
	z-index: -1;
	height: 100%;
	padding-top: 0;
	-webkit-transition: left 200ms ease-in;
	-moz-transition: left 200ms ease-in;
	-ms-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
	overflow: hidden
}
#sidemenu ul li > ul li a:hover{
	background-color:#fff;
	color:#ff9037 !important;
}
.sub_left{
	display:block;
	float:left;	
	width: calc(100% - 150px);
	/*width:100%;*/
	height:100%;
	padding:20px;
	overflow: hidden;
}
.sub_left ul{
	padding-top:0;
}

.sub_left2{
	display:block;
	float:left;	
	/*width: calc(100% - 150px);*/
	width:100%;
	height:100%;
	padding:10px;
	overflow: hidden;
	position: relative;
}
.sub_left2 ul{
	padding-top:0;
}
img.businessbg{
	display: block;
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.sub_right{
	display:block;
	width:150px;
	height:100%;
	float:right;
	background-color:#e1aa25;
}
.sub_right ul li{
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px 8px;
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
	border-bottom: 1px solid #faa662;
}
.sub_right ul li img{
	display:block;
	width:35px;
	margin:0 auto;
	filter: brightness(0) invert(1);
}
.sub_left ul li{
	display:block;
	width:25%;
	float:left;
	padding:8px;
	height:200px;
}
.sub_left ul li h4{
	font-size:16px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
}
.sub_left ul li ol li{
	display:block;
	width:100%;
	padding:0;
	height:auto !important;
}
.sub_left  ol li a{
	text-align:left;
	color:#000 !important;
	border-bottom:0px solid;
	padding:6px 0 !important;
}
.sub_left2 ul li{
	display: block;
	width: 50%;
	float: left;
	padding: 8px;
	height: 160px;
}
ul.mobapps li {
	display: block;
	width: 33.3%;
	float: left;
	padding: 8px;
	height:80px;
}
ul.mobapps li h4, ul.mobapps li ol li a{
	color: #fff !important;
}
.sub_left2 ul li h4{
	font-size: 14px;
	padding-bottom: 4px;
	/* min-height: 40px; */
	border-bottom: 1px solid rgba(240, 143, 66, 0.52);
	font-weight: 600;
	margin: 0 0 5px;
}
.sub_left2 ul li ol li{
	display:block;
	width:100%;
	padding:0;
	height:auto !important;
}
.sub_left2  ol li a{
	text-align: left;
	color: #000 !important;
	border-bottom: 0px solid;
	padding: 4px 0 !important;
	height: auto !important;
	line-height: 15px !important;
	font-size: 14px;
	/* font-weight: 500; */
}
.sub_left2 ol li a:hover{
	background-color: rgb(0,0,0,0) !important;
}
.hvr_efx1{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}
.hvr_efx1 {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.hvr_efx1:hover:before, .hvr_efx1:focus:before, .hvr_efx1:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}
.titles1 {
	position:absolute;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	width:0px;
	animation: reveal 7s;
	text-align:center;
}
.titles1 span {
	position:relative;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	margin-left: -355px;
	animation: slidein 7s;
	font-family: 'Raleway', sans-serif;
}
.titles1 span:after,
.titles1 span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	transform: scaleY(-1);
	transform-origin: bottom;
}
.titles1 span:after {
	content: attr(data-content);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*.titles1 span::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 2;s
	width: 100%;
	height: 200%;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	overflow: hidden;
	border: none;
	color: rgba(0,0,0,1);
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	text-shadow: none;
	-webkit-transform:  scaleY(-1)  ;
	transform:  scaleY(-1)  ;
}
.titles1 spans::after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	content: "reflect";
	left: 0;
	border: none;
	color: rgba(84,84,84,1);
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-shadow: none;
	-webkit-transform:  scaleY(-0.5) translateY(-20%) ;
	transform:  scaleY(-0.5) translateY(-20%) ;
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
}
*/

@keyframes showup {
	0% {opacity:0;}
	20% {opacity:1;}
	80% {opacity:1;}
	100% {opacity:0;}
}
@keyframes slidein {
	0% { margin-left:-800px; }
	20% { margin-left:-800px; }
	35% { margin-left:0px; }
	100% { margin-left:0px; }
}
@keyframes reveal {
	0% {opacity:0;width:0px;}
	20% {opacity:1;width:0px;}
	30% {width:650px;}
	80% {opacity:1;}
	100% {opacity:0;width:650px;}
}
#textid1{
	left: 0; 
	right: 0;
	top:250px; 
	margin-left: auto; 
	margin-right: auto; 
}
#textid2{
	left: 120px; 
	top:60px; 
}
#textid3{
	right: 120px; 
	bottom:250px; 
}
#textid4{
	left: 120px; 
	top:130px; 
}
#textid5{
	right: 120px; 
	bottom:200px; 
}
#textid6{
	left: 0; 
	right: 0;
	top:250px; 
	margin-left: auto; 
	margin-right: auto; 
}
#textid7{
	right: 50px; 
	bottom:160px; 
}
#textid8{
	left: 120px; 
	top:120px; 
}
#textid9{
	right: 120px; 
	bottom:250px; 
}
.blinktitles{
	font-size:1.4em !important;
	font-weight:600 !important;
	color:#3d3838 !important;
	/*color:#da792c !important;
	color:#07728a !important;*/
	font-family: 'Aldrich', sans-serif !important;
	background-color:rgb(127, 140, 141, 0) !important;
	letter-spacing: .6px !important;
}
.blinktitles2{
	font-size:3em !important;
	font-weight:700 !important;
	color:#000 !important;
	font-family: 'Poppins', sans-serif !important;
	background-color:rgb(127, 140, 141, 0) !important;
}
.main_titles1{
	margin: 30px 0;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	font-size: 20px;
}
p.desc1{
	margin:20px 0;
}
p.desc1 img{
	width:70%;
	margin:0 auto;
}
ul.listoptions li{
	display: block;
	width: 33%;
	float: left;
	margin: 6px 0;
	background: url(../images/bullet_arrows.png) no-repeat left 0px;
	padding-left: 25px;
	padding-bottom: 5px;
	line-height: 17px;
}
ul.listoptions2 li{
	display: block;
	width: 100%;
	float: left;
	margin: 6px 0;
	background: url(../images/bullet_arrows.png) no-repeat left 0px;
	padding-left: 25px;
	padding-bottom: 5px;
	line-height: 17px;
}
ul.listoptions2 li ol{
	margin: 20px 0 20px 15px;
	display: list-item;
}
ul.listoptions2 li ol li{
	background:transparent;
	list-style-type: disc;
	display: list-item;
	padding-left: 4px;
}
.bx2 ul li{
	display: inline;
	width: 50%;
	float: left;
	margin: 6px 0;
	background: url(../images/about_arrow.png) no-repeat left 4px;
	padding-left: 25px;
	padding-bottom: 5px;
	line-height: 17px;
}
.fwidth{
	display: block;
	width: 100% !important;
}
img.mobapps_bg{
	position: absolute;
	z-index: 0;
}
.appscreen1{
	/*position: absolute;*/
	width: 175px;
	left: 30px;
}
.appscreen2{
	position: absolute;
	z-index: 99;
	width: 215px;
	left: 125px;
	top: -10px;
}

.appscreen3{
	/*position: absolute;*/
	width: 135px;
	left: 30px;
}
.appscreen4{
	position: absolute;
	z-index: 99;
	width: 168px;
	left: 95px;
	top: -10px;
}
.search-wrapper {
	position: absolute;
	-webkit-transform: translate(-10%, -50%);
	-moz-transform: translate(-10%, -50%);
	transform: translate(-10%, -50%);
	top:50%;
	right:0;
}
.search-wrapper .input-holder {
	overflow: hidden;
	height: 40px;
	background: rgba(255,255,255,0);
	border-radius:6px;
	position: relative;
	width:70px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
	border-radius: 50px;
	width: 450px;
	background: rgb(242, 242, 242);
	-webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	position: relative;
	z-index: 9999;
}
.search-wrapper .input-holder .search-input {
	width: 100%;
	height: 35px;
	padding: 0px 63px 0 20px;
	opacity: 0;
	position: absolute;
	top: -3px;
	left: 0px;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	color: #000;
	-webkit-transform: translate(0, 60px);
	-moz-transform: translate(0, 60px);
	transform: translate(0, 60px);
	-webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
	opacity: 1;
	-webkit-transform: translate(0, 10px);
	-moz-transform: translate(0, 10px);
	transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
	width: 70px;
	height: 40px;
	border:none;
	border-radius:6px;
	background: #FFF;
	padding:0px;
	outline:none;
	position: relative;
	z-index: 2;
	float:right;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
	width: 30px;
	height: 30px;
	margin: 5px;
	border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	position:relative;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
	-moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
	transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
	position: absolute;
	content:'';
}
.search-wrapper .input-holder .search-icon span::before {
	width: 3px;
	height: 10px;
	left: 9px;
	top: 12px;
	border-radius: 2px;
	background: #f59448;
}
.search-wrapper .input-holder .search-icon span::after {
	width: 18px;
	height: 18px;
	left: 0px;
	top: -3px;
	border-radius: 16px;
	border: 3px solid #f59448;
}
.search-wrapper .close {
	position: absolute;
	z-index: 1;
	top:12px;
	right:20px;
	width:25px;
	height:25px;
	cursor: pointer;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	-moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.search-wrapper.active .close {
	right:-30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
	position:absolute;
	content:'';
	background: #000;
	border-radius: 2px;
}
.search-wrapper .close::before {
	width: 3px;
	height: 20px;
	left: 10px;
	top: 0px;
}
.search-wrapper .close::after {
	width: 20px;
	height: 3px;
	left: 2px;
	top: 9px
}
.search-wrapper .result-container {
	width: 100%;
	position: absolute;
	top:80px;
	left:0px;
	text-align: center;
	font-size: 14px;
	display:none;
	color:#B7B7B7;
}
.grid_section{
	display: block;
	width:100%;
	height: 100%;
}
.grid_section a{
	padding: 0 !important;
	line-height: normal !important;
	height: 100% !important;
	border-bottom: 0px solid !important;
}
.grid_1{
	display: block;
	width: 60%;
	float: left;
	height: 30vh;
	text-align: center;
}
.grid_1 h5{
	margin: 0;
	text-align: left;
	color: #fff;
	font-weight: 400;
	padding-left: 15px;
}
.grid_1 .tile_05 .tile_menu1 h5{
	margin-top:20px;
	text-align: center;
	padding-left: 0;
}
.grid_2{
	display: block;
	width: 40%;
	float: left;
	height: 30vh;
	padding: 0;
}
.grid_3{
	display: block;
	width: 60%;
	float: left;
	height: 70vh;
}
.grid_4{
	display: block;
	width: 40%;
	float: left;
	height: 70vh;
}
.grid_4 img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.tile_01{
	display: block;
	width: 30%;
	height: 100%;
	float: left;
	/*padding:0px 2px 0px 0px;*/
}
.tile_02{
	display: block;
	width: 15%;
	height:50%;
	float: left;
	/*padding: 0 2px 2px 2px;*/
}
.tile_02 .tile_menu1{
	background-color: #0badd1;
	width: 100%;
	display: block;
	height: 100%;
}
.tile_03{
	display: block;
	width: 15%;
	height: 50%;
	float: left;
	/*background-color: black;*/
	/*padding:0 2px 2px 2px;*/
}
.tile_03 .tile_menu1{
	background-color: #0db8de;
	width: 100%;
	display: block;
	height: 100%;
}
.tile_04{
	display: block;
	width: 15%;
	height: 50%;
	float: left;
	/*background-color: yellow;*/
	/*padding: 0 2px 2px 2px;*/
}
.tile_04 .tile_menu1{
	background-color:#1ec5e9;
	width: 100%;
	display: block;
	height: 100%;
}
.tile_05{
	display: block;
	width: 25%;
	height: 50%;
	float: left;
	/*background-color: blue;*/
	/*padding: 0 4px 2px 2px;*/
}
.tile_05 .tile_menu1{
	background-color:#49d0ee;;
	width: 100%;
	display: block;
	height: 100%;
	padding: 10px;
}
.tile_06{
	display: block;
	width:70%;
	height: 50%;
	float: left;
	/*background-color: orange;
	padding: 2px 4px 4px 2px;*/
}
.tile_06 .tile_menu1{
	background-color:#273654;
	width: 100%;
	display: block;
	height: 100%;
}
.tile_06 .tile_menu1 h4{
	margin:0;
	padding: 20px;
	text-align: center;
	font-weight:600;
	color: #fff;
}
.tile_01 img.tiles_bg{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.grid_1 .tile_menu1 img{
	display: inline-block;
	width: 40px;
	margin: 12px 0 10px 10px;
	float: left;
}
.grid_2 .tile_menu2{ 
	background: #39455c;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20px;
}
.grid_2 .tile_menu2 h3{
	margin: 20px 0 0;
	font-weight: 500;
	text-align: left;
	font-size: 28px;
}
.tp-banner-container{
	display: block;
	width:100% !important;
	left:0 !important;;
}
.mobapp_tit h1{
	font-weight: 700;
	margin: 80px 0 0;
	color: #424855;
	line-height: 45px;
}
.mobapp_tit h1 span{
	font-weight: 400;
}
.mobapp_tit h4{
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #076479;
}
img.webheader{
	display: block;
	width: 100%;
}
figure.HoverSnip_3 {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 25px auto;
	width: 100%;
	height: 250px;
	background: #000000;
	text-align: center;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
figure.HoverSnip_3 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
figure.HoverSnip_3 img {
	max-width: 100%;
	vertical-align: top;
}
figure.HoverSnip_3 i {
	position: absolute;
	top: 100%;
	left: 50%;
	border-radius: 50%;
	font-size: 28px;
	color: #000000;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.HoverSnip_3 h3 {	
	position: absolute;
	top: 100%;
	left: 50%;
	font-weight: 300;
	text-transform: uppercase;
	color:#fff;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.HoverSnip_3:hover h3{
	top: 60%;
	transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity: 1;
}


figure.HoverSnip_3 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
}
figure.HoverSnip_3.blue {
	background-color: #2472a4;
}
figure.HoverSnip_3.blue i {
	color: #20638f;
}
figure.HoverSnip_3.red {
	background-color: #000;
}
figure.HoverSnip_3.red i {
	color: #1ab7d9;
}
figure.HoverSnip_3:hover img{
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
figure.HoverSnip_3:hover i{
	top: 50%;
	transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity: 1;
}
img.live_banner{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
img.cloud_banner{
	display: block;
	width: 100%;
}
ul.weblinks li a{
	border-bottom: 0px solid #ccc;
}

ul.weblinks li a:hover{
	background-color: rgb(0,0,0,0) !important;
	color: #000 !important;
}
.contact_add ul li{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.contact_add ul li i{
	width: 25px;
	float: left;
	text-align: center;
}
.contact_add ul li h4{
	display: inline-block;
	float: left;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	width: calc(100% - 25px);
	margin: -3px 0;
}
.cards1{
	margin: -120px 0 0;
	-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.left_forms{
	display: block;
	width: 60%;
	padding: 25px;
	float: left;
	height: 700px;
	background-color: #fff;
}
.left_forms h5{
	font-weight: 400;
	line-height: 25px;
}
.right_sec{
	display: block;
	width: 40%;
	float: left;
	height: 650px;
	background-color: #fff;
	position: relative;
}
.right_sec img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
	position: absolute;
}
.right_sec h5{
	position: absolute;
	color: #000;
	font-weight: 400;
	text-align: justify;
	line-height: 24px;
	padding: 30px 25px;
	background: rgba(255, 255, 255, 0.44);
	top: 215px;
	margin: 0;
}
.left_forms textarea{
	width:100%;
	border:0px solid;
	border-bottom: 1px solid #c5c5c5;
	font-size: 16px;
	font-weight: 400;
	color: #131519;
}
.left_forms select{
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #131519;
}
button.send_btn1{
	background-color: #3acdee;
	font-size: 15px;
	border: 0px;
	padding: 8px 30px;
	text-transform: uppercase;
	color: #fff;
	margin: 20px 0;
	float: right;
}
.form-group {
	position: relative;
	margin-top: 25px;
	margin-bottom: 20px;
}
.input-group {
	position: relative;
}
.form-control {
	display: block;
	height: 36px;
	width: 100%;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 16px;
	font-weight: 300;
	padding: 0;
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #c5c5c5 !important;
}
.input-group .form-control {
	position: relative;
	z-index: inherit;
	float: inherit;
	width: 100%;
	margin-bottom: 0;
}
.form-control:focus {
	border-color: #757575;
	outline: none;
	box-shadow: none;
}
/* -- label styles ---------------------------------- */
label {
	position: absolute;
	top: -18px;
	color: #999;
	font-size: 12px;
	font-weight: 300;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.form-horizontal .control-label {
	position: relative;
	top: 0;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.form-horizontal .control-label {
		font-size: 16px;
	}
}
.float-label {
	left: 4px;
	top: 7px;
	font-size: 16px;
	pointer-events: none;
	font-weight: 400;
	color: #131519;
}
/* active state */
.form-control:focus ~ .float-label,
.form-control:valid ~ .float-label {
	top: -18px;
	font-size: 12px;
}
/* input colors ---- */
.form-control:focus ~ label {
	color: #03a9f4;
}
.form-control:focus ~ .form-bar:before,
.form-control:focus ~ .form-bar:after {
	background: #03a9f4;
}
/* help-block */
.form-group .help-block {
	position: absolute;
}
.help-block {
	color: #bdbdbd;
	font-size: 12px;
	font-weight: 300;
}
/* input addon ---*/
.input-group-addon {
	border: none;
	background: transparent;
}
/* ------  inline ----*/
.input-group-addon,
.form-inline .input-group {
	display: table-cell;
}
.input-group-addon,
.input-group-btn {
	width: inherit;
}
.input-group {
	width: 100%;
}
@media (min-width: 768px) {
	.form-inline .form-group {
		margin-top: 16px;
	}
	.input-group-btn,
	.input-group .form-control,
	.input-group-addon,
	.form-inline .input-group {
		display: inline-block;
	}
	.input-group {
		width: auto;
	}
}
/* -- bar styles -------------------------------------- */
.form-bar {
	position: relative;
	display: block;
	width: 100%;
}
.form-bar:before,
.form-bar:after {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-webkit-transition: 0.3s ease all;
}
.form-bar:before {
	left: 50%;
}
.form-bar:after {
	right: 50%;
}
/* active state */
.form-control:focus ~ .form-bar:before,
.form-control:focus ~ .form-bar:after {
	width: 50%;
}
/* -- highlighter styles ------------------------------ */
.form-highlight {
	position: absolute;
	height: 60%;
	width: 60px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.4;
}
/* active state */
.form-control:focus ~ .form-highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}
/* -- highlighter animation --------------------------- */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}
@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}
@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}
/*-- Checkbox --------------------------- */
/* 
 * Core styles required for the checkboxes.
 * @author Jason Mayes 2014, www.jasonmayes.com
 */
 .form-group.checkbox {
 	margin-top: 20px;
 }
 .checkbox input[type='checkbox'] {
 	height: 0;
 	width: 0;
 	opacity: 0;
 }
 .checkbox label {
 	font-size: 14px;
 	font-weight: 300;
 	line-height: 1;
 	display: inline-block;
 	overflow: hidden;
 	position: relative;
 	top: 10px;
 	padding-left: 0;
 }
 .checkbox .chk-span {
 	top: 0;
 	border: 1px solid #5a5a5a;
 	color: #1d1d1d;
 	cursor: pointer;
 	display: inline-block;
 	float: left;
 	height: 14px;
 	margin: 0 14px 14px 1px;
 	outline-color: #eaeaea;
 	padding: 0;
 	position: relative;
 	width: 14px;
 	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 	z-index: 1;
 }
 .checkbox .chk-span.checked {
 	top: -2px;
 	border-left: 2px solid #03a9f4;
 	border-bottom: 4px solid #03a9f4;
 	border-top: 1px solid rgba(0, 0, 0, 0);
 	border-right: 1px solid rgba(0, 0, 0, 0);
 	-webkit-transform: rotate(-45deg) scaleY(0.5);
 	-moz-transform: rotate(-45deg) scaleY(0.5);
 	-ms-transform: rotate(-45deg) scaleY(0.5);
 	-o-transform: rotate(-45deg) scaleY(0.5);
 	transform: rotate(-45deg) scaleY(0.5);
 }
 .checkbox .chk-span.checked {
 	border-left-color: #03a9f4;
 	border-bottom-color: #03a9f4;
 }
 .checkbox input[type='checkbox']:focus ~ label {
 	color: #03a9f4;
 }
 .checkbox input[type='checkbox']:focus ~ label .chk-span {
 	border-color: #03a9f4;
 }
 .checkbox input[type='checkbox']:focus ~ label .chk-span.checked {
 	border-left-color: #03a9f4;
 	border-bottom-color: #03a9f4;
 	border-top: 1px solid rgba(0, 0, 0, 0);
 	border-right: 1px solid rgba(0, 0, 0, 0);
 }
 @media (min-width: 768px) {
 	.form-inline .radio label,
 	.form-inline .checkbox label {
 		padding-left: 5px;
 	}
 }
 .form-control-static {
 	font-size: 16px;
 }
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
 	background-color: transparent;
 	border-bottom-style: dashed;
 }
 #focusedInput {
 	border-color: #ccc;
 	border-color: rgba(82, 168, 236, 0.8);
 	outline: 0;
 	box-shadow: none;
 }
















 @media screen and (max-width: 560px) {
 	.search-wrapper.active .input-holder {
 		width:200px;
 	}
 }

 img.logo_align1{
 	display: block;
 	width: 200px;
 	float: right;
 	margin-top: 40px;
 	margin-bottom: 40px;
 }
 img.logo_align2 {
 	display: block;
 	width: 150px;
 	margin: 0 auto;
 }
 .bdr_btm{
 	border-bottom: 1px solid #f3b783;
 }



 @media screen and (max-width:1200px){

 	.container_center {
 		width: 90%;
 	}
 	.smenu{
 		display: inline-block; position: absolute; left: 10px; top: 30px;
 		color: #000;
 	}
 	.smenu i{
 		font-size: 22px;
 		vertical-align: text-top;
 	}
 	.top_sec {
 		width: 100%;
 	}
 	.logo_sec {position: absolute; left: 50px;}
 	ul.home_menus li .circle1 {
 		width: 90px;
 		height: 40px;
 	}
 	ul.home_menus li .circle1 h5 {
 		font-size: 9px;
 	}
 	.sub_left ul li {
 		display: block;
 		width: 33%;
 	}
 	.blinktitles{
 		font-size:1em !important;
 	}
 }



 @media screen and (max-width:1100px){
 	.bx1 {
 		height:330px;
 	}
 }

 @media screen and (max-width:991px){
 	.blinktitles{
 		font-size:1em !important;
 	}

 	.cd-side-navigation {
 		width: 55px;
 	}
 	.cd-side-navigation a {
 		font-size: 0px;
 		padding: 12px 0;
 	}
 	#sidemenu ul li > ul {
 		top: 90px;
 		width: calc(95% - 55px);
 	}
 	#sidemenu ul li:hover > ul {
 		left: 55px;
 	}
 	.sub_left ul li ol li a{
 		font-size: 12px;
 	}
 	.cd-section {
 		padding-left: 50px;
 	}
 	.cd-side-navigation a img {
 		width: 24px;
 		margin: 0 auto;
 		float: none;
 	}
 }


 @media screen and (max-width:767px){
 	ul.home_menus li {
 		display: inline-block;
 		width: 31%;
 		margin: 10px auto 25px;
 	}
 	ul.home_menus {
 		margin: 90px auto 20px;
 	}
 	.cd-side-navigation {
 		display: none;
 	}
 	.cd-section {
 		padding-left: 0px;
 	}
 	.titles1 span {
 		font-size: 16px;
 	}
 	ul.listoptions li {
 		width: 50%;
 	}
 	img.logo_align1 {
 		display: block;
 		width: 200px;
 		float: none;
 		margin-top: 10px;
 		margin-bottom: 0;
 	}
 	.blinktitles{
 		font-size:.8em !important;
 	}

.top_bar ul {margin: 0;}
.our_clients {margin: 40px auto;}
 }

 @media screen and (max-width:600px){
 	ul.home_menus {
 		margin: 50px auto 20px;
 	}
 	.blinktitles{
 		/*display: none;*/
 		/*color: red !important;*/
 		font-size:.5em !important;
 	}
 	.tp-banner-container {
 		height: 250px !important;
 	}

ul.fsocial li {
	padding: 0 20px;
}
ul.fsocial li i {
	font-size: 2em;
}
.smenu {
	 padding-left: 8px;
}
.top_bar ul li {
	margin-right: 0;
	display: block;
	float: left;
	width: 100%;
}
.logo_sec {width: 100%;}
.header {height: 90px;}
.top_bar ul li a {display: inline-block;}
.top_bar li img {width: 20px; margin: 0 2px;}
.top_bar ul li a {font-size: 12px;}
.search-wrapper {
	-webkit-transform: translate(-10%, 10%);
	-moz-transform: translate(-10%, 10%);
	transform: translate(-10%, 10%);
}
.search-wrapper .input-holder .search-icon {
	width: 44px;
}
}

@media screen and (max-width:500px){
	.smartx{
		width:100% !important;
	}
	.bx1 {
		height:auto;
	}
	ul.home_menus li {
		margin: 10px auto 10px;
	}
	.testimonial {
		margin: 50px 10px 30px 10px;
	}

}
@media screen and (max-width:450px){
.testimonial .description {padding: 15px 10px;}
.logo_sec img {height: 50px; margin: 6px 0;}
.smenu {top: 18px;}
}

@media screen and (max-width:380px){

	.top_bar ul li {
		margin-right: 0px;
	}
	.smenu {
		margin-right: 35px;
	}

}
.icenter_btn{
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 24px;
	color: #fff;
	font-size: 12px;
}



.logo_sec {width: fit-content; float: left;}
.menu_sec {width: fit-content; float: right;}

@media screen and (max-width:600px){
.logo_sec {float: unset; position: unset; margin: auto;}
.logo_sec img {margin: 5px 0;}
.top_sec {position: unset;}
.top_bar {position: unset; width: fit-content;}
.menu_sec {float: unset; margin: auto; margin-top: -20px;}
.social {top: 15%;}
.bx2 ul li{width: 100%;}
}
@media screen and (max-width: 400px){}
.logo_sec img {height: 40px;}
.logo_sec {margin-bottom: 5px;}
}


.dropdown-container {background-color: #1bb0d1;}
.parent-menu a:hover {color: #fff;}
.parent-menu i {position: absolute; right: 10px;}
.dropdown-menu {background: #2abfe0 !important;}

.dropdown-menu li:hover, .dropdown-menu li a:hover{background: #2abfe0 !important;}