﻿/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/


 a.tooltiplink {
    position: relative;
}
 
a.tooltiplink:hover::after {
    content: attr(data-title);
    background-color: #000000;
    color: #ffffff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
}


body p {
	font-size: 0.93rem;
	font-weight: 400;
	text-align: justify !important;
}

#nav > ul {
	list-style: none;
}
#nav > ul > li {
	/* width: 10em; */
	float: left;
}
#nav > ul > li ul {
	list-style: none;
	position: absolute;
	left: -9999em;
	z-index: 99999;
}
#nav > ul > li ul a {
	/* background: #238; */
	border-radius: 3px;
}
/* #nav > ul > li ul a:hover, #nav > ul > li ul a:focus {
	background: #887722;
  } */
  #nav > ul > li:hover ul, #nav > ul > li.hover ul {
	left: auto;
	padding: 0;
	margin: 0;
}
.second {
	z-index: 99999 !important;
}
.second li {
	background-color: #ffffff;
	z-index: 999999;
}
.second li a button {
	width:25px;
	height:25px;
}
/* #nav > ul > li:hover > a, #nav > ul > li.hover > a {
	background: #443322;
  } */
  /* #nav ul li 
  {
	  margin-left: 1em;
	  margin-right: 1em;
  } */
  #nav > ul a {
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	text-align: center;
	/* background: #234; */
	color: #000000;
	padding-top: 0.300em;
	border-right: 1px solid #eeeeee;
	padding-left: 0.600rem;
	padding-right: 0.600rem;
}
#topbar, .topheader {
	background: #efefef; /* Old browsers */
	height:auto;
	/* padding-bottom:0.500em;
	padding-top: 0.500em; */
	font-size: 14px;
	transition: all 0.5s;
	color: #ffffff;
}
#topbar.topbar-scrolled {
	top: -40px;
}
#topbar .contact-info a {
	line-height: 1;
	color: #ffffff;
	transition: 0.3s;
}
#topbar .contact-info a:hover {
	color: #ffffff;
}
#topbar .contact-info i {
	color: #ffffff;
	padding-right: 4px;
	margin-left: 15px;
}
#topbar .contact-info i:first-child {
	margin-left: 0;
}
#topbar .social-links a {
	color: #ffffff;
	padding-left: 15px;
	display: inline-block;
	line-height: 1px;
	transition: 0.3s;
}
#topbar .social-links a:hover {
	color: #ffffff;
}
#topbar .social-links a:first-child {
	border-left: 0;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.topbarheader {
	background: rgba(208, 36, 20, 1);
	background: -moz-linear-gradient(top, rgba(208, 36, 20, 1) 0%, rgba(198, 25, 9, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208, 36, 20, 1)), color-stop(100%, rgba(198, 25, 9, 1)));
	background: -webkit-linear-gradient(top, rgba(208, 36, 20, 1) 0%, rgba(198, 25, 9, 1) 100%);
	background: -o-linear-gradient(top, rgba(208, 36, 20, 1) 0%, rgba(198, 25, 9, 1) 100%);
	background: -ms-linear-gradient(top, rgba(208, 36, 20, 1) 0%, rgba(198, 25, 9, 1) 100%);
	background: linear-gradient(to bottom, rgba(208, 36, 20, 1) 0%, rgba(198, 25, 9, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02414', endColorstr='#c61909', GradientType=0 );
	height: auto;
	font-size: 14px;
	transition: all 0.5s;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#header {
	background: #fff;
	transition: all 0.5s;
	z-index: 997;
	padding:0px 0;
	top:30px;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
}
.tollfree-bg {
	background-color:#007edb !important;
}
#header.header-scrolled {
	top: 0;
}
#header .logo {
	font-size: 32px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.5px;
	font-family: "Poppins", sans-serif;
}
#header .logo a {
	color: #2c4964;
}
#header .logo img {
	max-height: 40px;
}
 @media (max-width: 992px) {
 #header {
 top: 10px;
}
 #header .logo {
 font-size: 28px;
}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu > ul {
	display: flex;
}
.nav-menu > ul > li {
	position: relative;
	white-space: nowrap;
	padding: 10px 10px 10px 36px;
}
.nav-menu a {
	display: block;
	position: relative;
	color: #434343;
	transition: 0.3s;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	padding: 8px 2px;
	border-bottom: 2px solid #fff;
	font-weight: bold;
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color: #e35224;
	border-color: #e35224;
	font-weight: bold;
	text-decoration: none;
}
.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: 20px;
	top: calc(100% + 30px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}
.nav-menu .drop-down:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.nav-menu .drop-down li {
	min-width: 180px;
	position: relative;
}
.nav-menu .drop-down ul a {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	color: #082744;
	border: none;
}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
	color: #e35224;
}
.nav-menu .drop-down > a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	padding-left: 5px;
	font-weight: bold;
}
.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
}
.nav-menu .drop-down .drop-down > a {
	padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
	content: "\eaa0";
	font-family: IcoFont;
	position: absolute;
	right: 15px;
}
 @media (max-width: 1366px) {
 .nav-menu .drop-down .drop-down ul {
 left: -90%;
}
 .nav-menu .drop-down .drop-down:hover > ul {
 left: -100%;
}
 .nav-menu .drop-down .drop-down > a:after {
 content: "\ea9d";
}
}
.navBtn a {
	background-color:#007edb !important;
	color:#ffffff !important;
}
.navBtn > a {
	background-color:#f73d04 !important;
	color:#ffffff !important;
	border:0px !important;
	border-bottom:0px !important;
	padding-left:15px;
	padding-right:15px;
	border-radius:10px;
}
.navBtn > a:hover {
	background-color:#f4670e !important;
}
/* Mobile Navigation */
.mobile-nav-toggle {
	position: fixed;
	right:40px;
	top:40px;
	z-index: 9998;
	border: 0;
	background: none;
	font-size: 24px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
}
.mobile-nav-toggle i {
	color: #1977cc;
}
.mobile-nav {
	position: fixed;
	top: 85px;
	right: 40px;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	overflow-y: auto;
	background: #fff;
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
}
.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-nav a {
	display: block;
	position: relative;
	color: #2c4964;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
	color: #1977cc;
	text-decoration: none;
}
.mobile-nav .drop-down > a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	padding-left: 10px;
	position: absolute;
	right: 15px;
}
.mobile-nav .active.drop-down > a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
}
.mobile-nav .drop-down > a {
	padding-right: 35px;
}
.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
}
.mobile-nav .drop-down li {
	padding-left: 20px;
}
.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 9997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(28, 47, 65, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
}
.mobile-nav-active {
	overflow: hidden;
}
.mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
}
.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}
.banner-image {
	background:url('../images/Banner.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:370px;
	margin-top:124px;
}
@media (max-width: 768px) {
 .banner-image {
 margin-top:100px;
}
}
/* service */
.services {
	margin-top:3rem;
	margin-bottom:1.5rem;
}
/* @media only screen and (max-width:600px) {
 .services {
 margin-top:20rem;
}
} */
.section-title {
	/*text-align:left;*/
    padding-bottom: 4px;
	padding-top: 10px;
}
.section-title h2 {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 8px 20px;
	margin: 0;
	background: rgb(255 87 34 / .15);
	color: #f73d04;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 50px;
}
.section-title h3 {
	margin: 15px 0 0 0;
	font-size: 32px;
	font-weight: 700;
}
.section-title h3 span {
	color: #106eea;
}
.services .icon-box {
	margin-bottom: 20px;
	text-align: center;
}
.services .icon-box a {
	text-decoration: none;
}
.services .icon {
	display: flex;
	justify-content: center;
}
.services .icon i {
	width: 90px;
	height: 90px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 50%;
	transition: 0.5s;
	color: #085d98;
	font-size:35px;
	overflow: hidden;
	padding-top:25px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
}
.services .icon img {
	width: 90px;
	height: 90px;
	margin-bottom: 18px;
	background: #fff;
	border-radius: 20%;
	transition: 0.5s;
	color: #085d98;
	font-size:35px;
	overflow: hidden;
	padding: 21px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
}
.services .icon img:hover {
	border-color: #fff;
	box-shadow: 0px 0 30px 0 rgb(33 150 243 / 0.5);
	border-radius: 50%;
}
.services .title {
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 14px;
	position: relative;
	padding-bottom: 15px;
	color:#0e36de;
}
.services .title a {
	color: #444;
	transition: 0.3s;
}
.services .description {
	line-height: 24px;
	font-size: 14px;
}
.about .icon {
	position: relative;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
	padding: 16px;
	border-radius:10px;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff, #fff3e4);
	transition: 0.5s;
}
.about .icon .pic i {
	width: 75px;
	height: 75px;
	/* margin-bottom: 20px; */
  background: #cae9f8;
	border-radius: 50%;
	transition: 0.5s;
	color: #e76d44;
	font-size: 30px;
	overflow: hidden;
	padding-top: 24px;
	background: #f7dac2;
	text-align: center;/* box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15); */
}
.about .icon .pic i {
	transition: ease-in-out 0.3s;
}
.about .icon:hover {
	transform: translateY(-10px);
}
.about .icon .member-info {
	padding-left: 30px;
}
.about .icon h4 {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px;
	color: #37517e;
}
.about .icon span {
	display: block;
	font-size: 15px;
	padding-bottom: 10px;
	position: relative;
	font-weight: 500;
}
 .about .icon span::after {
 content: '';
 position: absolute;
 display: block;
 width: 50px;
 height: 1px;
 background: #cbd6e9;
 bottom: 0;
 left: 0;
}
.about .icon p {
	margin:12px 0 0 0;
	font-size: 16px;
	font-weight:bold;
	color: #616161;
}
.sidtab>.list-group-item {
	background-color:#056c9a;
	color: #ffffff !important;
	font-weight: bold !important;
	cursor: pointer;
	border-left:6px solid #024969;
	margin-bottom: 3px;
}
.sidtab>.list-group-item a {
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}
.sidtab>.list-group-item:hover, .sidtab>.list-group-item:active {
	background-color:#d37611 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	border-left: 4px solid #f1c103;
}
.innerpageCard1 {
	background: rgb(240,84,84);
	background: -moz-linear-gradient(118deg, rgba(240, 84, 84, 1) 0%, rgba(255, 161, 161, 1) 1%, rgba(239, 75, 75, 1) 100%);
	background: -webkit-linear-gradient(118deg, rgba(240, 84, 84, 1) 0%, rgba(255, 161, 161, 1) 1%, rgba(239, 75, 75, 1) 100%);
	background: linear-gradient(118deg, rgba(240, 84, 84, 1) 0%, rgba(255, 161, 161, 1) 1%, rgba(239, 75, 75, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f05454", endColorstr="#ef4b4b", GradientType=1);
	color: #ffffff;
	border-radius:1rem;
	text-align: center;
}
.innerpageCard2 {
	background: rgb(105,216,166);
	background: -moz-linear-gradient(142deg, rgba(105, 216, 166, 1) 0%, rgba(56, 203, 137, 1) 100%);
	background: -webkit-linear-gradient(142deg, rgba(105, 216, 166, 1) 0%, rgba(56, 203, 137, 1) 100%);
	background: linear-gradient(142deg, rgba(105, 216, 166, 1) 0%, rgba(56, 203, 137, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69d8a6", endColorstr="#38cb89", GradientType=1);
	color: #ffffff;
	border-radius:1rem;
	text-align: center;
}
.innerpageCard3 {
	background: rgb(0,154,252);
	background: -moz-linear-gradient(230deg, rgba(0, 154, 252, 1) 0%, rgba(120, 203, 255, 1) 100%);
	background: -webkit-linear-gradient(230deg, rgba(0, 154, 252, 1) 0%, rgba(120, 203, 255, 1) 100%);
	background: linear-gradient(230deg, rgba(0, 154, 252, 1) 0%, rgba(120, 203, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009afc", endColorstr="#78cbff", GradientType=1);
	color: #ffffff;
	border-radius:1rem;
	text-align: center;
}
.innerpageCard4 {
	background: rgb(232,122,175);
	background: -moz-linear-gradient(239deg, rgba(232, 122, 175, 1) 0%, rgba(224, 75, 146, 1) 100%);
	background: -webkit-linear-gradient(239deg, rgba(232, 122, 175, 1) 0%, rgba(224, 75, 146, 1) 100%);
	background: linear-gradient(239deg, rgba(232, 122, 175, 1) 0%, rgba(224, 75, 146, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e87aaf", endColorstr="#e04b92", GradientType=1);
	color: #ffffff;
	border-radius:1rem;
	text-align: center;
}
.innerpageCard5 {
	background: rgb(127,134,135);
	background: -moz-linear-gradient(239deg, rgba(127, 134, 135, 1) 0%, rgba(76, 85, 87, 1) 100%);
	background: -webkit-linear-gradient(239deg, rgba(127, 134, 135, 1) 0%, rgba(76, 85, 87, 1) 100%);
	background: linear-gradient(239deg, rgba(127, 134, 135, 1) 0%, rgba(76, 85, 87, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f8687", endColorstr="#4c5557", GradientType=1);
	color: #ffffff;
	border-radius:1rem;
	text-align: center;
}
.cardAnimation {
	border-bottom: 4px solid #e7591a;
	cursor: pointer;
}
 .cardAnimation::after {
 content: '';
	/* required */
	position: absolute;
 bottom: 0;
	/* positioned at the bottom */
	width: 100%;
 height: 0px;
	/* no height to start */
	background: #e7591a;
 transition: height .5s ease;
}
 .cardAnimation:hover::after, .cardAnimation:active::after {
 height: 16px !important;
 display: block;
 position: absolute;
/*finishing height */
  }
.cardAnimation1 {
	border-bottom: 4px solid #38cb89;
	cursor: pointer;
}
 .cardAnimation1::after {
 content: '';
	  /* required */
	  position: absolute;
 bottom: 0;
	  /* positioned at the bottom */
	  width: 100%;
 height: 0px;
	  /* no height to start */
	  background: #38cb89;
 transition: height .5s ease;
}
 .cardAnimation1:hover::after, .cardAnimation1:active::after {
 height: 16px;
/*finishing height */
	}
.cardAnimation2 {
	border-bottom: 4px solid #6231d0;
	cursor: pointer;
}
 .cardAnimation2::after {
 content: '';
	  /* required */
	  position: absolute;
 bottom: 0;
	  /* positioned at the bottom */
	  width: 100%;
 height: 0px;
	  /* no height to start */
	  background: #6231d0;
 transition: height .5s ease;
}
 .cardAnimation2:hover::after, .cardAnimation12:active::after {
 height: 16px;
}
.cardAnimation3 {
	border-bottom: 4px solid #009cff;
	cursor: pointer;
}
 .cardAnimation3::after {
 content: '';
		/* required */
		position: absolute;
 bottom: 0;
		/* positioned at the bottom */
		width: 100%;
 height: 0px;
		/* no height to start */
		background: #009cff;
 transition: height .5s ease;
}
 .cardAnimation3:hover::after, .cardAnimation2:active::after {
 height: 16px;
}
.cardAnimation4 {
	border-bottom: 4px solid #056c9a;
	cursor: pointer;
}
 .cardAnimation4::after {
 content: '';
		  /* required */
		  position: absolute;
 bottom: 0;
		  /* positioned at the bottom */
		  width: 100%;
 height: 0px;
		  /* no height to start */
		  background: #056c9a;
 transition: height .5s ease;
}
 .cardAnimation4:hover::after, .cardAnimation4:active::after {
 height: 16px;
}
.cardAnimation5 {
	border-bottom: 4px solid #9a8005;
	cursor: pointer;
}
 .cardAnimation5::after {
 content: '';
		  /* required */
		  position: absolute;
 bottom: 0;
		  /* positioned at the bottom */
		  width: 100%;
 height: 0px;
		  /* no height to start */
		  background: #9a8005;
 transition: height .5s ease;
}
 .cardAnimation5:hover::after, .cardAnimation4:active::after {
 height: 16px;
}
/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
	padding-bottom: 40px;
}
.features .nav-tabs {
	border: 0;
}
.features .nav-link {
	border: 0;
	padding: 20px;
	transition: 0.3s;
	color: #364146;
	transition: 0.3s ease-in-out;
	border-radius: 0;
	border-left: 4px solid #fafbfb;
}
.features .nav-link h4 {
	font-size: 18px;
	font-weight: 600;
	transition: 0.3s ease-in-out;
	color: #576971;
}
.features .nav-link p {
	font-size: 14px;
	margin-bottom: 0;
}
.features .nav-link:hover {
	background: #fafbfb;
}
.features .nav-link:hover h4 {
	color: #364146;
}
.features .nav-link.active {
	border-radius: 0;
	border: 0;
	border-left: 4px solid #009cea;
	background: #fafbfb;
}
.features .nav-link.active h4 {
	color: #009cea;
}
.features .tab-pane.active {
	-webkit-animation: slide-down 0.5s ease-out;
	animation: slide-down 0.5s ease-out;
}
.features .tab-content {
	text-align: right;
}
 @-webkit-keyframes slide-down {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes slide-down {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.card-bg {
	border-radius: 0;
	border: 0;
	border-left: 4px solid #33985a;
	background: #fafbfb;
}
/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services .icon-box {
	padding: 28px;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.3s ease-in-out;
	border-radius:20px;
	z-index: 1;
}
 .featured-services .icon-box::before {
 content: '';
 position: absolute;
 background: #007bce;
 right: 0;
 left: 0;
 bottom: 0;
 top: 100%;
 transition: all 0.3s;
 z-index: -1;
}
 .featured-services .icon-box:hover::before {
	/* background: #eaf7f7; */
	top: 0;
 border-radius: 0px;
 fill: white;
}
.featured-services .icon {
	margin-bottom: 15px;
}
.featured-services .icon i {
	font-size: 48px;
	line-height: 1;
	color: #106eea;
	transition: all 0.3s ease-in-out;
}
.featured-services .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}
.featured-services .title a {
	color: #111;
}
.featured-services .description {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}
.featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description {
	color: #fff;
}
.featured-services .icon-box:hover .icon i {
	color: #fff;
}
/* clients */
.grid {
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #eee;
}
.grid li a, .grid li img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.grid li a img {
	width: 100%;
}
.grid li a, .grid li img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #eee;
}
.grid.grid-5-columns li, .grid.grid-5-columns figure {
	width:20%;
}
.grid li {
	float: left;
	position: relative;
	width: 20%;
	padding: 40px;
 /* -webkit-transition: all .5s ease 0s; */
 transition: all .5s ease 0s;
	opacity: .9;
}
 @media only screen and (max-width:768px) {
 .grid.grid-5-columns li, .grid.grid-5-columns figure {
 width: 33%;
}
}
@media only screen and (max-width:600px) {
 .grid.grid-5-columns li, .grid.grid-5-columns figure {
 width: 50%;
}
}
.grid li:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #eee;
	content: '';
	position: absolute;
}
.grid li a img {
	width: 100%;
}
.grid li a, .grid li img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.grid li:hover {
	cursor: pointer;
	background-color: #f8f8f8;
	opacity: 1;
}
.grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #eee;
	content: '';
	position: absolute;
}
/* newsletter */
#call-to-action {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/section-bg.jpg) fixed center center;
	background-size: cover;
	padding:50px 0; /*50 previous top*/
	color: #ffffff;
}
#call-to-action2 {
	background: linear-gradient(rgba(0, 126, 219, 0.3), rgba(0, 126, 219, 0.3)), url(../images/section-bg.jpg) fixed center center;
	background-size: cover;
	padding:30px 0;
	color: #ffffff;
}
#call-to-action4 {
	background:  url(../images/section-bg.jpg) fixed center center;
	background-size: cover;
	padding:0px 0;
	color: #ffffff;
}
#call-to-action3 {
	background: url(../images/b3.jpg) fixed center center;
	/* background-size: cover;
	padding:30px 0;
	color: #ffffff; */
	background: url(../images/b3.jpg) center center;
	background-size: cover;
	padding: 0px 0;
	color: #ffffff;
	background-repeat: no-repeat;
}
.service-item {
	background-color: rgba(0, 0, 0, 0.9);
	padding: 40vh 30px;
	text-align: center;
	color: #fff;/* margin-bottom: 30px; *//* border-radius: 2rem; */
}
 @media only screen and (max-width:1024px) {
 .service-item {
 background-color: rgba(0, 0, 0, 0.9);
 padding:20vh 20px;
 text-align: center;
 color: #fff;
}
}
/* #footer .footer-newsletter {
  padding: 50px 0;
  background: #e35224;
} */
.service-item p {
	font-size: 18px;
}
#newsletter .subscribe-newsletter h4 {
	font-size:21px;
	margin: 0 0 0px 0;
	padding: 0;
	/* line-height: 1; */
	font-weight:700;
	line-height:0.5rem;
	;
}
#newsletter .subscribe-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
}
#newsletter .subscribe-newsletter form input[type="email"] {
	border: 0;
	padding: 4px;
	width: calc(100% - 100px);
}
#newsletter .subscribe-newsletter form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 20px;
	margin: 3px;
	background: #68A4C4;
	color: #fff;
	transition: 0.3s;
	border-radius: 50px;
}
#newsletter .subscribe-newsletter form input[type="submit"]:hover {
	background: #468db3;
}
.doctors ul li {
	padding-bottom: 10px;
}
.doctors ul {
	list-style: none;
	padding: 0;
}
.doctors ul i {
	font-size: 20px;
	padding-right: 4px;
	color: #3b4ef8;
}
.icofont-check:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	padding-left: 5px;
	font-weight: bold;
}
/* benfitspatients */

