html,body {font-family: 'Carrois Gothic', sans-serif;  font-size:14px; color:#555; height: 100%; width: 100%; font-size: 100%; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
ul,li { list-style: none; }
/*-------------------------*/

.header {
	position:;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background:#081026 url(../images/top-bg.png) repeat;
	border-top:2px solid #e6724f;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 22%);
	
}
.header__container {
	padding: 0 30px;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 65px;
}
.header__logo {	position: relative; z-index: 5; margin:10px 0;}
.header__logo img { width: 110px; }
.header__menu {
}
.menu {
}
.menu__icon {
	display: none;
}
.menu__body {
}
.menu__list {
}
.menu__list > li {
	position: relative;
	margin-left: 20px;
	margin-top:10px;
}
.menu__link { color: #fff; font-size:13px; text-transform:uppercase;}
.menu__sub-list {
	position: absolute;
	top: 52px;
	left:-2px;
	background-color:#04b4bb;
	padding:0;
	min-width: 240px;
	border-top: 3px solid #07878c;
}
.menu__sub-list li {
	margin-bottom:0;
}
.menu__sub-list li a {
	margin-bottom:0;  padding:6px 5px 6px 15px!important; display:block; color:#fff;
}
.menu__sub-list li a:hover {
	margin-bottom:0;  background:#fff; color:#ff8a00!important;
}
.menu__sub-list li:last-child {
	margin-bottom: 0px;
}
.menu__sub-link {
	color: #fff;
}
.menu__sub-link:hover {
	text-decoration: underline;
}
.menu__arrow {
	display: none;
}
/*-------------------------*/
body._pc .menu__list > li:hover .menu__sub-list {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	pointer-events: all;
}
body._touch .menu__list > li {
	display: flex;
	align-items: center;
}
body._touch .menu__link {
	flex: 1 1 auto;
}
body._touch .menu__arrow {
	display: block;
	width: 0;
	height: 0;
	margin-left: 5px;
	transition: transform 0.3s ease 0s;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #06b8bf;
}

body._touch .menu__list > li._active .menu__sub-list {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	pointer-events: all;
}
body._touch .menu__list > li._active .menu__arrow {
	transform: rotate(180deg);
}
/*-------------------------*/
@media (min-width: 767px) {
	.menu__list {
		display: flex;
		align-items: center;
	}
	.menu__list > li {
		/* padding from link to sub links area to avoid breaking hover on mouse move */
		padding: 10px 0;
	}
	.menu__list > li a {padding:10px 0 24px 0;}
	.menu__list > li a:hover {padding:10px 0 24px 0; color:#ff8a00;}
	.menu__sub-list {
		transform: translate(0, 10px);
		opacity: 0;
		visibility: hidden;
		/* to avoid mistaken hover */
		pointer-events: none;
		transition: all 0.3s ease 0s;
	}
}

@media (max-width: 767px) {
.menu__icon { z-index: 5; display: block; position: relative; width: 30px; height: 18px; cursor: pointer;}
.menu__icon span,.menu__icon::before,.menu__icon::after { left: 0; position: absolute; height: 10%; width: 100%; transition: all 0.3s ease 0s; background-color:#02b7be;}
.menu__icon::before,
.menu__icon::after { content: '';}
.menu__icon::before {
		top: 0;
	}
	.menu__icon::after {
		bottom: 0;
	}
	.menu__icon span {
		top: 50%;
		transform: scale(1) translate(0, -50%);
	}

	.menu__icon._active span {
		transform: scale(0) translate(0, -50%);
	}
	.menu__icon._active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0, -50%);
	}
	.menu__icon._active::after {
		bottom: 50%;
		transform: rotate(45deg) translate(0, 50%);
	}
	.menu__list { padding-left: 0; }

	.menu__body {
		position: fixed;
		top:69px;
		left: -100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		padding:10px 30px 30px 30px;
		transition: left 0.3s ease 0s;
		/* for scroll on menu */
		overflow: auto; z-index:1;
	}
	.menu__body._active {
		/* use left and not transform/translate because it scroll the .menu__body::before when u scroll menu */
		left: 0; z-index:1;
	}
	.menu__body::before {
		content: '';
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 70px;
		background-color:none;
		border-top:none;
		z-index:1;
	}
	.menu__list > li {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.menu__list > li:last-child {
		margin-bottom: 0;
	}
	.menu__list > li._active .menu__sub-list {
		display: block;
	}
	.menu__link {
		font-size:18px; color:#fff;
	}
	.menu__sub-list {
		position: relative;
		background-color:transparent;
		flex: 1 1 100%;
		margin-top:10px;
		display: none; top:0; border:none;
	}
	.menu__sub-list li a {
	margin-bottom:0;  padding:6px 5px 6px 10px!important; display:block; color:#04cad2; font-size:18px;
}
.menu__sub-list li a:hover {
	margin-bottom:0;  background:#fff; color:#04cad2!important;
}
	.menu__sub-link {
		font-size: 20px;
		color: #000;
	}
	.header__logo img { width:80px; }
	.header__container { padding: 0 10px;}

	body._touch .menu__list > li {
	display: flex;
	align-items: center;
}
.header {position: initial;	}
.btn {  padding:5px 15px; margin-top:15px; font-size:15px;}
}


@media only screen and (min-width:768px) {
.top { background:#ea4948; position:relative; }	
.top-right { float:right; width:10%; text-align:right; background:url(../images/login.png) 0 6px no-repeat; padding:5px 0; margin:0; }
.top-right a { color:#fff;}
.sec-top { background:#fff; padding:10px 0; border-top:4px solid #f6514c;}
.sec-top-left { float:left; width:45%; padding-top:5px; }
.sec-top-right { float:right; width:23%; text-align:left;  }
.sec-top-right .call {  background:url(../images/btm-call.png) 0 0 no-repeat; margin-bottom:2px; padding:5px 0 4px 45px; font-size:20px;}
.sec-top-right .mail {  background:url(../images/btm-mail.png) 0 4px no-repeat; padding:10px 0 7px 45px; font-size:16px;}
.sec-top-right a{ color:#333;}
.nav-bg { }
.nav-bg.in-bg { background:#000;}	
.nav-bg .container { padding-left:0;}
.top-nav-container {float:right;}	
.navbar-nav > li { padding:12px 12px 12px 12px; float:left; text-align:left; color:#fff !important; text-transform:uppercase; font-weight:bold; }
.navbar-nav > li:hover{ background:#f6514c;}
.navbar-nav > li.active{ background:#f6514c;}
.navbar-nav > li > a { padding:0; font-size:13px; font-weight:normal; color:#666; text-transform:uppercase;}
.navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#666; background:none;}
.navbar-nav > li > a.active, .navbar-inverse .navbar-nav > li > a:focus {color:#666 ; background:none;}
.hm-sec-top {  padding:0; height: 65px; }
.hm-sec-top-left { float:left; width:24%; background:#fff; text-align:center; padding:10px 0;}
.hm-sec-top-left img { width: 250px;}
.hm-sec-top-right { float:right; width:70%; text-align:right;  }
.hm-sec-top .nav-bg { }
.hm-sec-top	.navbar-nav > li { padding:26px 12px 12px 12px;}
.hm-sec-top	.navbar-nav > li:hover{ background:transparent;}
.hm-sec-top	.navbar-nav > li.active{ background:transparent;}
.hm-sec-top	.navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#f6514c!important; background:none;}
.hm-sec-top .navbar-nav > li > a.active {background:none;}
.prov-btn span { text-align:center; background-color:#c4002e; display: block; width:30%; margin:0 auto; color:#fff; font-size: 20px; border-radius:30px; padding:10px 0;}
.prov-btn span a { color:#fff; display: block;}	

footer { margin:0; background:#222; color:#929292;}
footer .ft-block { float:left; width:68%; margin:10px 0;}
footer .ft-block.last { float:right; width:25%; text-align:right;}
footer .ft-block ul { margin:0; padding:0;}
footer .ft-block ul li { list-style:none; display:inline; padding:0; margin:0; font-size:13px; line-height:43px; color:#fff;}
footer .ft-block ul li span{ padding:0 5px; color:#666;}
footer .ft-block ul li a { color:#fff;}
footer .ft-block .social ul { margin:0; padding:0;}
footer .ft-block .social ul li { list-style:none; display:inline; margin:0; padding:0 5px 0 0;}
footer .ft-block .social ul li:last { padding:0;}
.bottom { background:#111; text-align:center; font-size:13px; color:#CCC; padding:12px 0;}

.banner img { width:100%}
.inner-banner { margin-bottom:30px;  }
.inner-banner img { width:100%; padding-top:70px; }
.service-list { float:left; width:27%; padding:0; margin-top:15px; margin-bottom:20px;}		
.service-list ul { padding:0; margin:0;}
.service-list ul li {  font-size:17px; margin:0; list-style:none; background:#f73838; margin:0 0 10px 0; color:#fff;}
.service-list ul li:hover { margin-left:10px; }
.service-list ul li.one { background:#f9c544; }
.service-list ul li.two { background:#90d346; }
.service-list ul li.thr { background:#1fc89e; }
.service-list ul li.fou { background:#24adde; }
.service-list ul li.fiv { background:#3684ea; }
.service-list ul li.six { background:#ffa054; }
.service-list ul li.sev { background:#d8349c; }
.service-list ul li	a { color:#fff; display:block; padding:15px 0 15px 20px;}
.service-list ul li	a.active { color:#fff}
.service-detail { float:right; width:68% }
.service-detail h1 { font-size:35px; font-weight:normal; color:#666; padding-top:0; }
.service-detail h2 { font-size:20px; color:#09b8bf; font-weight:normal;  padding:10px 0 0 0; text-align:left; }
.providers h1 { font-size:35px; font-weight:normal; color:#666; padding-top:0; }
.banner img { padding-top:75px; }
.cont-back { background:#07b2b9; padding:0 0 60px 0; }
.cont-areas img { width:100%; }
.main1 { padding-top:0; }
.main1 h1 {}
.main1 h1 {color:#666; padding:8px 0 0 0;  font-family:"Roboto Condensed"; font-weight:normal; margin:15px 0 0 0; font-size:35px; position: relative;}
.main1 h2 { color:#09b8bf; text-align:left; background:none; border:none;  font-size:25px; margin:15px 0 15px 0;  font-family:"Roboto Condensed"; font-weight:300; display: block; position: relative;}
.main1 h2 span { background:#FFF; padding:0 3px 0 0}
.main1 h3 {  color:#ea4948; margin:0 0 5px 0; padding:0; font-size:20px;  font-family:"Roboto Condensed"; font-weight:300;}
.main1 h3 span { background:#FFF; padding:0 3px 0 0}

.whatsapp { position:fixed; bottom:5%; right:2%; background:#0ba703; width:60px; height:60px; border-radius:50px; text-align:center;line-height:35px;}	
.whatsapp .fa { color:#fff; font-size:40px; position:absolute; right:13px; top:10px;  }	
.gst { margin:15px 0; text-align: center; font-size:25px; color:#f6514c}	
.gst span { color:#06b2b9;}
.inter-que {  }
.inter-que a { color:#09b8bf; font-size:24px; margin:0 0 10px 0; }
.inter-ans a { margin:0 0 10px 0; color: #555; }
.inter-ans a span { color:#c4002e; }

.inner-head { text-align: center; font-size:35px; font-weight:600; font-family:"Roboto Condensed"; text-transform:uppercase; margin:35px; }
}


@media only screen and (min-width:992px) and (max-width:1199px) 
{
.hm-sec-top-left {  width:30%; }
footer .ft-block { float:left; width:65%; margin:10px 0;}
footer .ft-block.last { float:right; width:35%; text-align:right;}
}


@media only screen and (min-width:768px) and (max-width:991px)
 {
.hm-sec-top-left {  width:23%; }
.hm-sec-top-left img { width:160px;}
.hm-sec-top-right { width:75%;  }
.hm-sec-top	.navbar-nav > li { padding:14px 8px 12px 8px;}
.navbar-nav > li > a { font-size:12px; }
footer .ft-block { text-align:center; width:100%; margin:10px 0;}
footer .ft-block.last { width:100%; text-align:center;}
}


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

.top { background:#ea4948; position:relative; }	
.top-right { float:right; width:10%; text-align:right; background:url(../images/login.png) 0 6px no-repeat; padding:5px 0; margin:0; }
.top-right a { color:#fff;}
.sec-top { background:#fff; padding:10px 0; border-top:4px solid #f6514c;}
.sec-top-left { float:left; width:45%; padding-top:5px; }
.sec-top-right { float:right; width:23%; text-align:left;  }
.sec-top-right .call {  background:url(../images/btm-call.png) 0 0 no-repeat; margin-bottom:2px; padding:5px 0 4px 45px; font-size:20px;}
.sec-top-right .mail {  background:url(../images/btm-mail.png) 0 4px no-repeat; padding:10px 0 7px 45px; font-size:16px;}
.sec-top-right a{ color:#333;}
.nav-bg { }
.nav-bg.in-bg { background:#000;}	
.nav-bg .container { padding-left:0;}
.top-nav-container {float:right;}	
.navbar-nav > li { padding:12px 12px 12px 12px; float:left; text-align:left; color:#fff !important; text-transform:uppercase; font-weight:bold; }
.navbar-nav > li:hover{ background:#f6514c;}
.navbar-nav > li.active{ background:#f6514c;}
.navbar-nav > li > a { padding:0; font-size:13px; font-weight:normal; color:#666; text-transform:uppercase;}
.navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#666; background:none;}
.navbar-nav > li > a.active, .navbar-inverse .navbar-nav > li > a:focus {color:#666 ; background:none;}
.hm-sec-top {  padding:0; height: 65px; }
.hm-sec-top-left { float:left; width:24%; background:#fff; text-align:center; padding:10px 0;}
.hm-sec-top-left img { width: 250px;}
.hm-sec-top-right { float:right; width:70%; text-align:right;  }
.hm-sec-top .nav-bg { }
.hm-sec-top	.navbar-nav > li { padding:26px 12px 12px 12px;}
.hm-sec-top	.navbar-nav > li:hover{ background:transparent;}
.hm-sec-top	.navbar-nav > li.active{ background:transparent;}
.hm-sec-top	.navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#f6514c!important; background:none;}
.hm-sec-top .navbar-nav > li > a.active {background:none;}
.prov-btn span { text-align:center; background-color:#c4002e; display: block; width:30%; margin:0 auto; color:#fff; font-size: 20px; border-radius:30px; padding:10px 0;}
.prov-btn span a { color:#fff; display: block;}	


footer { margin:0; background:#070c17; color:#929292;}
footer .ft-block {  margin:10px 0;}
footer .ft-block.last {  }
footer .ft-block ul { margin:0; padding:0;}
footer .ft-block ul li { list-style:none; display:block; padding:0; margin:0; font-size:13px; line-height:30px; color:#fff;}
footer .ft-block ul li span{ display: none; }
footer .ft-block ul li span.gstno { display: inline; color:#666; }
footer .ft-block ul li a { color:#fff;}
footer .ft-block .social ul { margin:0; padding:0;}
footer .ft-block .social ul li { list-style:none; display:inline; margin:0; padding:0 5px 0 0;}
footer .ft-block .social ul li:last { padding:0;}
.bottom { background:#111; text-align:center; font-size:13px; color:#CCC; padding:12px 0;}


.banner img { width:100%}
.inner-banner { margin-bottom:10px;  }
.inner-banner img { width:100%; }
.service-list { width:100%; padding:0; margin-top:15px; margin-bottom:20px;}		
.service-list ul { padding:0; margin:0;}
.service-list ul li {  font-size:17px; margin:0; list-style:none; background:#f73838; margin:0 0 10px 0; color:#fff;}
.service-list ul li:hover { margin-left:10px; }
.service-list ul li.one { background:#f9c544; }
.service-list ul li.two { background:#90d346; }
.service-list ul li.thr { background:#1fc89e; }
.service-list ul li.fou { background:#24adde; }
.service-list ul li.fiv { background:#3684ea; }
.service-list ul li.six { background:#ffa054; }
.service-list ul li.sev { background:#d8349c; }
.service-list ul li	a { color:#fff; display:block; padding:15px 0 15px 20px;}
.service-list ul li	a.active { color:#fff}
.service-detail { width:100% }
.service-detail h1 { font-size:30px; font-weight:normal; color:#666; padding-top:0; }
.service-detail h2 { font-size:20px; color:#09b8bf; font-weight:normal;  padding:10px 0 0 0; text-align:left; }
.providers h1 { font-size:35px; font-weight:normal; color:#666; padding-top:0; }
.banner img { padding-top:; }
.cont-back { background:#07b2b9; padding:0 0 30px 0; }
.cont-areas img { width:100%; }

#flex { display: flex; flex-direction: column; }
#a { order: 1; }
#b { order: 2; }

.main1 { padding-top:10px; }
.main1 h1 {}
.main1 h1 {color:#666; padding:8px 0 0 0;  font-family:"Roboto Condensed"; font-weight:normal; margin:15px 0 0 0; font-size:35px; position: relative;}
.main1 h2 { color:#09b8bf; text-align:left; background:none; border:none;  font-size:25px; margin:15px 0 15px 0;  font-family:"Roboto Condensed"; font-weight:300; display: block; position: relative;}
.main1 h2 span { background:#FFF; padding:0 3px 0 0}
.main1 h3 {  color:#ea4948; margin:0 0 5px 0; padding:0; font-size:20px;  font-family:"Roboto Condensed"; font-weight:300;}
.main1 h3 span { background:#FFF; padding:0 3px 0 0}
.prov-btn span { text-align:center; background-color:#c4002e; display: block; width:90%; margin:0 auto; color:#fff; font-size: 20px; border-radius:30px; padding:10px 0;}
.prov-btn span a { color:#fff; display: block;}	


.whatsapp { position:fixed; bottom:5%; right:2%; background:#0ba703; width:60px; height:60px; border-radius:50px; text-align:center;line-height:35px;}	
.whatsapp .fa { color:#fff; font-size:40px; position:absolute; right:13px; top:10px;  }

}