@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #212121;
	overflow-x: hidden
}
hr {
	border-color: #2A5E84;
	border-width: 1px;
}
hr.light {
	border-color: #fff;
}
ul:not(.browser-default)>li {
	list-style-type: none;
}
a {
	color: #996515;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	outline: none;
}
a:hover, a:focus {
	color: #fe6b38;
	outline: none !important;
	text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.8;
}
.no-bdr {
	border: none !important
}
.no-bg {
	background: none !important;
}
.no-padding {
	padding: 0;
}
::-moz-selection {
 text-shadow: none;
 color: #fff;
 background: #03356b;
}
::selection {
	text-shadow: none;
	color: #fff;
	background: #03356b;
}
img::selection {
	color: #fff;
	background: 0 0;
}
 img::-moz-selection {
 color: #fff;
 background: 0 0;
}
body {
	webkit-tap-highlight-color: #222;
}
img {
	display: inline-block !important;
}
#scroll-to-top {
	bottom: 60px;
	display: none;
	position: fixed;
	right: 10px;
	transition: all 0.7s ease 0s;
	z-index: 9999;
}
#scroll-to-top:hover {
	bottom: 70px;
}
.container-fluid { max-width:1600px;}
/* ----------------------------------
 ANIMATION
  ---------------------------------- */
 