.patient .icon-boxes .icon-box {
	text-align: center;
	background: #fff;
	padding: 30px 25px;
	width: 100%;
	border: 1px solid #eef0ef;
	border-radius:1rem;
}
.icon-boxes .icon-box i {
	font-size: 36px;
	padding: 25px;
	color: #469633;
	margin-bottom: 20px;
	background: #e7f9db;
	border-radius: 50px;
}
.patient .icon-boxes .icon-box h4 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 30px 0;
}
/* 
faq */
.section-bg {
	background-color: #ffffff;
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
	padding: 60px 0;
}
.faq .faq-list {
	padding: 0;
	list-style: none;
}
.faq .faq-list li {
	padding: 0 0 20px 25px;
}
.faq .faq-list a {
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: 500;
}
.faq .faq-list i {
	font-size: 18px;
	position: absolute;
	left: -25px;
	top: 6px;
}
.faq .faq-list p {
	margin-bottom: 20px;
	font-size: 15px;
}
.faq .faq-list a.collapse {
	color: #106eea;
}
.faq .faq-list a.collapsed {
	color: #343a40;
}
.faq .faq-list a.collapsed:hover {
	color: #106eea;
}
 .faq .faq-list a.collapsed i::before {
 font-family: "Font Awesome 5 Free";
 content: "\f107" !important;
}
.icofont-simple-up:before {
	content: "\f106";
}
/* 
innerpages */

.top-bottomspace {
	margin-top:210px;
	margin-bottom: 0px;
}
@media only screen and (max-width:1024px) {
 .top-bottomspace {
 margin-top:100px;
}
}
 @media only screen and (max-width:768px) {
.top-bottomspace {
 margin-bottom: 0px;
 margin-top:100px;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	background: #00000000; /*background: #2b2b2b;*/
	padding: 0 0 0px 0;
	color: #c49e06;
	font-size: 14px;
}
#footer .footer-top {
	background: #121212;
	padding: 60px 0 30px 0;
	border-top: 2px solid #e9ecee;
	border-bottom: 4px solid #c49e06;
}
#footer .footer-top .footer-info {
	margin-bottom: 30px;
}
#footer .footer-top .footer-info h3 {
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 2px 0 2px 0;
	line-height: 1;
	font-weight: 700;
}
#footer .footer-top .footer-info p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Raleway", sans-serif;
	color: #e4e4e4;
}
#footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #e9ecee;
	color: #8a9ca5;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}
#footer .footer-top .social-links a:hover {
	background: #c49e06;
	color: #fff;
	text-decoration: none;
}
#footer .footer-top h4 {
	font-size: 16px;
	font-weight: 600;
	color: #e4e4e4;
	position: relative;
	padding-bottom: 12px;
}
#footer .footer-top .footer-links {
	margin-bottom: 30px;
	color: #c49e06;
}
#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #009cea;
	font-size: 18px;
	line-height: 1;
	margin-left: -5px;
}
#footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}
#footer .footer-top .footer-links ul a {
	color: #e4e4e4;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
	color: #c49e06;
}
#footer .footer-top .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #e3e7e9;
}
#footer .footer-top .footer-newsletter form input[type="email"] {
	border: 0;
	padding: 4px;
	width: calc(100% - 110px);
}
#footer .footer-top .footer-newsletter form input[type="submit"] {
	position: absolute;
	top: -1px;
	right: -2px;
	bottom: -1px;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 20px;
	background:#007edb;
	color: #fff;
	transition: 0.3s;
	border-radius: 0 4px 4px 0;
}
#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
	background: #c49e06;
}
#footer .copyright {
	text-align: center;
	padding-top: 30px;
}
#footer .credits {
	padding-top: 8px;
	text-align: center;
	font-size: 13px;
	color: #364146;
}
#downloads .card .card-body a {
	color:#898d92;
	font-size: 14px;
}