.animation {
	-webkit-transition: all 1s ease-in-out .2s;
	-moz-transition: all 1s ease-in-out .2s;
	-o-transition: all 1s ease-in-out .2s;
	-ms-transition: all 1s ease-in-out .2s;
	transition: all 1s ease-in-out .2s;
	position: relative;
}
.bottom-out {
	top: 200px !important;
}
.bottom-out.animated {
	top: 0px !important;
}
.fade-in {
	opacity: 0;
	top: -20px;
}
.fade-in.animated {
	opacity: 1;
	top: 0px;
}
.scale-less {
	opacity: 0;
	-ms-transform: scale(.8);
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
}
.scale-less.animated {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.left-out {
	left: -100px;
	opacity: 0;
}
.left-out.animated {
	left: 0;
	opacity: 1;
}
.right-out {
	right: -100px;
	opacity: 0;
}
.right-out.animated {
	right: 0px;
	opacity: 1;
}
.move-up {
	top: 30px;
	opacity: 0;
}
.move-up.animated {
	top: 0;
	opacity: 1;
}
.zoom-out {
	opacity: 0;
	-ms-transform: scale(5);
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	transform: scale(5);
}
.zoom-out.animated {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.small-spliter {
	width: 50px;
}
.small-spliter.animated {
	width: 20px;
}
.rotateIn {
	-ms-transform: rotate(-190deg); /* IE 9 */
	-webkit-transform: rotate(-190deg); /* Chrome, Safari, Opera */
	transform: rotate(-190deg);
	opacity: 0;
}
.rotateIn.animated {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	opacity: 1;
}
.rotateIn.animation {
	-webkit-transition: all 1s ease-in-out 1s;
	-moz-transition: all 1s ease-in-out 1s;
	-o-transition: all 1s ease-in-out 1s;
	-ms-transition: all 1s ease-in-out 1s;
	transition: all 1s ease-in-out 1s;
	position: relative;
	animation-delay: 2s;
}
/* ----------------------------------
 NAVIGATION
  ---------------------------------- */
.home {
	background: #03a9ca;
	height: 100%;
}
.navbar-default {
	background: transparent !important;
	box-shadow: none;
	padding: 5px 0;
	border: none!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.navbar-default.navbg {
	position: fixed;
	top: 0;
	left: 0;
	background: #03a9ca!important;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.top-right {
}
.top-right ul {
	margin: 0;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.top-right ul li a {
	margin: 0;
	padding: 2px 5px;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 16px;
	font-weight: 500;
	line-height: 31px
}
.top-right ul li:nth-child(1) a:after, .top-right ul li:nth-child(2) a:after {
	content: "|";
	height: 21px;
	display: inline-block;
	margin: 0 3px 0 18px;
	background: #fff;
	text-indent: -99999px;
	line-height: 23px;
	position: relative;
	top: -2px;
	color: #fff
}
i.small {
	font-size: 16px;
}
.faenvelope:hover {
	color: #ed2224!important
}
.fafacebook:hover {
	color: #3b5998!important
}
.fatwitter:hover {
	color: #6acff4!important
}
.fayoutube:hover {
	color: #ce332d!important
}
.falinkedin:hover {
	color: #3272bd!important
}
.fagoogle:hover {
	color: #ed2224!important
}
.fainstagram:hover {
	color: #4270a3!important
}
.nav.navbar li {
	margin: 0;
	padding: 0;
}
.nav.navbar li a {
	margin: 0;
	padding: 10px 20px;
	font-size: 15px;
	color: #fff;
	text-shadow: 2px 2px 2px #464646;
}
.nav.navbar li a:hover{transform: scale(1.05)}
.carousel-control-next, .carousel-control-prev {
	z-index: 9;
}
.carousel-caption {
	text-align: left;
	right: 45%;
	bottom: 40%;
	left: 50px;
	z-index: 2;
}
.carousel-caption h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 40px;
	font-weight: 700;
	text-transform:capitalize;
	line-height: 50px;
	color: #fff;
}
.carousel-caption p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 300;
}
.carousel-caption h5 {
	margin: 20px 0;
	padding: 0 0;
}
.carousel-caption h5 .btn {
}
.btn-iweb {
	padding: 4px 0;
	background: url(../img/btn.png) no-repeat center;
	cursor: pointer;
	width: 146px;
	height: 29px;
	color: #000;
	font-weight: 600;
}
.btn-iweb:hover {
	color: #fff;
}
.title {
	margin: 0 auto 30px;
	max-width: 800px;
	color: #fff;
	text-align: center;
}
.title h2 {
	color: #fff;
}
.title h2 strong {
	color: #fe6b38
}
.title p {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
.webp-bdr {
	border: 1px solid #2092b5;
	border-radius: 20px;
	padding: 20px 0;
}
.webp-section {
	margin: 0;
	padding: 40px 0;
	background: #0f7b9c;
	text-align: center;
relative;
}
.webp-box {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2
}
.webp-box, .webp-box * {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.webp-box figure {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0f7b9c;
	position: relative;
	min-height: 140px;
}
.webp-box h4 {
	color: #fff;
	font-size: 18px;
}
.webp-box:hover {
	transform: translateY(-5px)
}
.webp-box:hover img {
	transform: scale(.8)
}
.dm-section {
	margin: 0;
	padding: 20px 0 40px;
	background: #0f7b9c;
	text-align: center;
}
.about-section {
	margin: 0;
	padding: 20px 0 40px;
	background: #0f7b9c;
}
.about-section p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.btn-outline-light:hover { color:#333}
.owl-dots{margin:30px 0 0;text-align:center}
.owl-dots .owl-dot{margin:2px;background:#81d9fb;width:12px;height:12px; border-radius:100%; display:inline-block}
.owl-dots .owl-dot.active{background:#fe6b38}
.os-section {
	margin: 0;
	padding: 20px 0 40px;
	background: #0f7b9c;
}
.os-box {
	margin: 30px 30px 20px;
	border: 2px solid #fe6b38;
	text-align: center;
	border-radius: 20px;
	padding: 20px;
}
.os-box, .os-box * {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.os-box:hover {
	transform: translateY(-5px)
}
.os-box:hover img {
	transform: scale(.8)
}
.os-box .btn {
	transform: translateY(35px)
}
.os-box h3 {
	margin-bottom: 20px;
	color: #fff;
}
.os-box p {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
.ot-section {
	margin: 0;
	padding: 20px 20px 40px;
	background: #0f7b9c;
}
.testimonials-box {
	margin: 0 auto;
	max-width: 900px;
	text-align: center;
}
.testimonials-box figure { margin:0 auto 10px; background:url(../img/cl-bg.png) no-repeat center; width:200px; height:200px;    display: flex;
    justify-content: center;
    align-items: center;}
	.testimonials-box figure img { width:126px; height:126px; border-radius:100%;}
.testimonials-box h3 {
	font-size: 34px;
	font-weight: 600;
	color: #fe6b38
}
.testimonials-box p {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
}
.oc-section {
	margin: 0;
	padding: 20px 0 40px;
	background: #0f7b9c;
}
.oc-box {
	text-align: center;
}
 

.key-features {
	padding:60px 0;
	border-top:1px solid #E6E6E6;
	background-color: #FAFAFA;
}
.fblack {
	margin-bottom:20px;
	color:#333;
}
.sub-title {
	margin-bottom:30px;
	font-size:18px;
	font-weight:500;
}
.key-f-box {
	position:relative;
	padding-left:60px;
}
.key-f-box figure {
	position:absolute;
	left:0;
}
.key-f-box h4 {
	color:#000;
	font-size:20px;
}

.join-section {
	margin:0;
	padding:50px 0;
	background:#292d2e;
}
.join-section .container {
	display:flex;
	justify-content: space-around;
	align-items: center;
}
.join-section .container h4 {
	color:#ecf1f2;
	font-size:30px;
	font-weight:500;
	text-transform:uppercase;
}
.join-section .btn-wci {
	background:#3ec7f3
}
.join-section .btn-wci:hover {
	background:#212121
}
.modal-lg{max-width:700px; }
.modal-content {border-radius:0;}
.qcontact{border-radius:0}
.qcontact .form{padding:40px 50px 40px;position:relative;z-index:9}
.qcontact .form h2{margin:0 0 35px;padding:0;color:#000;font-weight:700;font-size:40px}
.qcontact .form h2 span{color:#3ec7f3}
.qcontact .form p{margin-bottom:40px;color:#212121}
.qcontact .form .form-group{position:relative;margin-bottom:35px}
.qcontact .form .form-group label{margin:0;font-size:15px;color:#000;font-weight:600}
.qcontact .form .form-control{padding:0 0 5px;border:0;border-radius:0;border-bottom:1px solid #ddd;box-shadow:none}
.underline{border-bottom:2px solid #3ec7f3;bottom:0;box-sizing:border-box;left:0;margin:auto;opacity:0;position:absolute;right:0;transition:opacity 120ms ease-out,width 0ms linear 180ms;width:0;z-index:9}
input:focus+.underline,select:focus+.underline{opacity:1;transition:width 180ms ease-out,opacity 120ms ease-in;width:100%}
textarea:focus+.underline{opacity:1;transition:width 180ms ease-out,opacity 120ms ease-in;width:100%}
.btn-link:focus{text-decoration:underline!important;color:#F00}
.qcontact .form .form-control:focus{outline:0}
 
 
.qcontact .form .btn-2{background:#3ec7f3;border-radius:20px;color:#fff;padding:5px 20px}
.qcontact h4{position:absolute;right:10px;bottom:0;font-size:98px;font-weight:800;text-transform:uppercase;line-height:62px;letter-spacing:-2.1px;color:#273238}
.qcontact h4 span{color:#999}
.fsblue{color:#850016}
.qcontactbtn { background: #36b1ff;
    border-color: #008873;
    position: fixed;
    right: -50px;
    top: 40vh;
    transform: rotate(-90deg);
    border-radius: 10px 10px 0 0;
    z-index: 99;
    cursor: pointer;
    padding: 6px 15px;
    font-size: 16px;
    color: #fff;}

.qcontactbtn:hover { color:#fff; background:#fe6b38;    border-color: #fe6b38;}

footer {
	padding: 40px 0 0;
	background: linear-gradient(to right, #1f3d60, #20395c);
	;
}
footer h2 {
	margin-bottom: 30px;
	color: #fff;
}
footer h2 strong {
	color: #fe6b38;
}
footer p {
	color: #fff;
	font-size: 16px;
}
footer p a {
	color: #fff;
	font-size: 16px;
}
footer p i {
	color: #fe6b38;
	font-size: 22px;
}
footer ul {
	margin: 0;
	padding: 0;
}
footer ul li {
	margin: 0;
	padding: 0;
}
footer ul li a {
	margin: 0;
	padding: 6px 0;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 600;
}
footer .form-control {
	background: none;
	border: 1px solid #fe6b38
}
footer .form-control:focus {
	background: none;
}

 
 
.about-section ul {
	margin:0;
	padding:20px 0 20px 20px
}
.about-section ul li {
	margin:0;
	padding:0 0 10px 20px;
	color:#ddd;
	position:relative;
	width:48%;
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	font-family: 'Raleway', sans-serif;
	font-style:italic;
	font-weight:600;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.about-section ul li:before {
	content: "\f058";
	color:#3ec7f3;
	position:absolute;
	left:0;
	top: 4px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.about-section ul li:hover {
	padding-left:25px;
	color:#fff
}
.key-features {
	padding:60px 0;
	border-top:1px solid #E6E6E6;
	background-color: #FAFAFA;
}
.fblack {
	margin-bottom:20px;
	color:#333;
}
.sub-title {
	margin-bottom:30px;
	font-size:18px;
	font-weight:500;
}
.key-f-box {
	position:relative;
	padding-left:60px;
}
.key-f-box figure {
	position:absolute;
	left:0;
}
.key-f-box h4 {
	color:#000;
	font-size:20px;
}
.team-section {
	padding:60px 0;
}
.team-section .teambox {
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	box-shadow:0 0px 2px #ddd;
 -webkit-transition: all .35s;
 -moz-transition: all .35s;
 transition: all .35s;
}
.team-section .teambox figure {
	margin-bottom:0;
	text-align:center;
}
.team-section .teambox .teamhover {
	padding:10px 0;
	text-align:center;
	background:#fff;
	width:100%;
	min-height:110px;
	left:0;
 -webkit-transition: all .35s;
 -moz-transition: all .35s;
 transition: all .35s;
}
.team-section .teambox:hover {
	margin-top:-5px;
	box-shadow:0px 5px 5px #ddd
}
.team-section .teambox:hover .teamhover {
	bottom:0
}
.team-section .teambox .teamhover h2 {
	font-size:20px;
	color:#363636;
	font-weight:400;
}
.team-section .teambox .teamhover p {
	margin:0;
	padding:0;
	font-size:15px;
	color:#3ec7f3;
	text-transform:capitalize;
	font-weight:400;
}
.team-section .teambox .teamhover .tsocial {
	margin:0;
	padding:0;
}
.team-section .teambox .teamhover .tsocial a {
	margin:0;
	padding:5px;
	display:inline-block;
	color:#888;
	font-size:16px;
}
.team-section .teambox .teamhover .tsocial a:hover {
	color:#3ec7f3;
}
.services-section {
	padding:60px 0;
}
.s-box {
	margin:0 0 30px;
	padding:20px;
	position:relative;
	min-height:260px;
	border:1px solid #ddd;
	text-align:center;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.s-box span {
	margin:0 auto 15px;
	padding:0;
	border:2px solid #676e70;
	width:70px;
	height:70px;
	display: flex;
	justify-content: center;
	align-items: center;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.s-box:hover {
	margin-top:-5px;
	border:1px solid #3ec7f3
}
.s-box:hover span {
	border:2px solid #3ec7f3
}
.s-box h4 {
	margin:0 0 10px;
	padding:0;
	font-size:18px;
	font-weight:600;
}
.s-box a {
	color:#333;
}
.s-box a img{height:50px;width:auto;}
.s-box a:hover {
	color:#3ec7f3
}
.service-box {
	margin:0 0 30px;
	padding:20px 20px 20px 90px;
	position:relative;
	min-height:175px;
	border-bottom:2px solid #f5f5f5;
	background:#f5f5f5;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.service-box span {
	margin:0;
	padding:0;
	position: absolute;
	left:5px;
	top:20px;
	width:70px;
	height:70px;
	display: flex;
	justify-content: center;
	align-items: center;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
.service-box:hover {
	margin-top:-5px;
	background:#fff;
	border-bottom:2px solid #3ec7f3;
	box-shadow: 0 0 8px #ddd;
}
.service-box:hover span {
}
.service-box h4 {
	margin:0 0 10px;
	padding:0;
	font-size:18px;
	font-weight:600;
}
.service-box a {
	color:#333;
}
.service-box a:hover {
	color:#3ec7f3
}
.s-box p {
	color:#8e9496;
	font-size:15px;
}
.s-section .btn-wci {
	background:#3ec7f3
}
.s-section .btn-wci:hover {
	background:#212121
}
.list-style-disc {
	padding: 0 0 0 30px;
	margin: 0;
}
.list-style-disc li {
	list-style-type: disc !important;
	margin-bottom: 5px;
	font-size:15px;
}
.testimonial-section {
	padding:60px 0;
}
.testimonial-section .testimonial-box {
	text-align:center;
	padding:20px;
}
.testimonial-section .testimonial-box p {
	margin:10px auto;
	max-width:85%;
	color:#fff;
	line-height:20px;
}
.testimonial-section .testimonial-box figure img { border-radius:100%;}
.testimonial-section .testimonial-box .stars {
	color: #ffa200;
}
 .testimonial-section .row .col-12:nth-child(1) {
background:#ED5314;
}
 .testimonial-section .row .col-12:nth-child(2) {
background:#FFB92A;
}
 .testimonial-section .row .col-12:nth-child(3) {
background:#9BCA3E;
}
 .testimonial-section .row .col-12:nth-child(4) {
background:#005B9A;
}
 .testimonial-section .row .col-12:nth-child(5) {
background:#3ABBC9;
}
 .testimonial-section .row .col-12:nth-child(6) {
background:#0191C8;
}
 .testimonial-section .row .col-12:nth-child(7) {
background:#74C2E1;
}
 .testimonial-section .row .col-12:nth-child(8) {
background:#8C8984;
}
 .testimonial-section .row .col-12:nth-child(9) {
background:#FF6EB0;
}
 .testimonial-section .row .col-12:nth-child(10) {
background:#93228D;
}
 .testimonial-section .row .col-12:nth-child(11) {
background:#FFCB00;
}
 .testimonial-section .row .col-12:nth-child(12) {
background:#00AAA0;
}
 .testimonial-section .row .col-12:nth-child(13) {
background:#8ED2C9;
}
 .testimonial-section .row .col-12:nth-child(14) {
background:#FF7A5A;
}
 .testimonial-section .row .col-12:nth-child(15) {
background:#FFB85F;
}
 .testimonial-section .row .col-12:nth-child(16) {
background:#462066;
}
 .testimonial-section .row .col-12:nth-child(17) {
background:#999967;
}
 .testimonial-section .row .col-12:nth-child(18) {
background:#B22222;
}
.careers-section {
	padding:60px 0;
	background:#f4f5fa;
}
.job-box {
	background: #ffffff;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	margin-top: 30px;
-webkit-transition: all .35s;
 -moz-transition: all .35s;
 transition: all .35s;
}
.job-box:hover {
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
.job-box a {
	display:block;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8ecec;
	border-right: 1px solid #e8ecec;
}
.job-box a i {
	 display:block;
	width: 100%;
	color: #3ec7f3;
	font-size: 70px;
	margin-top: 30px;
	text-align:center;
}
.job-box a i img{ max-height:75px; max-width:75px;}
.job-box a span {
	padding:0 10px;
	 display:block;
	width: 100%;
	font-family: Open Sans;
	font-size: 16px;
	color: #202020;
	margin-top: 18px;
	margin-bottom:10px;
}
.job-box a p {
	color: #b1b1b1;
}
.job-details {
	padding:60px 0;
}
.job-details p strong {
	color:#525252;
}
.job-details h4 {
	color:#333;
	font-weight:400;
}
.job-details ul {
	margin:0;
	padding: 0 0 20px 5px !important;
}
.job-details ul li {
	font-size:15px !important;
	padding:0 0 10px 20px !important;
	position:relative !important;
}
.job-details ul li:before {
	content: "\f058";
	color: #3ec7f3;
	position: absolute;
	left: 0;
	top: 4px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contact-us-section {
	padding:60px 0;
}
.contact-us-section ul {
	margin:0;
	padding:0;
}
.contact-us-section ul li {
	margin:0;
	padding:0 0 15px 30px;
	font-size:15px;
	position:relative;
}
.contact-us-section ul li a { color:#777;}
.contact-us-section ul li a:hover { color:#3ec7f3;}
.contact-us-section ul li i {
	position:absolute;
	left:0;
	top:0;
	font-size:20px;
}
.smlist {
	margin: 10px 0 0;
	padding: 0;
}
.smlist li {
	margin: 0;
	padding: 0 15px 10px 0;
	position: relative;
	display:inline-block;
}
.smlist li:before {
	margin-right:5px;
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pageheader {     padding: 125px 0 17px;
    background: #03a9ca;
    text-align: left;}
.pageheader h1 { color:#fff; text-align:left !important}
.pageheader li,.pageheader a { color:#fff;}

 @media only screen and (min-width: 992px) {
.nav.navbar { padding:0;}	 
.nav.navbar li.dropdown a:hover {
    transform: scale(1);
}
.mnavbar ul li.dropdown:hover > .dropdown-menu {
 opacity: 1;
 -ms-filter: "alpha(Opacity=100)";
 filter: alpha(opacity=100);
 height: auto;
 line-height: 1;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
 overflow: visible;
 padding: 5px 0 2px;
}
 .mnavbar ul li.dropdown .dropdown-menu {
 margin: 0;
 top: 99%;
 padding: 0;
 background-color: #32a8ca;
 overflow: hidden; 
 opacity: 0;
 left: 0;
 border-radius: 0;
 -ms-filter: "alpha(Opacity=0)";
 filter: alpha(opacity=0);
 height: 0;
 min-width: 220px;
 line-height: 0;
 display: block;
 -moz-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
 .mnavbar ul li.dropdown .dropdown-menu li a {
 width:100%;
 padding:10px; display:block;
 border-bottom:1px solid #49c6ea;
}
 .mnavbar ul li.dropdown .dropdown-menu li:last-child a {
border-bottom:none;
}
 .mnavbar ul li.dropdown:hover .dropdown-menu li a {
 padding:10px 10px;
}
 .mnavbar ul li.dropdown .dropdown-menu li:last-child {
 border-bottom:none;
}
}
.navbar-toggler {display:none}
.dropdown-btn {
	display: none;
}
.navbar-brand { padding:0;}

 @media only screen and (max-width: 991px) {
	 .navbar-toggler {display:block}
	 .navbar-default {
    position: fixed;
    top: 0;
    left: 0;
    background: #03a9ca!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)!important;
}

 .mnavbar {
 padding:0 0 0 10px
}
.navbar-brand img {
 max-width: 180px;
}
 header {
 margin-top:50px;
}
.mnavbar {
 position: fixed;
 left: -300px;
 background: #212121;
 height: 100%;
 width: 280px;
 z-index: 9999;
 top: 0px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
 padding:0;
 overflow: auto;
 box-shadow: -4px 0px 21px #696969;
 display: flex; 
 -ms-flex-wrap: wrap;
    flex-wrap: wrap;
 -ms-flex-direction: inherit;
 flex-direction: inherit;
}
.mnavbar.pullnav {
 left:0;
}
.top-right {
    width: 100%;
    order: 2;
}
.top-right ul {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.top-right ul li a { padding:10px; font-size:14px;}
.top-right ul li {border-bottom: 1px solid #333;    padding: 5px 0 5px 15px;}
.top-right ul li:nth-child(1) a:after, .top-right ul li:nth-child(2) a:after { display:none;}
 .navbar-default .nav.navbar {
 margin:0;
  padding:0;
  order: 1;
 display:block; width:100%;
}
.nav.navbar li {
 float:left;
 text-align:left;
 width:100%;
 border-bottom:1px solid #333;
}
.nav.navbar li a {
 margin:0;
 padding:10px 20px;
 display:block;
}
.nav.navbar li a:hover { transform:scale(1)}
 .mnavbar .collapse {
 display:block;
}
 .navbar-toggler {
 color:#fff;
 padding:15px 10px;
 font-size:20px;
 cursor:pointer;
}
 .container {
 position:relative;
}
 .dropdown-btn {
 display: block;
 position: absolute;
 right: 0;
 top: 0; color:#fff;
 border-left: 1px solid #333;
 padding: 11px 20px;
 z-index: 99;
 cursor: pointer;
}


 .mnavbar .dropdown-menu {
 position: static;
 float: left;
 margin: 0px;
 padding: 0px;
 border: none;
 background: #272727;
 border-radius: 0;
 box-shadow: none;
}
 .mnavbar .dropdown-menu li a {
 color:#f7f7f7
}
.top-right ul { display:block;}
.carousel-caption  p { display:none ;}
.carousel-caption {bottom: auto; top:20%} 

}
 @media only screen and (max-width: 767px) {
 .carousel-caption   h2 {
font-size:20px; line-height:30px;
font-weight:700;
}
  
 .wwa-section img {
display:none !important;
}
 
 
 .wwa-section ul li {
font-size:14px;
}
}
 @media only screen and (max-width: 576px) {
	 
	 .qcontact .form {padding:20px 20px 20px}
	 .qcontact .form h2 { font-size:30px; margin-bottom:20px;}
	 .qcontact .form .form-group { margin-bottom:20px;}
 #slider .carousel-item {
max-height:400px;
}
 .carousel-caption { top:30px; left:20px; width:200px;}
 .carousel-caption  h2 {
font-size:14px; line-height:20px;
margin-bottom:10px;
font-weight:600;
}
 .fbottm {
padding:10px 0;
}
 .fbottm .container {
display:block;
text-align:center;
}
 .fbottm .container p {
padding:1px 0;
}
.hemail {
display:none !important;
}
.about-section .pl-5.pr-5 { padding:0 15px !important}
.about-section ul li { width:100%;}
 .about-section img { margin-top:20px;}
 
}