.bck {
	position: fixed;
	bottom: 1.600rem;
	right: 0rem;
	background-color: rgba(213, 112, 11, 0.7);
	color: #fff;
	visibility: hidden;
	width:35px;
	height:35px;
	line-height:36px;
	text-align:center;
	transition-property: all;
	z-index:999;
}
.bck:hover {
	background-color: rgba(16, 105, 151, 0.7);
	width:3%;
	color: #fff;
}
.bck.bck-on {
	visibility: visible;
}
.bck i {
	color:#ffffff !important;
}
/* .fade {
	opacity: 0;
} */
.bck-on.fade {
	opacity: 1;
}
.rightToLeft {
	right : -30px;
}
.bck-on.rightToLeft {
	right: 0rem;
}
.bottomToTop {
	bottom: -80px;
}
.bck-on.bottomToTop {
	bottom:1rem;
}
.bck-leftToRight {
	left: -50px;
}
.bck-on.leftToRight {
	left:1rem;
}
.topToBottom {
	top: -50px;
}
.bck-on.topToBottom {
	top:1rem;
}
.cardanimation .card {
	border-radius: 0px !important;
}
.overlay {
	width: 100%;
	background-color: rgba(99, 130, 53, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overlay2 {
	width: 100%;
	background-color: rgba(93, 150, 224, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overlay3 {
	width: 100%;
	background-color: rgba(158, 53, 182, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overlay4 {
	width: 100%;
	background-color: rgba(37, 149, 149, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overlay5 {
	width: 100%;
	background-color: rgba(167, 54, 69, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overlay6 {
	width: 100%;
	background-color: rgba(215, 169, 77, 0.8);
	position: absolute;
	bottom: 0;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.overflow {
	position: relative;
	overflow: hidden;
}
.zoom img {
	transition: all 0.2s linear;
}
.zoom:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.gtco-testimonials {
	position: relative;
	margin-top: 30px;
}
@media (max-width: 767px) {
 .gtco-testimonials {
 margin-top: 20px;
}
}
/* .gtco-testimonials h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
} */
.gtco-testimonials .owl-stage-outer {
	padding: 30px 0;
}
.gtco-testimonials .owl-nav {
	display: none;
}
.gtco-testimonials .owl-dots {
	text-align: center;
}
.gtco-testimonials .owl-dots span {
	position: relative;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: block;
	background: #fff;
	border: 2px solid #01b0f8;
	margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
	box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
	background: #01b0f8;
	box-shadow: none;
	height: 12px;
	width: 12px;
	margin-bottom: -1px;
}
.gtco-testimonials .card {
	background: #fff;
	box-shadow: 0 8px 30px -7px #c9dff0;
	margin: 0 20px;
	padding: 0 10px;
	border-radius: 20px;
	border: 0;
}
.gtco-testimonials .card .card-img-top {
	max-width: 100px;
	border-radius: 50%;
	margin: 15px auto 0;
	box-shadow: 0 8px 20px -4px #95abbb;
	width: 100px;
	height: 100px;
}
.gtco-testimonials .card h5 {
	color: #01b0f8;
	font-size: 21px;
	line-height: 1.3;
}
.gtco-testimonials .card h5 span {
	font-size: 18px;
	color: #666666;
}
.gtco-testimonials .card p {
	font-size: 18px;
	color: #555;
	padding-bottom: 15px;
}
.gtco-testimonials .active {
	opacity: 0.5;
	transition: all 0.3s;
}
.gtco-testimonials .center {
	opacity: 1;
}
.gtco-testimonials .center h5 {
	font-size: 24px;
}
.gtco-testimonials .center h5 span {
	font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
	max-width: 100%;
	height: 120px;
	width: 120px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	outline: 0;
}
.circle1 a>div {
	padding-top:3rem;
}
.circle1 a div p {
	color: #000000 !important;
}
.circle1 a:hover div p {
	color: #ffffff !important;
}
.circle1 a:hover {
	text-decoration: none;
}
.circle {
	background: #ffffff;
	/* padding:40px; */
	text-align: center;
	height: 100%;
	width: 100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.circle h4 {
	margin: 0;
	padding: 0;
}
.circle span.icon i {
	font-size: 48px;
}
.circle span.price-large {
	font-size:45px;
	text-decoration: none;
}
.price-small {
	font-size: 24px;
	text-decoration: none;
}
.c1:hover {
	background: #39b3d7;
	color: #ffffff;
}
.c1 .blue {
	color: #39b3d7;
}
.c1:hover .blue {
	color: #ffffff;
}
.c2:hover {
	background: #f77b3c;
	color: #ffffff;
}
.c2 .yellow {
	color: #f77b3c;
}
.c2:hover .yellow {
	color: #ffffff;
}
.c3:hover {
	background: #47a447;
	color: #ffffff;
}
.c3 .green {
	color: #47a447;
}
.c3:hover .green {
	color: #ffffff;
}
.c4:hover {
	background: #d2322d;
	color: #ffffff;
}
.c4 .red {
	color: #d2322d;
}
.c4:hover .red {
	color: #ffffff;
}
.img-circle {
	border-radius: 50%;
}
.sectionClass {
	padding: 20px 0px 50px 0px;
	position: relative;
	display: block;
}
.fullWidth {
	width: 100% !important;
	display: table;
	float: none;
	padding: 0;
	min-height: 1px;
	height: 100%;
	position: relative;
}
.sectiontitle {
	background-position: center;
	margin: 20px 0 0px;
	text-align: center;
	min-height: 20px;
}
.sectiontitle h2 {
	font-size: 30px;
	color: #222;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
.headerLine {
	width: 160px;
	height: 2px;
	display: inline-block;
	background: #101F2E;
}
.projectFactsWrap {
	display: flex;
	margin-top: 30px;
	flex-direction: row;
	flex-wrap: wrap;
}
#projectFacts .fullWidth {
	padding: 0;
}
.projectFactsWrap .item {
	width: 25%;
	/*height: 100%;*/
	padding: 50px 0px;
	text-align: center;
}
 .projectFactsWrap .item:nth-child(1) {
 background: rgb(44 122 179);
}
 .projectFactsWrap .item:nth-child(2) {
 background: rgb(105 105 105);
}
 .projectFactsWrap .item:nth-child(3) {
 background:rgb(44 122 179)
}
 .projectFactsWrap .item:nth-child(4) {
 background: rgb(105 105 105);
}
.projectFactsWrap .item p.number {
	font-size: 40px;
	padding: 0;
	font-weight: bold;
	padding-top: 10px;
}
.projectFactsWrap .item p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	margin: 0;
	padding: 10px;/* font-family: 'Open Sans'; */
}
.projectFactsWrap .item span {
	width: 75px;
	background: rgba(255, 255, 255, 0.8);
	height: 2px;
	display: block;
	margin: 0 auto;
	margin-top:10px;
}
.projectFactsWrap .item i {
	vertical-align: middle;
	font-size: 50px;
	color: rgba(255, 255, 255, 0.8);
}
.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p {
	color: white;
}
.projectFactsWrap .item:hover span {
	background: white;
}
 @media (max-width: 786px) {
 .projectFactsWrap .item {
 flex: 0 0 50%;
}
}
.card2 {
	position: relative;
	max-width: 300px;
	height: auto;
	background: linear-gradient(-45deg, #fe0847, #feae3f);
	border-radius: 15px;
	margin: 0 auto;
	padding: 30px 20px;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
 -webkit-transition: .5s;
 transition: .5s;
}
.card2:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
 .image1:nth-child(1) .card2, .image1:nth-child(1) .card2 .title .fa {
	/*background: linear-gradient(-45deg,#f403d1,#64b5f6);*/
	background: linear-gradient(-45deg, #0073c7, #00BCD4);
}
 .image1:nth-child(2) .card2, .image1:nth-child(2) .card2 .title .fa {
 background: linear-gradient(-45deg, #F44336, #FF5722);
}
 .image1:nth-child(3) .card2, .image1:nth-child(3) .card2 .title .fa {
 background: linear-gradient(-45deg, #0073c7, #00BCD4);
}
  /* .col-sm-3:nth-child(4) .card2,
  .col-sm-3:nth-child(4) .card2 .title .fa{
	background: linear-gradient(-45deg,#24ff72,#9a4eff);
  
  } */
  .card2::before {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 40%;
	/* background: rgba(255, 255, 255, .1); */
  z-index: 1;
 -webkit-transform: skewY(-5deg) scale(1.5);
 transform: skewY(-5deg) scale(1.5);
}
.title .fa {
	color:#fff;
	font-size: 30px;
	width: 80px;
	height: 80px;
	border-radius:  50%;
	text-align: center;
	line-height: 80px;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
.title h2 {
	position: relative;
	margin: 20px 0 0;
	padding: 0;
	color: #fff;
	font-size: 28px;
	z-index: 2;
}
.price, .option {
	position: relative;
	z-index: 2;
}
.price h4 {
	margin: 0;
	padding: 8px 0;
	color: #fff;
	font-size: 60px;
}
.option ul {
	margin: 0;
	padding: 0;
}
.option ul li {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	color: #fff;
	font-size: 16px;
}
.card2 a {
	position: relative;
	z-index: 2;
	background: #fff;
	color : black;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	display: block;
	text-align: center;
	margin: 20px auto 0;
	font-size: 16px;
	cursor: pointer;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.card2 a:hover {
	text-decoration: none;
}
.progress-bar {
	height: 3px;
	margin-top: -3px;
	position: relative;
	background-color: #f4a200 !important;
}
.card-hover {
	/* box-shadow: 0 2px 4px #1b1b1b33; */

    transition: all 0.3s;
}
.card-hover:hover {
	transform: scale(1.03);
	/* box-shadow: 0 10px 30px -5px rgba(10, 16, 34, 0.2); */
	cursor: pointer;/* opacity: 0.8; */
}
.card-hover img:hover {
	opacity: 0.8;
}
/*pricing*/
.tabs {
	/* left: 50%; */
	/* -webkit-transform: translateX(-50%);
			transform: translateX(-50%); */
	position: relative;
	background: white;
	padding: 50px;
	padding-bottom: 80px;
	width: 100%;
	height: auto;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	min-width: 240px;
	border-radius: 20px;
}
.tabs input[name="tab-control"] {
	display: none;
}
.tabs .content section h2, .tabs ul li label {
	/* font-family: "Montserrat"; */
	font-weight: bold;
	font-size: 18px;
	color: #428BFF;
}
.tabs ul {
	list-style-type: none;
	padding-left: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	margin-bottom: 10px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	align-items: flex-end;
	flex-wrap: wrap;
}
.tabs ul li {
	box-sizing: border-box;
	-webkit-box-flex: 1;
	flex: 1;
	width: 25%;
	padding: 0 10px;
	text-align: center;
}
.tabs ul li label {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #929daf;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tabs ul li label br {
	display: none;
}
.tabs ul li label svg {
	fill: #929daf;
	height: 1.2em;
	vertical-align: bottom;
	margin-right: 0.2em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
	outline: 0;
	color: #bec5cf;
}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
	fill: #bec5cf;
}
.tabs .slider {
	position: relative;
	width: 25%;
	-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
	position: relative;
	width: 50px;
	max-width: 100%;
	margin: 0 auto;
	height: 4px;
	background: #428BFF;
	border-radius: 1px;
}
.tabs .content {
	margin-top: 30px;
}
.tabs .content section {
	display: none;
	-webkit-animation-name: content;
	animation-name: content;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	line-height: 1.4;
}
.tabs .content section h2 {
	color: #428BFF;
	display: none;
}
 .tabs .content section h2::after {
 content: "";
 position: relative;
 display: block;
 width: 30px;
 height: 3px;
 background: #428BFF;
 margin-top: 5px;
 left: 1px;
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
 cursor: default;
 color: #428BFF;
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
 fill: #428BFF;
}
 @media (max-width: 600px) {
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
 background: rgba(0, 0, 0, 0.08);
}
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
 cursor: default;
 color: #428BFF;
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
 fill: #428BFF;
}
 @media (max-width: 600px) {
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
 background: rgba(0, 0, 0, 0.08);
}
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
 cursor: default;
 color: #428BFF;
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
 fill: #428BFF;
}
 @media (max-width: 600px) {
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
 background: rgba(0, 0, 0, 0.08);
}
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
 -webkit-transform: translateX(200%);
 transform: translateX(200%);
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
 cursor: default;
 color: #428BFF;
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
 fill: #428BFF;
}
 @media (max-width: 600px) {
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
 background: rgba(0, 0, 0, 0.08);
}
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
 -webkit-transform: translateX(300%);
 transform: translateX(300%);
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
 display: block;
}
 @-webkit-keyframes content {
 from {
 opacity: 0;
 -webkit-transform: translateY(5%);
 transform: translateY(5%);
}
to {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
}
 @keyframes content {
 from {
 opacity: 0;
 -webkit-transform: translateY(5%);
 transform: translateY(5%);
}
to {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
}
 @media (max-width: 1000px) {
 .tabs ul li label {
 white-space: initial;
}
 .tabs ul li label br {
 display: initial;
}
 .tabs ul li label svg {
 height: 1.5em;
}
}
 @media (max-width: 600px) {
 .tabs ul li label {
 padding: 5px;
 border-radius: 5px;
}
 .tabs ul li label span {
 display: none;
}
 .tabs .slider {
 display: none;
}
 .tabs .content {
 margin-top: 20px;
}
 .tabs .content section h2 {
 display: block;
}
}
.pricing-content {
	display: flex;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
/* .PageWidth {
    max-width: 1150px;
    width: 100%;
    margin: 30px auto;
} */

.pricing-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 380px;
	margin: auto;
	background: #F6F8F9;
	border-radius: 20px;
	overflow: hidden;
}
.pricing-tab-item {
	flex: 1;
	text-align: center;
	padding: 8px 10px;
	cursor: pointer;
 transition: all .3s;
	text-transform: uppercase;
}
.pricing-tab-item:hover, .tab-active {
	background: #326BD6;
	color: #fff;
}
.pricing-content-items {
	display: flex;
	padding: 50px 0px;
}
.pricing-item {
	display: flex;
	flex-direction: column;
	padding: 15px;
 transition: all .3s;
}
.pricing-item-box {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 35px 25px;
 transition: all .6s;
	border: 2px solid #eee;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
}
.plan-name {
	font-size: 22px;
	font-weight: 600;
}
.plan-text {
	margin: 10px 0px;
}
.plan-price-content {
	margin: 10px 0px;
	color: #316bd6;
}
.plan-price {
	font-size: 26px;
	font-weight: 600;/* color: #316bd6; */
}
.plan-price-text {
	color: #707070;
	margin-top: 2px;
}
.month-text {
	font-size: 13px;
	font-weight: 500;
	opacity: .6;
}
.plan-features {
	flex: 1;
}
.plan-feature-item {
	color: #707070;
	margin: 10px 0;
	/* font-size: 12px; */
    display: flex;
	align-items: center;
}
.pricing-title {
	background: #22B122;
	text-align: center;
	color: #fff;
	padding: 6px;
	font-size: 14px;
	margin-top: -31px;
}
.plan-button a {
	flex: 1;
	display: flex;
	justify-content: center;
	border: 1px solid #3069d4;
	padding: 10px;
	border-radius: 3px;
	text-decoration: none;
	color: #3069d4;
 transition: all .3s;
}
.plan-button {
	display: flex;
	margin-top: 20px;
}
.pricing-item:hover {
/* transform: scale(1.01); */
}
.plan-button-blue {
	background: #3069d4;
	color: #fff !important;
}
.plan-button a:hover {
	background: #3069d4;
	color: #fff;
}
.pricing-item:hover .pricing-item-box {
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	border-color: transparent;
	transform: translateY(-10px);
}
.compare-button {
	text-align: center;
}
.compare-button a {
	padding: 10px 20px;
	border: 1px solid #707070;
	color: #707070;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 3px;
transition: all .3s;
}
.compare-button a:hover {
	background: #2e6ad4;
	color: #fff;
	border-color: #2e6ad4;
}
.plan-feature-item:before {
	content: "";
	width: 14px;
	height: 14px;/* border: 1px solid #a9a9a9; */
	background: #eee;
	margin-right: 7px;/* border-radius: 50px; */
	margin-bottom: 2px;
}
.ribbon:before, .ribbon:after {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	bottom: -8px;
	border: 13px solid #22B122;
}
.ribbon {
	position: absolute;
	right: 36px;
	top: 17px;
}
.ribbon:before {
	border-bottom-color: transparent;
	bottom: -26px;
}
.full-plan-content {
	margin: 80px 0px 30px;
}
.full-plan-title {
	text-align: center;
	font-size: 26px;
	margin-bottom: 30px;
}
.fill-plan-table table {
	width: 100%;
	border-spacing: 0px;
}
.table-plan-bg {
	background: #f6f8f9;
	box-shadow: 0 2px 4px 0 rgba(155, 155, 155, .4);
}
.fill-plan-table table tr th {
	padding: 15px 20px;
	font-size: 15px;
	width: 20%;
}
 .fill-plan-table table tr th:nth-child(1), .fill-plan-table table tr td:nth-child(1) {
 text-align: left;
 width: 20%;
 border-left: 0;
}
.fill-plan-table table tr td {
	padding: 15px 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.tick-blue {
	color: #316bd6;
}
/*===========================================
Pricing Working Styles
============================================*/

.pricing-working-content {
	background: #F6F8F9;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 50px 0px;
}
.plan-cards {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	box-sizing: border-box;
}
.plan-card-item {
	flex: 1;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
}
.plan-card-status {
	flex: 1;
	background: #787d96;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
	padding: 25px;
	margin-left: 25px;
}
.PageWidth-800 {
	max-width: 800px;
	margin: auto;
	width: 100%;
}
.p-card-hd {
	padding: 25px;
	display: flex;
	align-items: center;
}
.p-card-title {
	flex: 1;
}
.p-text {
	font-size: 22px;
}
.p-sub-text {
	color: #707070;
}
.p-card-btn a {
	display: flex;
	border: 1px solid #3069d4;
	padding: 10px 20px;
	border-radius: 3px;
	text-decoration: none;
	color: #3069d4;
 transition: all .3s;
}
.p-card-btn a:hover {
	background: #3069d4;
	color: #fff;
}
.p-clients {
	background: #f2f4f8;
	padding: 28px 25px;
}
.p-clients-hd {
	display: flex;
	align-items: flex-start;
}
.p-clt-rgt {
	flex: 1;
	font-size: 15px;
}
.p-clt-lft {
	display: flex;
	align-items: center;
}
.p-clt-img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	background: #eee;
	margin-left: -8px;
}
.p-clt-img div {
	width: 100%;
	height: 100%;
}
.p-clt-text {
	line-height: 25px;
	text-align: center;
	color:#fff;
	font-size: 10px;
}
 .p-clt-img:nth-child(1) .p-clt-text {
 background: #a17ce4;
}
.p-clt-img:nth-child(2) .p-clt-text {
 background: #48d4b6;
}
.p-clt-img:nth-child(3) .p-clt-text {
 background: #0ec9ec;
}
.p-clt-img:nth-child(4) .p-clt-text {
 background: #6e8ff5;
}
.p-clt-img:nth-child(5) .p-clt-text {
 background: #747c94;
}
.p-clt-bar {
	width: 100%;
	height: 5px;
	background: #d0d1d4;
	margin-top: 10px;
}
.p-bar-blue {
	background: #3069d4;
	height: 100%;
	width: 5%;
}
.nocard-text {
	font-size: 16px;
	margin-bottom: 50px;
}
.Update-btn a {
	background: #f2f4f8;
	text-decoration: none;
	color: #000;
	padding: 8px 15px;
	font-size: 16px;
	border-radius: 3px;
 transition: all .3s;
}
.Update-btn a:hover {
	color: #fff;
	background: #3069d4;
}
.plan-card-support {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
	background: #fff;
	margin: 20px 0px;
	padding: 25px;
	display: flex;
	align-items: center;
}
.call-icon {
	width: 25px;
	height: 25px;
	background: #778196;
	color: #fff;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	border-radius: 50%;
	margin-right: 10px;
}
.call-icon i {
	font-size: 15px;
	line-height: 25px;
}
.sp-text {
	font-size: 15px;
}
.sp-text a {
	color: #2580eb;
	text-decoration: none;
}
.invoices-content {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
	background: #fff;
	padding: 25px;
}
.invoice-title {
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	color: #707070;
	padding-bottom: 5px;
}
.invoice-item {
	display: flex;
	align-items: center;
	padding: 8px 20px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	color: #707070;
}
.invoice-no {
	flex: 1;
}
.invoice-date {
	flex: 1;
}
.invoice-download {
	display: flex;
	background: #f2f4f8;
	padding: 5px;
	border-radius: 3px;
 transition: all .3s;
	cursor: pointer;
}
.invoice-download:hover {
	background: #2e6ad4;
	color: #fff;
}
.card-update {
	background: #787d96;
}
.card-update-type {
	display: flex;
	align-items: center;
}
.card-type {
	flex: 1;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
}
.card-update-btn a {
	display: flex;
	text-transform: uppercase;
	text-decoration: none;
	color: #2e6ad4;
	font-weight: 600;
	font-size: 15px;
 transition: all .3s;
}
.card-update-btn a:hover {
	color: #2f69d4;
}
.card-number {
	margin: 20px 0px;
}
.card-deatils {
	display: flex;
	align-items: center;
}
.card-holder-name label {
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.42);
}
.card-holder-name {
	flex: 1;
}
.card-valid label {
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.42);
}
.card-no-text {
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.42);
}
.card-text {
	color: #fff;
	font-size: 15px;
}
.invoice-date.inv-mar-10 {
	margin-left: 0px;
}
.invoice-all-download a {
	display: flex;
	background: #f2f4f8;
	padding: 5px 10px;
	border-radius: 3px;
 transition: all .3s;
	color: #333;
	text-decoration: none;
}
.invoice-all-download a:hover {
	background: #2f69d4;
	color: #fff;
}
table.invoices-table {
	width: 100%;
	font-size: 15px;
	color: #707070;
	border-spacing: 0;
}
table.invoices-table tr th {
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #ddd;
}
table.invoices-table tr td {
	padding: 8px 10px;
	border-bottom: 1px solid #ddd;
}
 table.invoices-table tr td:nth-child(5), table.invoices-table tr th:nth-child(5) {
justify-content: flex-end;
display: flex;
}
 table.invoices-table tr td:nth-child(1), table.invoices-table tr th:nth-child(1) {
 width: 30%;
}
/* .pricing-content-items-tabs{
    display: flex;
    flex-direction: column;
        padding: 50px 0px;
} */
.pricing-yearly {
	display: flex;/* margin-bottom: 50px; */
}
.pricing-monthly {
	display: none;
	margin-bottom: 50px;
}
.pricing-monthly.active-tab-content {
	display: flex;
}
/* contact */

.contact {
	padding:10px 0 50px 0px;
}
.contact .heading h2 {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.contact .heading h2 span {
	color: #ff9100;
}
.contact .heading p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color: #999999;
	margin: 20px 0 60px;
	padding: 0;
}
.contact .form-control {
	padding: 25px;
	font-size: 13px;
	margin-bottom: 10px;
	background: #ececec;
	border: 0;
	border-radius: 10px;
}
.contact button.btn {
	padding: 10px;
	border-radius: 10px;
	font-size: 15px;
	background: #f56c14;
	color: #ffffff;
}
.contact button.btn:hover {
	background: #ccc;
}
.contact .title h3 {
	font-size: 18px;
	font-weight: 600;
}
.contact .title p {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 1.6;
	margin: 0 0 40px;
}
.contact .content .info {
	margin-top: 30px;
}
.contact .content .info i {
	font-size: 30px;
	padding: 0;
	margin: 0;
	color: #02434b;
	margin-right: 20px;
	text-align: center;
	width: 20px;
}
.contact .content .info h4 {
	font-size: 13px;
	line-height: 1.4;
}
.contact .content .info h4 span {
	font-size: 13px;
	font-weight: 300;
	color: #999999;
}
.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
 border-radius: .3rem;
	outline: 0;
	border-radius: 15px;
}
.modal1header {
	background: #007bce;
	padding: 0.515rem 1rem !important;
	color: #fff;
	border: none !important;
}
.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
 border-top-left-radius: .3rem;
 border-top-right-radius: .3rem;
	margin-top: -18px;
	border-radius: 10px;
}
/*message*/
.projects-content2 {
	padding-top: 5vh;
	padding-bottom:1vh;
	height: auto;
	padding-left:1rem;/* background: linear-gradient(105deg, white 65%, #077c78 25%); */
}
/*tabs*/
.innerpageheadingbelow_tab {
	color: #023575;
	font-weight: bold !important;
	font-size: 1.05rem;
	margin-top:0rem !important;
}
/*tabs*/
.sky-tabs, .sky-tabs * {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
}
.sky-tabs {
	position: relative;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0;
	text-align: left;
	color: #666;
}
.sky-tabs > input {
	position: absolute;
	display: none;
}
.sky-tabs > label {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 1px;
	padding-top: 0;
	padding-left: 0;
	font-size: 13px;
	line-height: 45px;
	cursor: pointer;
}
 @media screen and (max-width:768px) {
 .sky-tabs > label {
 position: relative;
 z-index: 1;
 display: inline-block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 padding: 1px;
 padding-top: 0;
 padding-left: 0;
 font-size: 13px;
 line-height: 45px;
 cursor: pointer;
 display:none;
}
}
.sky-tabs > label.inverse {
	float: right;
	padding-right: 0;
	padding-left: 1px;
}
.sky-tabs > label.disabled {
	cursor: default;
}
.sky-tabs > label span {
	display: block;
	padding: 0px;
	background: rgba(255, 255, 255, 0.9);
	font-weight:bold;
}
.sky-tabs > label span span {
	padding: 0 20px;
	background: transparent;
	transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	-ms-transition: background 0.4s, color 0.4s;
	-moz-transition: background 0.4s, color 0.4s;
	-webkit-transition: background 0.4s, color 0.4s;
}
.sky-tabs > label:hover span span {
	background: #023575;
	color: #fff;
	font-weight:bold;
}
.sky-tabs > label.disabled span span {
	background: transparent;
	color: inherit;
}
.sky-tabs > input:checked + label {
	cursor: default;
}
.sky-tabs > input:checked + label span span {
	background: #023575;
	color: #fff;
}
.sky-tabs > ul {
	list-style: none;
	position: relative;
	display: block;
	font-size: 13px;
}
.sky-tabs > ul > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: auto;
	padding: 20px 25px 25px;
	background: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: opacity 0.8s, -o-transform 0.8s;
	-ms-transition: opacity 0.8s, -ms-transform 0.8s;
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
 position: relative;
 z-index: 1;
 opacity: 1;
 -webkit-transform: translate(0, 0);
}
/**/
/* positions */
/**/
.sky-tabs-pos-top-center {
	text-align: center;
}
.sky-tabs-pos-top-right {
	text-align: right;
}
.sky-tabs-pos-left > label, .sky-tabs-pos-right > label {
	display: block;
	width: 25%;
	float: left;
	clear: left;
	margin-right: 0;
}
.sky-tabs-pos-right > label {
	float: right;
	clear: right;
}
.sky-tabs-pos-left > ul {
	margin-left: 25%;
}
.sky-tabs-pos-right > ul {
	margin-right: 25%;
}
.sky-tabs-pos-right > label {
	padding-right: 0;
	padding-left: 1px;
}
.sky-tabs-pos-top-center > ul > li, .sky-tabs-pos-top-justify > ul > li {
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}
.sky-tabs-pos-right > ul > li, .sky-tabs-pos-top-right > ul > li {
	-o-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}
/**/
/* animations */
/**/
.sky-tabs-anim-slide-up > ul > li {
	-o-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	-moz-transform: translateY(-15%);
	-webkit-transform: translateY(-15%);
}
.sky-tabs-anim-slide-right > ul > li {
	-o-transform: translateX(15%);
	-ms-transform: translateX(15%);
	-moz-transform: translateX(15%);
	-webkit-transform: translateX(15%);
}
.sky-tabs-anim-slide-down > ul > li {
	-o-transform: translateY(15%);
	-ms-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-webkit-transform: translateY(15%);
}
.sky-tabs-anim-slide-left > ul > li {
	-o-transform: translateX(-15%);
	-ms-transform: translateX(-15%);
	-moz-transform: translateX(-15%);
	-webkit-transform: translateX(-15%);
}
.sky-tabs-anim-slide-up-left > ul > li {
	-webkit-transform: translate(-15%, -15%);
}
.sky-tabs-anim-slide-up-right > ul > li {
	-webkit-transform: translate(15%, -15%);
}
.sky-tabs-anim-slide-down-right > ul > li {
	-webkit-transform: translate(15%, 15%);
}
.sky-tabs-anim-slide-down-left > ul > li {
	-webkit-transform: translate(-15%, 15%);
}
.sky-tabs-anim-scale > ul > li {
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-webkit-transform: scale(0.1, 0.1);
}
.sky-tabs-anim-scale > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-scale > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-scale > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-scale > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-scale > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-scale > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-scale > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-scale > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-scale > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
 -o-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
}
.sky-tabs-anim-rotate > ul > li {
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.sky-tabs-anim-rotate.sky-tabs-pos-right > ul > li, .sky-tabs-anim-rotate.sky-tabs-pos-top-right > ul > li {
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.sky-tabs-anim-rotate > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-rotate > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-rotate > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-rotate > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-rotate > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-rotate > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-rotate > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-rotate > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-rotate > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
.sky-tabs-anim-flip > ul {
	perspective: 2000px;
	-o-perspective: 2000px;
	-ms-perspective: 2000px;
	-moz-perspective: 2000px;
	-webkit-perspective: 2000px;
	perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-webkit-perspective-origin: 50% 50%;
}
.sky-tabs-anim-flip > ul > li {
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
}
.sky-tabs-anim-flip.sky-tabs-pos-left > ul > li {
	-o-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
}
.sky-tabs-anim-flip.sky-tabs-pos-right > ul > li {
	-o-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
}
.sky-tabs-anim-flip > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-flip > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-flip > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-flip > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-flip > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-flip > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-flip > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-flip > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-flip > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
 -o-transform: rotateX(0deg);
 -ms-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 -webkit-transform: rotateX(0deg);
 -o-transition-delay: 0.2s;
 -ms-transition-delay: 0.2s;
 -moz-transition-delay: 0.2s;
 -webkit-transition-delay: 0.2s;
}
/*contact us */

.contact_icon_color {
	color:#023575;
}
/* case studies*/








.cardimage {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	margin:1rem;
}
.front1, .back1 {
	background-size: cover;
	background-position: center;
 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: center;
	min-height: 280px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
}
.back1 {
	background: #cedce7;
	background: -webkit-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
	background: -o-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
	background: linear-gradient(45deg, #cedce7 0%, #596a72 100%);
}
.front1:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	opacity: .6;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
}
.cardimage:hover .front1, .cardimage:hover .back1 {
 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.inner {
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	top: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 1px solid transparent;
	-webkit-perspective: inherit;
	perspective: inherit;
	z-index: 2;
}
.inner p {
	color:#CCC !important;
}
.back1>.inner>p {
	color:#ffffff !important;
}
.back1>.inner>p>a {
	color:#03277c !important;
}
.back1>.inner>p>a:hover {
	color:#090 !important;
}
.cardimage .back1 {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage .front1 {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage:hover .back1 {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage:hover .front1 {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.front1 .inner p {
	font-size:1.7rem;
	margin-bottom: 2rem;
	position: relative;
	line-height:35px;
}
.front1 .inner p:after {
	content: '';
	width: 4rem;
	height: 2px;
	position: absolute;
	background: #C6D4DF;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
 bottom: -.75rem;
}
.front1 .inner span {
	color: rgba(255, 255, 255, 0.7);
	font-family: 'Montserrat';
	font-weight: 300;
}
/*newsroom accordian */
.accordionarrow .card {
	margin-bottom:0.200rem;
}
.arrowcollpose .test {
	cursor:pointer;
}
.arrowcollpose .test {
	background-color: rgb(97, 120, 142) !important;
	padding: 0.45rem 1.35rem !important;
}
.arrowcollpose .active >.test {
	background-color: rgb(97, 120, 142) !important;
	padding: 0.45rem 1.35rem !important;
}
.arrowcollpose .test>p {
	color:#FFF !important;
	font-size:13px !important;
}
.arrowcollpose .test:hover {
	background: #03277c !important;
	cursor:pointer;
	color:#ffffff !important;
}
.arrowcollpose .test>p:hover {
	background: #03277c !important;
	cursor:pointer;
	color:#ffffff !important;
}
.arrowcollpose>[data-toggle="collapse"]:after {
	display: inline-block;
	display: inline-block;
	font: normal normal normal 13px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f054";
	transform: rotate(90deg);
	transition: all linear 0.25s;
	float: right;
	position: absolute;
	right:15px;
	top:10px;
	color:#ffffff !important;
}
.arrowcollpose>[data-toggle="collapse"].collapsed:after {
	transform: rotate(0deg);
}
/* Portfolio Section
--------------------------------*/

/*#portfolio {
  padding: 60px 0;
}*/

#portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px 0;
	list-style: none;
	text-align: center;
}
#portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 6px 10px;
	font-size: 16px;
	line-height: 20px;
	color: #413e66;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}
#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
	color: #1bb1dc;
}
#portfolio #portfolio-flters li:last-child {
	margin-right: 0;
}
#portfolio .portfolio-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
#portfolio .portfolio-item .portfolio-wrap {
	overflow: hidden;
	position: relative;
	margin: 0;
}
#portfolio .portfolio-item .portfolio-wrap:hover img {
	opacity: 0.4;
	transition: 0.3s;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	opacity: 0;
	transition: 0.2s linear;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {
	font-size: 22px;
	line-height: 1px;
	font-weight: 700;
	margin-bottom: 14px;
	padding-bottom: 0;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {
	color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {
	color: #1bb1dc;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {
	padding: 0;
	margin: 0;
	color: #f8fcff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {
	display: inline-block;
	line-height: 1;
	text-align: center;
	width: 36px;
	height: 36px;
	background: #1bb1dc;
	border-radius: 50%;
	margin: 10px 4px 0 4px;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {
	padding-top: 6px;
	font-size: 22px;
	color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {
	background: #42c3e8;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {
	color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap:hover {
	background: #282646;
}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {
	opacity: 1;
}
#myModal {
	top:20%;
}
.hide {
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}
.accordion {
	background: #2eb775;
	border: 1px solid #e0e0e0;
}
.accordion-item {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	background-color:#2eb775;
}
.accordion-item:last-child {
	border-bottom: none;
}
.accordion-label {
	padding: 15px 0 2px 29px;
	width: 100%;
	display: block;
	font-size: 15px;
	color:#fff;
}
.accordion-label:hover {
	cursor: pointer;
}
.accordion-label:before {
	content: '';
	position: absolute;
	height: 5px;
	width: 5px;
	top: 22px;
	left: 12px;
	display: inline-block;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
input[type=checkbox]:checked ~ .accordion-label:before {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
.accordion-child {
	margin: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	opacity: 0;
	height: 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
input[type=checkbox]:checked ~ .accordion-child {
 border: 1px solid #e0e0e0;
 margin: 0 -20px 15px -20px;
 background: #fff;
 box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
 padding: 30px;
 height: auto;
 opacity: 1;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
[class*='stacked--'] {
 position: relative;
 transition: -webkit-transform 0.3s ease-in-out;
 transition: transform 0.3s ease-in-out;
 transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 will-change: transform;
}
[class*='stacked--']:before, [class*='stacked--']:after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color:#FFF;
 transition: -webkit-transform 0.3s ease-in-out;
 transition: transform 0.3s ease-in-out;
 transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 will-change: transform;
 border: 1px solid #e5e5e5;
 box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0);
}
[class*='stacked--']:before {
 z-index: -1;
}
[class*='stacked--']:after {
 z-index: -2;
}
.stacked--fan-right {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
.stacked--fan-right:before, .stacked--fan-right:after {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.stacked--fan-right:hover {
	-webkit-transform: translate(2.5px, 0) rotate(2.5deg);
	transform: translate(2.5px, 0) rotate(2.5deg);
}
.stacked--fan-right:hover:before {
	-webkit-transform: translate(-2.5px, 0) rotate(-2.5deg);
	transform: translate(-2.5px, 0) rotate(-2.5deg);
}
.stacked--fan-right:hover:after {
	-webkit-transform: translate(-5px, 0) rotate(-5deg);
	transform: translate(-5px, 0) rotate(-5deg);
}
/*News Ticker */
.navigation-box {
 top: .2rem;
 right: .8rem;
	width: 2rem;
	position: absolute;
}
.badge {
	display: inline-block;
	padding: 0.4em .8em !important;
	font-size: 75%;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}
@media (min-width: 768px) {
 .breaking-caret {
 font-size:14px;
}
 .breaking-caret:after {
 content: "";
 width: 0;
 height: 0;
 border-top: 15px solid transparent;
 border-left: 16px solid #28a745;
 border-bottom: 14px solid transparent;
 position: absolute;
 right: -15px;
 top: 0;
}
}
.sub p {
	line-height:1.25;
}
.cardradius {
	border-radius:1rem !important;
}
.menupadding {
	padding-left:110px;
}
#accordion3 .card {
	margin-bottom: 20px;
	border-radius: 10px;
}
#accordion3 .card-header {
	background-color: #2c4964;
	cursor: pointer;
}
#accordion3 .card-header a {
	color: #ffffff;
	margin-bottom: 10px;
}
.pricing-item1:hover .pricing-item-box1 {
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	border-color: transparent;
	transform: translateY(-10px);
	border: 2px solid #eee;
}
/*clients*/
.cover-wrapper {
	padding:2px;
}
.client-inners img {
	height: 100%;
	object-fit: contain;
}
.client-inners {
	border: 0px solid #ccc;
	height: auto;
	text-align: center;
	padding: 0px;
}
.owl-nav img {
	width: 34px;
}
.owl-prev img {
	position: absolute;
	left: -38px;
	top: 50%;
	margin-top: -20px;
}
.owl-next img {
	position: absolute;
	right: -38px;
	top: 50%;
	margin-top: -20px;
}
/* scoial Media */
.social-nav {
	padding: 0;
	list-style: none;
	display: inline-block;
	margin: 10px auto;
	z-index: 99;
	top: 10px;
}
.social-nav li {
	display: inline-block;
}
.social-nav a {
	display: inline-block;
	float: right;
	width: 48px;
	height: 48px;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	line-height: 48px;
	background: #000;
	position: relative;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 15px 0px 0px 15px;
	box-shadow: 0 0 9px 0px #000;
}
.model-0 {
	position: absolute;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	right: 0;
	top:15rem;
	position: fixed;
}
.model-0 li {
	float: none;
	display: block;
}
.model-0 a:hover {
	/*padding-left: 20px;*/
		width:65px;
}
.model-0 .twitter {
	background: #00ACED;
}
.model-0 .facebook {
	background: #3B579D;
}
.model-0 .google-plus {
	background: #DD4A3A;
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.model-0 .linkedin {
	background: #007BB6;
}
.model-0 .pinterest {
	background: #CB2026;
}
.model-0 .instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1 );
}
.card1 {
	width:100%;
	height:100%;
	/* background: url('../img/s1.jpg'); */
		/* background-size:cover; */
		/*  */
		
		/* left:50%;
		top:50%; */
		/* transform: translate(-50%, -50%); */
		/* box-shadow: 0 0 5em rgba(0,0,0,0.4); */
		/* background-position: 0px 0px;   */
		border-radius: 1rem;
}
.card-info {
	background: rgb(250,250,249);
	background: -moz-linear-gradient(97deg, rgba(250, 250, 249, 1) 0%, rgba(252, 252, 252, 1) 100%);
	background: -webkit-linear-gradient(97deg, rgba(250, 250, 249, 1) 0%, rgba(252, 252, 252, 1) 100%);
	background: linear-gradient(97deg, rgba(250, 250, 249, 1) 0%, rgba(252, 252, 252, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafaf9", endColorstr="#fcfcfc", GradientType=1);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:1em 1.5em;
	height:4em;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(.48, -0.28, .41, 1.4);
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
}
.card-info p a {
	text-decoration: none;
	color:#046b99;
	font-weight: bold;
}
.card-info h2 {
	color:#046b99 !important;
	font-size: 20px;
}
.card-info a:hover {
	text-decoration: none !important;
}
.card-info h3 {
	color: #161616 !important;
	font-size: 16px;
	font-weight:500;
}
.card-info p {
	transform:translateY(2em);
	opacity:0;
	transition: all 0.4s ease-out;
	color: #161616 !important;
}
.card1:hover .card-info {
	height:6em;
}
.card1:hover .card-info p {
	opacity: 1;
	transform: translateY(0);
	cursor: pointer;
}
.hoverEffect:hover {
	text-decoration: none !important;
	color: transparent !important;
}
figure.snip1174 {
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	background-color: #1a1a1a;
	color: #ffffff;
	text-align: left;
	margin: 0px;
	width: 100%;
	border-radius: 0px;
}
figure.snip1174 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
figure.snip1174 img {
	max-width: 100%;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	vertical-align: top;
	opacity: 0.7;
}
figure.snip1174 figcaption {
	padding: 0px 0px;
	margin:0px auto;
	/* right:110px;
		bottom:100px; */
		vertical-align:middle;
	position: absolute;
	top:43%;
	left:25%;
}
/* 
	  @media only screen and (max-width: 1024px) {
		figure.snip1174 figcaption {
			position: absolute;
		
			right: 70px;
			bottom: 80px;
		  }
		  figure.snip1174 h2 {
			margin-bottom: 10px;
			display: inline-block;
			font-weight: 100;
			font-size: 1.8em;
			margin-left: 0px;
		}
	  } */
/* 
	  @media only screen and (max-width: 768px)   {
		figure.snip1174 figcaption {
			position: absolute;
		 right: 280px;
         bottom: 280px;
		  }
	   .card-info h3{
		   font-size:16px;
	   }
		} */
		/* @media only screen and (max-width: 500px)   {
			figure.snip1174 figcaption {
				position: absolute;
			 right:90px;
			 bottom:100px;
			  }
		   
			} */
	  /* figure.snip1174 h2,
	  figure.snip1174 p {
		margin: 0;
		padding: 0;
	  }
	  figure.snip1174 h2 {
		margin-bottom: 10px;
		display: inline-block;
		font-weight: 100;
		font-size: 1.8em;
	  }
	  figure.snip1174 p {
		font-weight: 300;
		margin-bottom: 20px;
		line-height: 1.4em;
	  } */
	  /* figure.snip1174 a {
		display: inline-block;
		padding: 10px 20px;
		border: 0px solid #ffffff;
		text-decoration: none;
		color: #ffffff;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 0.8em;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
		bottom: 0px;
		left: 30px;
		position: absolute;
	  
	  } */
	  figure.snip1174 a:hover {
	/* background-color: rgba(0, 0, 0, 0.2); */
		text-decoration: none;
}
figure.snip1174.blue {
	background-color: #20638f;
}
figure.snip1174.yellow {
	background-color: #c87f0a;
}
figure.snip1174.green {
	background-color: #1e8449;
}
figure.snip1174.navy {
	background-color: #222f3d;
}
figure.snip1174.red {
	background-color: rgba(4, 107, 153, 0.9);
}
figure.snip1174:hover img, figure.snip1174.hover img {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(2);
	cursor: pointer;
}
/* figure.snip1174:hover a,
	  figure.snip1174.hover a {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		cursor: pointer;
	  } */
	  .card-img-wrap {
	overflow: hidden;
	position: relative;
}
.card-img-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
 transition: opacity .25s;
}
.card-img-wrap img {
 transition: transform .25s;
	width: 100%;
}
.card-img-wrap:hover img {
	transform: scale(1.2);
}
.card-img-wrap:hover:after {
	opacity: 1;
}
.text-content {
	background-color: #fff;
	text-align: left;
	padding: 20px;
	border-bottom-right-radius: 2rem;
	border-bottom-left-radius: 2rem;
	color: #2f2f2f;
	line-height: 1.4;
}
.text-content h4, .text-content div i {
	color: #078175 !important;
	font-weight: 800;
}
button {
	border: none;
	/* color: #fff; */
		text-align: center;
	font-size:20px;
	transition: all 0.5s;
	cursor: pointer;/* box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7); */
}
.btn1 {
	cursor: pointer;
	/* display: inline-block; */
		position: relative;
	transition: 0.5s;
}
.btn1:after {
	content: '»';
	position: absolute;
	opacity: 0;
	top: 14px;
	right: -20px;
	transition: 0.5s;
	font-size: 20px;
}
.btn1:hover {
	padding-right: 24px;
	padding-left:8px;
}
.btn1:hover:after {
	opacity: 1;
	right: 10px;
}
.owl-dots {
	text-align: center;
}
.owl-dot {
	display: inline-block;
	height:10px !important;
	width: 10px !important;
	/* background-color: #222222 !important; */
		opacity: 0.8;
	border:1px solid #222222 !important;
	border-radius: 50%;
	margin: 0 5px;
}
.owl-dot.active {
	/* background-color: #FF170F !important; */
		border:1px solid #FF170F !important;
}
.owl-nav {
	display: none !important;
}
/* ignore the code below */
	  
	  
	  .link-area {
	position:fixed;
	bottom:20px;
	left:20px;
	padding:15px;
	border-radius:40px;
	background:tomato;
}
.link-area a {
	text-decoration:none;
	color:#fff;
	font-size:25px;
}
.heyo:hover {
	fill: #CC2929;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.enabled {
	fill: #21669E;
	cursor: pointer;
}
.description {
	pointer-events: none;
	position: absolute;
	font-size: 18px;
	text-align: center;
	background: white;
	padding: 10px 15px;
	z-index: 5;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	color: #21669e;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #eee;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}
.description.active {
	display: block;
}
.description:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
}
#tooltip {
	background: rgba(0, 0, 0, 0.7);
	border: 0px solid black;
	border-radius: 5px;
	padding: 5px 20px;
	color: #ffffff;
	cursor: pointer;
}
svg {
	width:  auto;
	height: auto;
}
.author {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #999;
}
.author a {
	color: #777;
	text-decoration: none;
}
.author a:hover {
	color: blue;
}
header.dark blockquote {
	color:#fff;
}
header.light blockquote {
	color:#000;
}
/* blockquote { 
	max-width: 1000px; 
	margin:0 auto;
	font-size: 16px; 
	border-left: 0px;
	padding:  20px ;
  } */
  
  /* blockquote h2 { padding-right: 40px; margin: 0px; } */
  header.dark blockquote a {
	color: orange;
	text-decoration: underline;
}
header.light blockquote a {
	text-decoration: underline;
}
/* header { min-height: 450px; } */
  header.dark {
	background: rgb(11,145,140);
	background: -moz-linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
	background: linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b918c", endColorstr="#057567", GradientType=1);
}
header.light {
	background-color: #fff;
}
/* Navigation Styles */
  nav {
	position: relative;
}
header.dark nav {
	background: rgb(20,124,171);
	background: -moz-linear-gradient(180deg, rgba(20, 124, 171, 1) 0%, rgba(6, 109, 155, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(20, 124, 171, 1) 0%, rgba(6, 109, 155, 1) 100%);
	background: linear-gradient(180deg, rgba(20, 124, 171, 1) 0%, rgba(6, 109, 155, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#147cab", endColorstr="#066d9b", GradientType=1);
	border-bottom:3px solid #a1bbc7!important;
}
/* header.light nav { background-color:rgba(0,0,0,0.5); } */
  
  ul.main-nav {
	list-style-type: none;
	padding: 0px;
	font-size: 0px;
	margin: 0 auto;
}
ul.main-nav > li {
	display: inline-block;
	padding: 0;
	color: #fff;
}
ul.main-nav > li > a {
	display: block;
	padding:10px 22px;
	position: relative;
	color: #fff;
	font-size: 13px;
	/* font-weight: 400; */
	box-sizing: border-box;
	font-weight: 500;
}
ul.main-nav > li > a>span:first-child {
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.4);
}
.top-level-link a span:first-child:hover {
	color:#53d32d !important;
}
 @media screen and (max-width: 1024px) {
 ul.main-nav > li > a > span:first-child {
 display: inline-block;
 text-align: center;
 font-size:18px;
 margin-bottom:0px;
}
}
ul.main-nav > li:hover , ul.main-nav > li:active {
	background: rgb(11,114,160);
	background: -moz-linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
	background: linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b72a0", endColorstr="#045b81", GradientType=1);
}
ul.main-nav > li:hover > a , ul.main-nav > li:active > a{
	color: #ffffff;
	text-decoration: none;
}
ul.main-nav > li ul.sub-menu-lists {
	margin: 0px;
	padding: 0px;
	list-style-type : none;
	display:block;
}
ul.main-nav > li ul.sub-menu-lists > li {
	padding: 7px;
	font-weight: 500;
	background: rgba(1,85,122,0.95);
	color: #3d3100 !important;
	text-decoration: none;
	padding-left: 20px;
	border-bottom:1px solid #055f86;
	width:250px;
}
ul.main-nav > li ul.sub-menu-lists > li:hover {
	padding: 7px;
	font-weight: 500;
	background: rgb(11,114,160);
	color: #3d3100 !important;
	text-decoration: none;
	padding-left: 20px;/* background: -moz-linear-gradient(180deg, rgba(11,114,160,1) 0%, rgba(4,91,129,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(11,114,160,1) 0%, rgba(4,91,129,1) 100%);
	background: linear-gradient(180deg, rgba(11,114,160,1) 0%, rgba(4,91,129,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b72a0",endColorstr="#045b81",GradientType=1)
	;  *//* color:#3d3100 !important;
	text-decoration: none; */
}
ul.main-nav > li ul.sub-menu-lists > li > a {
	font-size: 14px;
	color:#ffffff;
	text-decoration: none;
}
ul.main-nav > li ul.sub-menu-lists > li > a :hover {
	font-size: 14px;
	color:#3d3100;
	text-decoration: none;
}
.ic {
	position: fixed;
	cursor: pointer;
	display: inline-block;
	right: 25px;
	width: 32px;
	height: 24px;
	text-align: center;
	top:0px;
	outline: none;
}
.ic.close {
	opacity: 0;
	font-size: 0px;
	font-weight: 300;
	color: #fff;
	top:8px;
	height:40px;
	display: block;
	outline: none;
}
/* Menu Icons for Devices*/
  .ic.menu {
	top:50px;
	z-index : 20;
}
 @media only screen and (max-width: 600px) {
 .ic.menu {
top:44px;
z-index : 20;
}
}
.ic.menu .line {
	height: 4px;
	width: 100%;
	display: block;
	margin-bottom: 6px;
}
.ic.menu .line-last-child {
	margin-bottom: 0px;
}
.sub-menu-head {
	margin: 10px 0;
}
.banners-area {
	margin-top: 20px;
	padding-top: 15px;
}
 @media only screen and (max-width:1025px) {
 .sub-menu-head {
color:#0d776d;
}
 .ic.menu {
display: block;
}
 header.dark .ic.menu .line {
background-color: #000;
}
 header.light .ic.menu .line {
background-color: #000;
}
 .ic.menu .line {
 -webkit-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transform-origin: center center;
 -ms-transform-origin: center center;
 transform-origin: center center;
}
 .ic.menu:focus .line {
background-color: #fff !important;
}
 .ic.menu:focus .line:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .ic.menu:focus .line:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 margin-top: -10px;
}
 .ic.menu:focus .line:nth-child(3) {
 transform: translateY(15px);
 opacity: 0;
}
 .ic.menu:focus {
outline: none;
}
 .ic.menu:focus ~ .ic.close {
opacity: 1;
z-index : 21;
outline: none;
}
	
	/*
	
	.ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
	.ic.close:focus { opacity: 0; }
	*/
	.ic.menu:hover, .ic.menu:focus {
opacity: 1;
}
 nav {
background-color: transparent;
}
	
   /* Main Menu for Handheld Devices  */
	ul.main-nav {
 z-index:2;
 padding: 50px 0;
 position: fixed;
 right: 0px;
 top: 0px;
 width: 0px;
 background-color:rgba(0, 0, 0, 1);
 height: 100%;
 overflow: auto;
	  /*CSS animation applied : Slide from Right*/
	 -webkit-transition-property: background, width;
 -moz-transition-property: background, width;
 -o-transition-property: background, width;
 transition-property: background, width;
 -webkit-transition-duration: 0.6s;
 -moz-transition-duration: 0.6s;
 -o-transition-duration: 0.6s;
 transition-duration: 0.6s;
}
 .ic.menu:focus ~ .main-nav {
width: 300px;
background-color:rgba(0, 0, 0, 1);
}
 ul.main-nav > * {
 -webkit-transition-property: opacity;
 -moz-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
 -webkit-transition-duration: 0.4s;
 -moz-transition-duration: 0.4s;
 -o-transition-duration: 0.4s;
 transition-duration: 0.4s;
 opacity: 0;
}
 .ic.menu:focus ~ .main-nav > * {
opacity: 1;
}
 ul.main-nav > li > a:after {
display: none;
}
 ul.main-nav > li:first-child {
border-radius: 0px;
}
 ul.main-nav > li {
 display: block;
 border-bottom: 1px solid #444;
}
 ul.main-nav > li > a {
font-weight: 600;
}
 ul.main-nav > li ul.sub-menu-lists > li a {
color: #eee;
font-size: 14px;
}
 .sub-menu-head {
font-size: 16px;
}
 ul.main-nav > li:hover {
background-color: transparent;
}
 ul.main-nav > li:hover > a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
 .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
 border-left: 0px solid #ccc;
 border-right: 0px solid #ccc;
 border-bottom: 0px solid #ccc;
 position: relative;
 visibility: visible;
 opacity: 1.0;
}
 .sub-menu-block {
padding: 0 30px;
}
 .banners-area {
padding-bottom: 0px;
}
 .banners-area div {
margin-bottom: 15px;
}
 .banners-area {
border-top: 1px solid #444;
}
}
 @media only screen and (min-width:1025px) {
 .ic.menu {
display: none;
}
	/* Main Menu for Desktop Devices  */
	ul.main-nav {
display: block;
position: relative;
}
 .sub-menu-block {
padding: 0px;
}
	
	/* Sub Menu */
	ul.main-nav > li > div.sub-menu-block {
 visibility: hidden;
 background-color: #f9f9f9;
 position: absolute;
 margin-top: 0px;
 width: auto;
 color: #333;
	/* left: 0; */
	box-sizing: border-box;
 z-index : 3;
 font-size: 16px;
	/* border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	opacity: 0;
	  
	/*CSS animation applied for sub menu : Slide from Top */
	-webkit-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 -ms-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: top center;
 -ms-transform-origin: top center;
 transform-origin: top center;
}
 ul.main-nav > li:hover > div.sub-menu-block {
 background-color:transparent;
 visibility: visible;
 opacity: 1;
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 -ms-transform: rotateX(0deg);
 transform: rotateX(0deg);
 min-width: 194px;
}
 ul.main-nav > li > div.sub-menu-block > * {
 -webkit-transition-property: opacity;
 -moz-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
 -webkit-transition-duration: 0.4s;
 -moz-transition-duration: 0.4s;
 -o-transition-duration: 0.4s;
 transition-duration: 0.4s;
 opacity: 0;
}
 ul.main-nav > li:hover > div.sub-menu-block > * {
 opacity: 1;
}
 .sub-menu-block ul li {
		/* background-color:; */
		padding: 0px;
}
 .sub-menu-head {
font-size: 20px;
}
	
	/* List Separator: Outer Border */
	header.dark ul.main-nav > li > a {
border-right: 1px solid #055f86;
}

	
	/* header.light ul.main-nav > li > a { border-right: 1px solid #0d776d; } */

	
	
	/* List Separator: Inner Border */
	ul.main-nav > li > a:after {
 content: '';
 width: 1px;
	  /* height: 62px; */
	  position: absolute;
 right:0px;
 top: 0px;
 z-index : 2;
}
 header.dark ul.main-nav > li > a:after {
background-color: #777;
}
 header.light ul.main-nav > li > a:after {
background-color: #999;
}
	
	/* Drop Down/Up Arrow for Mega Menu */
	ul.main-nav > li > a.mega-menu > span {
display: block;
vertical-align: middle;
}
 ul.main-nav > li > a.mega-menu > span:nth-child(2):after {
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid #c4c4c4;
 content: '';
 background-color: transparent;
 display: inline-block;
 margin-left: 10px;
 vertical-align: middle;
}
 ul.main-nav > li:hover > a.mega-menu span:nth-child(2):after {
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 0px solid transparent;
 border-bottom: 5px solid #ffffff;
}
 .banners-area {
border-top: 1px solid #ccc;
}
}
.box {
	-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	position: relative;
	width:120px;
}
.box:before {
	content: '';
	width: 398px;
	height:60px;
	-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	background: #daae01;
	display: block;
	position: absolute;
	top: 0px;
	left: 1px;
}
.hoverBtn:hover {
	color: #088176 !important;
}
.box {
	-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	position: relative;
	width:120px;
	top: 9px;
}
.box:before {
	content: '';
	width: 398px;
	height:40px;
	-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	background: #daae01;
	display: block;
	position: absolute;
	top: 0px;
	left: 1px;
}
.hoverBtn:hover {
	color: #088176 !important;
}
.loginBtn {
	position:absolute;
	right:0px;
	top: 110px;
}
 @media only screen and (max-width:992px) {
 .loginBtn {
 position:absolute;
right:0px;
 top:20px;
}
 .box:before {
 content: '';
	  /* width: 398px;
	  height:60px; */
	  -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	  /* background:transparent; */
	  display: block;
 position: absolute;
 top: 0px;
 left: 1px;
 color: #daae01;
 font-weight: bold;
}
}
 @media only screen and (max-width:500px) {
 .loginBtn {
 position:absolute;
right:0px;
 top:80px;
}
}
.modal-login .modal-content {
	padding: 20px;
	border-radius:1rem;
	border: none;
}
.modal-login .modal-header {
	border-bottom: none;
	position: relative;
	justify-content: center;
}
.modal-login h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}
/* .modal-login .form-control:focus {
	border-color: #70c5c0;
} */
/* .modal-login .form-control, .modal-login .btn {
	min-height: 40px;
	border-radius: 3px; 
} */
.modal-login .close {
	position: absolute;
	top: 14px;
	right: 6px;
	outline: none !important;
}
.modal-login .modal-footer {
	background: #ecf0f1;
	border-color: #dee4e7;
	text-align: center;
	justify-content: center;
	margin: 0 -20px -20px;
	border-radius: 5px;
	font-size: 13px;
}
.modal-login .modal-footer a {
	color: #999;
}
.modal-login .avatar {
	position: absolute;
	margin: 0 auto;
	left: 30px;
	right: 40px;
	top: -50px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	background: #daae01;
	padding: 15px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-login .avatar img {
	width: 100%;
}
/* .modal-login.modal-dialog {
	margin-top: 80px;
} */
.modal-login .btn {
	color: #fff;
	border-radius: 4px;
	background: #FE4321;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border: none;
}
.modal-login .btn:hover, .modal-login .btn:focus {
	background: #daae01;
	outline: none;
}
.svgClass {

	margin-left: -25% !important;
	margin-top:-20px !important;
}
@media only screen and (max-width: 1024px) {
 .svgClass {

 margin-left: -15% !important;
 margin-top: 50px !important;
}
}
 @media only screen and (max-width: 768px) {
 .svgClass {

 margin-left: -25% !important;
 margin-top: 50px !important;
}
}
/*innerpages*/

  
/* .floating-form {
	width:320px;
  } */
  
  /****  floating-Lable style start ****/
  /* .floating-label { 
	position:relative; 
	margin-bottom:20px; 
  }
  .floating-input , .floating-select {
	font-size:16px;
	padding:4px 4px;
	display:block;
	width:100%;
	height:30px;
	background-color: transparent;
	border:none;
	border-bottom:1px solid #757575;
  }
  
  .floating-input:focus , .floating-select:focus {
	   outline:none;
	   border-bottom:2px solid #5264AE; 
  }
  
  label {
	color:#999; 
	font-size:13px;
	font-weight:normal;
	position:absolute;
	pointer-events:none;
	left:5px;
	top:5px;
	transition:0.2s ease all; 
	-moz-transition:0.2s ease all; 
	-webkit-transition:0.2s ease all;
	font-weight: bold;
  }
  
  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top:-18px;
	font-size:14px;
	color:#5264AE;
  }
  
  .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
	top:-18px;
	font-size:14px;
	color:#5264AE;
  }
  

  .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width:50%;
  }
  

  .floating-textarea {
	 min-height: 30px;
	 max-height: 260px; 
	 overflow:hidden;
	overflow-x: hidden; 
  }
  
 
  .highlight {
	position:absolute;
	height:50%; 
	width:100%; 
	top:15%; 
	left:0;
	pointer-events:none;
	opacity:0.5;
  }
  

  .floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
	-webkit-animation:inputHighlighter 0.3s ease;
	-moz-animation:inputHighlighter 0.3s ease;
	animation:inputHighlighter 0.3s ease;
  }
  

  @-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; }
  }
   */

  /*buttons*/


  .button-gradient {
	font-weight: 400;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 6px;
	background-size: 400% 400%;
	color: #FFF;
	text-transform: uppercase;
	border: 0;
	padding: 13px 30px;
	font-size: 15px;
	animation: Gradient 10s ease infinite;
}
.button-gradient:hover {
	background-size: 150% 150%;
	color: #ffffff;
}
 @keyframes Gradient {
 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
.button-two {
	background: rgb(11,145,140);
	background: -moz-linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
	background: linear-gradient(180deg, rgba(11, 145, 140, 1) 64%, rgba(5, 117, 103, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b918c", endColorstr="#057567", GradientType=1);
	border-bottom:3px solid #f1c103!important;
	border-radius: 2rem;
}
 @keyframes Gradient {
 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
.cardimage {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	margin:1rem;
}
.front1, .back1 {
	background-size: cover;
	background-position: center;
 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: center;
	min-height: 280px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
	height: 200px !important;
}
.back1 {
	background: #cedce7;
	background: -webkit-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
	background: -o-linear-gradient(45deg, #cedce7 0%, #596a72 100%);
	background: linear-gradient(45deg, #cedce7 0%, #596a72 100%);
	height: 200px !important;
}
.front1:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	opacity: .6;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
	height: 200px !important;
}
.cardimage:hover .front1, .cardimage:hover .back1 {
 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	height: 200px !important;
}
.back1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px !important;
}
.inner {
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	top: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 1px solid transparent;
	-webkit-perspective: inherit;
	perspective: inherit;
	z-index: 2;
	font-size:1rem;
	height: 200px !important;
}
.inner p {
	color:#CCC !important;
}
.back1>.inner>p {
	color:#ffffff !important;
}
.back1>.inner>p>a {
	color:#03277c !important;
}
.back1>.inner>p>a:hover {
	color:#090 !important;
}
.cardimage .back1 {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage .front1 {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage:hover .back1 {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cardimage:hover .front1 {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.front1 .inner p {
	font-size:1.7rem;
	margin-bottom: 2rem;
	position: relative;
	line-height:35px;
}
.front1 .inner p:after {
	content: '';
	width: 4rem;
	height: 2px;
	position: absolute;
	background: #C6D4DF;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
 bottom: -.75rem;
}
.front1 .inner span {
	color: rgba(255, 255, 255, 0.7);
	font-family: 'Montserrat';
	font-weight: 300;
}
.floating-label {
	position:relative;
	margin-bottom:20px;
}
.floating-input, .floating-select {
	font-size:14px;
	padding:4px 4px;
	display:block;
	width:100%;
	height:30px;
	background-color: transparent;
	border:none;
	border-bottom:1px solid #ececec;
}
.floating-input:focus, .floating-select:focus {
	outline:none;
	border-bottom:2px solid #5264AE;
	background-color: transparent;
}
.labeltext {
	color:#999;
	font-size:14px;
	font-weight:normal;
	position:absolute;
	pointer-events:none;
	left:5px;
	top:5px;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
	background-color: transparent;
}
 .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
 top:-18px;
 font-size:14px;
 color:#5264AE;
background-color: transparent;
}
 .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
 top:-18px;
 font-size:14px;
 color:#5264AE;
background-color: transparent;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
 width:50%;
background-color: transparent;
}
.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow:hidden;
	overflow-x: hidden;
	background-color: transparent;
}
.floating-label {
	position: relative;
	margin-bottom: 20px;
}
.floating-input, .floating-select {
	font-size: 14px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e0e0e0;
}
.floating-input:focus, .floating-select:focus {
	outline: none;
	border-bottom: 2px solid rgb(11,145,140);
}
label {
	color: #999;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
 .floating-input:focus~label, .floating-input:not(:placeholder-shown)~label {
 top: -18px;
 font-size: 14px;
 color: rgb(11,145,140);
 font-weight: 500;
}
 .floating-select:focus~label, .floating-select:not([value=""]):valid~label {
 top: -18px;
 font-size: 14px;
 color: rgb(11,145,140);
 font-weight: 500;
/* border-bottom: 2px solid  */
  }
  
  
  /* active state */
  
  .floating-input:focus~.bar:before, .floating-input:focus~.bar:after, .floating-select:focus~.bar:before, .floating-select:focus~.bar:after {
 width: 50%;
}
.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}
/* highlighter */
  
  .highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
  
  
  /* active state */
  
  .floating-input:focus~.highlight, .floating-select:focus~.highlight {
 -webkit-animation: inputHighlighter 0.3s ease;
 -moz-animation: inputHighlighter 0.3s ease;
 animation: inputHighlighter 0.3s ease;
}
  
  
  /* 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;
}
}
.menu-container {
	display: flex;
	flex-flow: row wrap;
	padding: 10px;
}
.menu-item {
	order: 0;
	flex: 1 140px;
	display: flex;
	text-decoration: none;
	flex-direction: column;
	background-color: #fff;
	text-align: center;
	padding: 15px;
	margin: 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-box-shadow: 0 1px 6px rgba(57, 73, 76, 0.35);
	box-shadow: 0 1px 6px rgba(57, 73, 76, 0.35);
}
.menu-item.horizontal {
	flex-direction: row;
	flex: 1 200px;
}
.menu-item.fixed {
	flex-grow:0;
}
.menu-item.borderless {
	box-shadow:none;
}
.menu-item:hover, .menu-item:active, .menu-item:focus, .menu-item:hover:active {
	outline: none;
	-webkit-box-shadow: 0 2px 10px 1px rgba(57, 73, 76, 0.4), 0 1px 2px rgba(57, 73, 76, 0.25);
	box-shadow: 0 2px 10px 1px rgba(57, 73, 76, 0.4), 0 1px 2px rgba(57, 73, 76, 0.25);
}
.menu-item > .menu-item-image > img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.menu-item > .menu-item-details {
	display: flex;
	color: black;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
}
.menu-item > .menu-item-details > .menu-item-title {
	font-size: 1.3em;
	margin-top: 8px;
	flex-grow: 0;
}
.menu-item.horizontal > .menu-item-details > .menu-item-title {
	margin-top: 0;
	margin-left:15px;
}
.borderPadding {
	border-radius: 1rem;
}
.borderPadding .card {
	border-radius: 0.700rem;
}
.borderPadding .card img {
	padding-left:0.800rem !important;
	padding-right: 0.800rem !important;
	padding-top: 0.800rem !important;
}
.borderPadding .card .card-text {
	color: #4a3e3e;
	font-size: 14px;
}
/* .dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
  } */
  
  .dropdown {
	/* position: relative; */
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	right:0px;
	top:50px;
	font-size: 14px;
	z-index: 99999 !important;
}
.dropdown-content a {
	color: black;
	padding:10px;
	text-decoration: none;
	display: block;
	background-color:#026158;
	color: #ffffff;
}
.dropdown-content a:hover {
	background-color:#f1c103;
	color: #ffffff;
}
.dropdown:hover .dropdown-content {
	display: block;
}
/* html {
    scroll-behavior: smooth;
} */



  .vertical-menu {
	width: 100%;
	height:300px;
	overflow-y: auto;
}
.vertical-menu a {
	background-color: #09867e;
	color: #ffffff;
	display: block;
	padding: 12px;
	text-decoration: none;
	border-left:8px solid #025651;
	font-weight: 500;
	margin-bottom:4px;
}
.vertical-menu a:hover {
	background-color: #b38f00;
	border-left:8px solid #f1c103;
	color: white;
	font-weight: 500;
}
.vertical-menu a.active {
	background-color: #b38f00;
	color: white;
	border-left:8px solid #f1c103;
	font-weight: 500;
}
.card-horizontal {
	display: flex;
	flex: 1 1 auto;
}
.bgColor {
	background: rgb(2,67,95);
	background: -moz-linear-gradient(93deg, rgba(2, 67, 95, 1) 0%, rgba(4, 106, 152, 1) 100%);
	background: -webkit-linear-gradient(93deg, rgba(2, 67, 95, 1) 0%, rgba(4, 106, 152, 1) 100%);
	background: linear-gradient(93deg, rgba(2, 67, 95, 1) 0%, rgba(4, 106, 152, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02435f", endColorstr="#046a98", GradientType=1);
}
.bgColor:hover {
	-webkit-box-shadow:6px 6px 20px 0px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:6px 6px 20px 0px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:6px 6px 20px 0px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 -webkit-transition:  box-shadow .3s ease-in;
	cursor: pointer;
}
.bgcolor .text-white
{
	color:#1daec1 !important;
}
.line {
	height: 3px;
	margin-bottom:4px;
	margin-top: 4px;
	background: rgb(13,105,144);
	background: -moz-linear-gradient(97deg, rgba(13, 105, 144, 0.9304096638655462) 0%, rgba(13, 105, 144, 0.9668242296918768) 100%);
	background: -webkit-linear-gradient(97deg, rgba(13, 105, 144, 0.9304096638655462) 0%, rgba(13, 105, 144, 0.9668242296918768) 100%);
	background: linear-gradient(97deg, rgba(13, 105, 144, 0.9304096638655462) 0%, rgba(13, 105, 144, 0.9668242296918768) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d6990", endColorstr="#0d6990", GradientType=1);
}
.carousel-wrapper {
	padding: 0px 0 0px 0px;
	background: url(../images/carousel-bg.png) repeat;
	border-top: 1px solid #d2d2d2;
}
.twitterContainer {
	width: 100%;
	height:auto;
}
.logo-cmf a {
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	display: inline-block;
	margin: 0 25px;
	padding-right: 25px;
}
.footer-content {
	display: inline-block;
	padding: 15px 0;
}
.logo-cmf {
	float: left;
	padding: 10px 0 0 0;
	text-align: right;
	width: auto;
}
.copyright-content {
	color: #000000; /*color: #dadada;*/
	float: right;
	font-size: 76%;
	/* line-height: 150%; */
	padding: 5px 0 0px 0;
	text-align: left;/* width: auto; */
}

@media screen and (max-width:992px) {
 .copyright-content {
       display: contents !important;
	   text-align: center !important;
  }
}
.copyright-content span {
	color: #000000; /*888888*/
	display: block;
}
.footer-bottom-wrapper {
	/* background-image:url(../images/footer-bottom-bg.png);
    background-repeat: repeat;
    background-color: #333; */
    padding: 0px 0px;
	 color: #b8b8b8;
	position: relative;
	text-align: center;
}
.social-icons {
	padding: 0;
	list-style: none;
	margin: 0em;
}
.social-icons li {
	display: inline-block;
	margin: 0.15em;
	position: relative;
	font-size: 1.2em;
}
.social-icons i, .social-icons span {
	color: #0a6a94;
	position: absolute;
	top: 5px;
	left: 6px;
	transition: all 265ms ease-out;
	font-size: 15px;
}
.social-icons a {
	display: inline-block;
}
.social-icons a:before {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	content: " ";
	width:25px;
	height:25px;
	border-radius: 100%;
	display: block;
	background: linear-gradient(45deg, #ffffff, #ffffff);
	transition: all 265ms ease-out;
}
.social-icons a:hover:before {
	transform: scale(0);
	transition: all 265ms ease-in;
}
.social-icons a:hover i {
	transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	color: #ffffff;
	background: -webkit-linear-gradient(45deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 265ms ease-in;
}
.sec01 {
	/* padding: 150px 0 150px; */
    /* padding-bottom: 50px; */
	/* background: #000; */
	position: relative;
	bottom: 1rem;/* margin-left: 48%; */
}
.scroll-txt {
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:4px;
	width:200px;
	text-align:center;
	position: absolute;
	top:-170px;
	left:50%;
	margin-left:-100px
}
.scroll-txt span {
	position:absolute;
	top:25px;
	left:50%;
	width:3px;
	height:0;
	background:#fff;
	opacity:0.8;
	-webkit-animation: scorl 0.9s ease-in-out infinite alternate;
	animation: scorl 0.9s ease-in-out infinite alternate;
}
@keyframes scorll {
 0% {
 height:0;
}
 100% {
 height:80px
}
}
 @-webkit-keyframes scorll {
 0% {
 height:0;
}
 100% {
 height:80px
}
}
.iconBoxheading {
	display:inline-flex;
	background: rgb(206,226,235);
	background: -moz-linear-gradient(97deg, rgba(206, 226, 235, 1) 0%, rgba(252, 252, 252, 1) 100%);
	background: -webkit-linear-gradient(97deg, rgba(206, 226, 235, 1) 0%, rgba(252, 252, 252, 1) 100%);
	background: linear-gradient(97deg, rgba(206, 226, 235, 1) 0%, rgba(252, 252, 252, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cee2eb", endColorstr="#fcfcfc", GradientType=1);
	border-radius:0.800em;
	padding: 0.400rem 0.700rem;
	color:#005073;
}
.heading {
	display:inline-flex;
	background: rgb(51,101,124);
	background: -moz-linear-gradient(97deg, rgba(2 68 97) 0%, rgba(4 107 153) 100%);
	background: -webkit-linear-gradient(97deg, rgba(2 68 97) 0%, rgba(4 107 153) 100%);
	background: linear-gradient(97deg, rgba(2 68 97) 0%, rgba(4 107 153) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33657c", endColorstr="#054a6b", GradientType=1);
	border-radius:0.600em;
	padding: 0.400rem 0.700rem;
	color: #ffffff;
}
.heading h4 {
	font-size: 20px;
	margin-bottom: 0px
}
.iconBoxheading h4 {
	font-size: 20px;
	margin-bottom: 0px;
}
.owl-carousel .owl-item img {
	display:inline-block !important;
	width: auto !important;
}
.boxContent h5 {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}
.iconBox {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	border:6px solid #ffffff;
	text-align: center;
	display: inline-block;
	text-align: center;
	padding-top: 8px;
	vertical-align: middle;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
	cursor: pointer;
}
.iconBox:hover {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}
.iconBox img {
	width: 55px;
	height: 54px;
	vertical-align: middle;
	text-align: center;
}
.iconBox1 {
	background-color: #0cc6b8;
}
.iconBox2 {
	background-color: #f4a200;
}
.iconBox3 {
	background-color: #b768f7;
}
.iconBox4 {
	background-color: #31aded;
}
.iconBox5 {
	background-color: #da4118;
}
.iconBox6 {
	background-color: #c6c40d;
}
.iconBox7 {
	background-color: #c7c50e;
}
.iconBox8 {
	background-color: #4b71ee;
}
.iconBox9 {
	background-color: #339933;
}
.iconBox10 {
	background-color: #660032;
}
.iconBox11 {
	background-color: #7f8000;
}
.iconBox12 {
	background-color: #008081;
}
.iconBox13 {
	background-color: #30a9e8;
}
.topSocial ul {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.topSocial ul li {
	list-style: none;
}
.topSocial ul li a {
	width: 80px;
	height: 80px;
	background-color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 35px;
	margin: 0 10px;
	display: block;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	border: 3px solid #fff;
	z-index: 1;
}
.topSocial ul li a .icon {
	position: relative;
	color: #262626;
 transition: .5s;
	z-index: 3;
}
.topSocial ul li a:hover .icon {
	color: #fff;
	transform: rotateY(360deg);
}
.topSocial ul li a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f00;
 transition: .5s;
	z-index: 2;
}
.topSocial ul li a:hover:before {
	top: 0;
}
 .topSocial ul li:nth-child(1) a:before {
 background: #3b5999;
}
 .topSocial ul li:nth-child(2) a:before {
 background: #55acee;
}
 .topSocial ul li:nth-child(3) a:before {
 background: #0077b5;
}
 .topSocial ul li:nth-child(4) a:before {
 background: #dd4b39;
}
.carousel-control-prev-icon {
	margin-left:-50px !important;
}
.carousel-control-next-icon {
	margin-left:50px !important;
}
.table-heading {
	font-size: 20px;
	color:#056c9a;
}
.table-firstTR {
	/* font-size: 20px; */
	color:#056c9a;
	background-color: #e5e5e5;
}
.table-rounded {
	/* margin: 15px auto; */
    border-collapse: separate;
	border-spacing: 0;
	background-color: #fff;
	border-radius: 12px;
}
.table-rounded th {
	padding: 10px 20px;
	background-color: #e5e5e5;
	color: #fff;
	font-size: 15px;
}
.table-rounded td {
	vertical-align: middle;
	padding: 10px 30px;
	/* border: 1px solid #58acee; */
    font-size: 15px;
}
.table-rounded th:first-child {
	border-top-left-radius: 22px;
}
.table-rounded th:last-child {
	border-top-right-radius: 22px;
}
.table-rounded tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}
.table-rounded tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}
.table-rounded td+td {
	border-left: none;
}
.table-text-color {
	color: #056c9a;
}
/* .table-rounded tr+tr td, .table-rounded th+tr td{
    border-top: none;
    } */

	
.breadcrumbBg {
	background-color: #eceaea;
	border-radius: 1.500rem;
	display: inline-flex;
}
.tryitbtn {
	background: #056c9a;
	color: #ffffff;
	border-radius:10px;
	padding: 6px 15px;
	border: none;
	font-size: 16px;
}
.tryitbtn:hover, .tryitbtn:focus, .tryitbtn:active {
	color: #ffffff !important;
}
.moreservicebtneffect {
	color: rgba(255, 255, 255, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.5);
	overflow: hidden;
}
.moreservicebtneffect a {
	color: rgba(51, 51, 51, 1);
	text-decoration: none;
	display: block;
}
.moreservicebtneffect:hover {
	color:#ffff !important;
}
.moreservicebtneffect::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
 opacity: 1;
 -webkit-transform: translate(-105%, 0);
 transform: translate(-105%, 0);
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: rgba(255, 255, 255, 1);
 background-color: rgba(255, 255, 255, 0.25);
}
.moreservicebtneffect:hover::before {
 opacity: 0;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
.bgColor:hover a {
	color:#ea8624 !important;
}
 @media screen and (max-width:768px) {
.contentalign {
 padding: 0.10rem !important;
}
}
 @media (max-width: 600px) {
 .top-bottomspace {
 margin-bottom: 0px;
 margin-top:90px;
}
}
.sideActive {
	background-color: #d37611 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	border-left: 4px solid #f1c103 !important;
}
.spotlight-bg {
	background-color:#271012;
	margin-top:-0.5rem;
}
.hyperLink {
	outline: none !important;
	background: transparent !important;
	width: 100% !important;
}
.hyperLink:hover {
	text-decoration: none !important;
}
.bs-example .accordion {
	background-color: transparent !important;
	border: none !important;
}
.bs-example .accordion .card {
	margin-bottom: 5px;
	border-radius: 1rem;
}
.bs-example .accordion .card .card-header {
	padding: 0px !important;
	cursor: pointer !important;
}
.bs-example .accordion .card .card-header h2 button {
	font-size: 14px !important;
	font-weight: bold !important;
	outline: none !important;
}
.bs-example .accordion .card .card-header h2 span, .bs-example .accordion .card .card-header h2 {
	padding-right: 10px !important;
	font-size: 14px !important;
	padding: 6px 10px 0px 10px !important;
}
.bs-example .accordion .card .card-header h2 button:hover {
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
.bs-example .accordion .card .card-header .h2 span {
	cursor: pointer;
	padding: 1px;
	font-size: 14px;
}
.filterElements {
	display: none;
}
.show {
	display: block;
}
.listActive.active {
	background-color: #d37611 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	border-left: 4px solid #f1c103 !important;
}

#myCarousel-indicators > li {
		border-radius: 12px;
		width: 12px;
		height: 12px;
		background-color: #ffffff;
		border-radius: 50%;
	  }
	  
	  
	  #main #faq .card {
		margin-bottom:3px;
		border: 0;
		border-radius:4px !important;
	  }


	  
	  #main #faq .card .card-header {
		border: 0;
		-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
				box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
		border-radius: 2px;
		padding: 0;

		border-radius: 2px !important;
	  }
	  
	  #main #faq .card .card-header .btn-header-link {
		color: #fff;
		display: block;
		text-align: left;
		background: #0a6e9c;
	
		padding: 40px;
		font-weight: bold;
		padding:10px;
	  }
	  
	  #main #faq .card .card-header .btn-header-link:after {
		content: "\f107";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		float: right;
		color: #ffffff;
	  }
	  
	  #main #faq .card .card-header .btn-header-link.collapsed {
		background: #4e779a;
		color: #fff;
		padding:10px;
	  }
	  
	  #main #faq .card .card-header .btn-header-link.collapsed:after {
		content: "\f106";
	  }
	  
	  #main #faq .card .collapsing {
		background: #ffffff;
		line-height: 30px;
	  }
	  
	  #main #faq .card .collapse {
		border: 0;
	  }
	  
	  #main #faq .card .collapse.show {
		background: #ffffff;
		line-height: 30px;
		color: #222;
	  }	
	  
	  ul.main-nav > li:hover , ul.main-nav > li a.active {
	background: rgb(11,114,160);
	background: -moz-linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
	background: linear-gradient(180deg, rgba(11, 114, 160, 1) 0%, rgba(4, 91, 129, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b72a0", endColorstr="#045b81", GradientType=1);
}


.bgdark {background: #000;color: yellow}

