@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
body{margin:0; font-family: 'Nunito', sans-serif;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main-inner{width:87%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:85%; height:auto; margin:0 auto;}
#main-inner4{width:80%; height:auto; margin:0 auto;}
#main-inner5{width:100%; height:auto; margin:0 auto; overflow: hidden;}

a{text-decoration:none; color:#333}

.upheader-bac{background:#ea9502; border-top: 3px solid #9e0501;}
#upheader{width:100%; height:auto; float:left; padding:0.5% 0}
#upheader .left{width:85%; height:auto; float:left; margin:0.5% 0 0 0;}
#upheader .left p{float:left; margin:-0.5% 3% 0 0; color:#fff;}
#upheader .left .p{float:left; margin:0 3% 0 0; color:#fff; font-size:13px}
#upheader .left p img{width:18px; height:18px; float:left; margin:1% 0 0 0}
#upheader .left p .img{width:18px; height:18px; float:left; margin:-0.5% 0 0 0}
#upheader .left a{color:#fff}
#upheader .middle{width:7%; height:auto; float:right; margin:0.2% 0}
#upheader .middle a{width:22%; height:auto; float:left; margin:0 2%; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}
#upheader .middle a:hover{border:#63bc46 2px solid;}
#upheader .middle a img{width:70%; height:auto; float:left; margin:15%}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#fff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.mainlogo{width:25%; height:auto; float:left; padding:0;}
.mainlogo img{width:100%; height:auto; float:left; margin:0}

.menudiv-bac{background:#fff; padding: 0.5% 0;}

.classbac{padding:10px 0 60px;background:url(images/promo-bg.svg) top right/100% no-repeat #e0ecfd; -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);}
#welcome{width:100%; height:auto; float:left; margin:3% 0}
#welcome h1{width:100%; height:auto; float:left; margin:0; text-align:center; font-size:22px; margin-bottom:0}
#welcome h1 span{color:#760203; text-align:center; font-size:25px; margin-bottom:0; text-transform: uppercase;}
#welcome span{width:80%; height:auto; float:left; margin:0 10% 4% 10%; color:#484949; text-align:center; font-size:20px; line-height:150%;}
#welcome img{width:46%; height:auto; float:left; margin:1% 3% 1% 3%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);box-shadow:0 3px 56px -24px rgba(0,0,0,.4); border-radius:10px;}
#welcome .right{width:48%; height:auto; float:left;}
#welcome .right p{font-size: large; color: #414040; line-height: 150%; text-align: justify;}
#welcome .right a{font-size: medium; color: #fff; background: #760203; padding: 2% 3%; border-radius: 5px;}

#threediv {
    width: 100%;
    height: auto;
    float: left;
    background: #1970b5
}

#threediv .con {
    width: 33%;
    height: 260px;
    float: left;
    background: url('images/img1.jpg') #1970b5;
    background-size: 100% auto;
    padding: 2%;
}

#threediv .con1 {
    background: url('images/img2.jpg') #244e74;
    background-size: 100% auto;
}

#threediv .con2 {
    background: url('images/img3.jpg') #1970b5;
    background-size: 100% auto;
}

#threediv h3 {
    width: 70%;
    height: auto;
    float: left;
    margin: 10px 15% 20px 15%;
    padding: 3px 0 3px 40px;
    color: #fff;
    font-weight: 500;
    background: url('images/icon.png') left no-repeat;
    background-size: 32px 32px;
    text-transform: uppercase;
}

#threediv .h3 {
    background: url('images/icon1.png') left no-repeat;
    background-size: 32px 32px;
    padding: 3px 0 3px 40px;
}

#threediv .h33 {
    background: url('images/icon2.png') left no-repeat;
    background-size: 32px 32px;
    padding: 3px 0 3px 40px;
}

#threediv p {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    margin: 3px 0;
    font-weight: 300;
    text-align: justify;
}

#threediv span {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-weight: 300;
}

#threediv a {
    width: 40%;
    height: auto;
    float: left;
    margin: 20px 30% 10px 30%;
    color: #fff;
    border: 1px solid #84beec;
    text-align: center;
    padding: 5px 0;
}

#threediv a:hover {
    border: 1px solid #f6bc02;
}

.popularbac {
    background: url(images/bg2.jpg);
    padding: 50px 0;
}

.popularbac h2 {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    margin: 0;
    font-weight: 500;
}

.popularbac b {
    width: 5%;
    height: auto;
    float: left;
    margin: 5px 0 25px 0;
    padding: 2px 0;
    background: #d9aa3f;
}

.popularbac .b {
    width: 15%;
    height: auto;
    float: left;
    margin: 6px 80% 25px 0;
    padding: 1px 0;
    background: #eeeeee;
}

.popularbac .card-title {
    margin: 10px 0 0 0;
}

.popularbac .card-text {
    margin: 5px 0;
}

.popularbac .btn {
    float: left;
    background: #4586e2;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px 3px 3px 3px!important;
    margin: 5px 0!important;
}

.popularbac .carousel-item1 {
    margin-bottom: 60px;
}

.popularbac .controls-top {
    float: right;
    margin: 0 0 20px 0;
}

.popularbac .btn-floating {
    border: 1px solid #fff;
    padding: 5px 10px;
}

.popularbac .btn-floating1 {
    margin-bottom: -10px!important;
}

.testimonialbac{background:#f0f1f1}
#testimonial{height: 500px;}
#testimonial h2 {
	color: #525252;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 70px;
}
#testimonial h2::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 4px;
	border-radius: 1px;
	background: #2eaeeb;
	left: 0;
	right: 0;
	bottom: -20px;
}
#testimonial h2 b{color:#0190fe}
#testimonial .carousel {
	margin: 50px auto;
	padding: 0 70px;
}
#testimonial .carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
#testimonial .carousel .media img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}
#testimonial .carousel .testimonial {
	padding: 0 15px 0 60px ;
	position: relative;
	color:#595858;
	line-height:150%;
	font-weight:normal;
	font-size:medium
}
#testimonial .carousel .testimonial::before {
	content: '\93';
	color: #e2e2e2;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}
#testimonial .carousel .overview b {
	text-transform: uppercase;
	color: #2eaeeb;
}
#testimonial .carousel .carousel-indicators {
	bottom: -40px;
}
#testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
    height: 10px;
	border-radius: 50%;
	margin: 1px 3px;
}
#testimonial .carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
#testimonial .carousel-indicators li.active {
	color: #fff;
    background: #1c47e3;    
    border: 5px double;    
}

#appoinment{width:100%; height:auto; float:left; padding: 5% 0; background:url(images/appointment.jpg) top left no-repeat; background-size: 100% auto;}
#appoinment .left{width:60%; height:auto; float:left;}
#appoinment .left h1{width:100%; height:auto; float:left; color:#fff; text-align:right; margin: 0; font-size:30px;}
#appoinment .left span{width:100%; height:auto; float:left; color:#fff; text-align:right; margin:1% 0; font-size:20px;}
#appoinment .left a{float:right; padding: 2% 4%; margin: 4% 0; border-radius: 5px; background: #f0cb01; color:#000; font-size:20px; transition: 0.5s;}
#appoinment .left a:hover{background: #f0af01; color:#000; font-size:20px;}

.gdfooterbg{background: #0f1d34;}
#gdfooter{width:100%; height:auto; float: left; padding-bottom: 2%;}
#gdfooter .con{width: 30%; height: auto; float: left; margin: 0 1.5%;}
#gdfooter h3{color: #fdb92e}
#gdfooter h3 img{width:100%; height:auto; float: left; margin: 0}
#gdfooter .con p{width:100%; height:auto; float: left; color: #fff; font-size: 13px; margin:2% 0; line-height: 160%}
#gdfooter .con p img{width: 15px; height: 15px; float: left;}
#gdfooter .con a{width:100%; height:auto; float: left; margin: 2% 0; color: #fff; font-size: 14px; padding-left: 10px; text-decoration: none; background:url(images/arrow.png) center left no-repeat; background-size: 10px 10px; transition: 0.5s;}
#gdfooter .con a:hover{color: #fcd6a5;}
#gdfooter .con p span{float: right;}
#gdfooter .con1 p{width:100%; height:auto; float: left; margin: 2% 0; color: #fff; font-size: 14px; text-align: justify;}

.footerlowbac{background:#161616}
#footerlow{width:100%; height:auto; float:left}
#footerlow p{color:#eeeeee; float:left; font-size:small}
#footerlow .p{float:right}
#footerlow a{color:#e38001; transition:0.5s}
#footerlow a:hover{color:#248ab2}

.scrollup {
	background-color: none;
	bottom: 15px;
	color: #2e2929;
	font-size: 36px;
	height: 50px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 50px;
	z-index: 99;
	font-weight: bold;
}
.scrollup:hover {
	background-color: none;
	color:#ffa60c;
}
.scrollup:focus {
	color:#2e2929;
}

.supportbg{background:url(images/bg.jpg) no-repeat; background-size:cover; border-bottom:2px solid #efefef;}
#head{width:100%; height:auto; float:left; padding:4% 0 3% 0}
#head .top{width:98%; height:auto; float:left; margin:0 0 1% 2%; color:#fff}
#head .top a{color:#daf0f1}
#head .top .a{ cursor:auto}
#head .page-title-heading{font-size:2rem;letter-spacing:.034em;line-height:1.2;text-shadow:0 0.625rem 1.5rem rgba(0,0,0,0.2);text-transform:uppercase;word-break:break-all;color:#343b43; margin-left:2%;font-weight:bold;font-family:"Montserrat",sans-serif; color:#fff}

#static{width:100%; height:auto; float:left; margin:4% 0;}
#static h1{width:100%; height:auto; float:left; font-size:x-large;}
#static h2{color:#0293d0; font-size:22px}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:160%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/tick.png'); line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:0.8% 0}
#static .div{width:23%; height:260px; float:left; margin:0.8%; border: 1px solid #03438b; border-radius: 5px;}
#static .div h2{color: #fff; background: #03438b; text-align: center; padding: 10px 0; margin: 0; font-size: large;}
#static .div .h2{height:50px; color: #fff; background: #03438b; text-align: center; padding: 10px 0; margin: 0; font-size: large;}
#static .div p{width:95%; height:auto; float:left; margin:2.5%;}
#static .div h4{margin: 5px 0; color: #03438b;}
#static .con{width:50%; height:260px; float:left; margin:1% 25%; text-align: center; border-radius: 5px; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);box-shadow:0 3px 56px -24px rgba(0,0,0,.4);}
#static .con p{text-align: center;}
#static .con1{width:46%; height:auto; float:left; margin:0 2%; text-align: center; border-radius: 5px; background: #dddfe1;}
#static .con1 img{width: 100%; height: auto; float: left; margin: 0 0 18px 0; border-radius: 5px 5px 0 0;}
#static .con2{width: 50%; height: auto; float: left; margin: 0 25%;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto;}
#main-inner4{width:100%; height:auto; margin:0 auto;}

#upheader .left{width:95%; height:auto; float:left; margin:0.5% 2.5%;}
#upheader .left p{width:100%; height:auto; float:left; margin:-0.5% 3% 2% 0; color:#fff;}
#upheader .left .p{width:100%; height:auto; float:left; margin:0 3% 2% 0; color:#fff; font-size:13px}
#upheader .middle{width:10%; height:auto; float:right; margin:0 10px 0 0;}
#upheader .middle a{width:98%; height:auto; float:left; margin:-35px 0 0 0; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}

.mainlogo{width:80%; height:auto; float:left; margin: 0 10%; padding:0;}

#welcome h1 span{color:#760203; text-align:center; font-size:20px; margin-bottom:0; text-transform: uppercase;}
#welcome img{width:90%; height:auto; float:left; margin:1% 5%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);box-shadow:0 3px 56px -24px rgba(0,0,0,.4); border-radius:10px;}
#welcome .right{width:95%; height:auto; float:left; margin: 1% 2.5%;}

#threediv .con {
    width: 100%;
    height: auto;
    float: left;
    background: url('images/img1.jpg') #1970b5;
    background-size: 100% auto;
    padding: 2%;
    border-bottom: 1px solid #fff;
}

#appoinment{width:100%; height:auto; float:left; padding: 2% 0 auto 0; background:url(images/appointment.jpg) top right no-repeat; background-size: 220% auto;}
#appoinment .left{width:90%; height:auto; float:left; margin: 10px 5%;}
#appoinment .left h1{width:100%; height:auto; float:left; color:#000; text-align:right; margin: 0; font-size:24px;}
#appoinment .left span{width:100%; height:auto; float:left; color:#000; text-align:right; margin:1% 0; font-size:20px;}

#testimonial{height:auto; margin-bottom:8%}
#testimonial h2 {
	color: #525252;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 30px 0;
}
#testimonial .carousel {
	margin: 10px auto;
	padding: 0 10px;
} 
#testimonial .carousel .testimonial {
	padding: 0 ;
	position: relative;
	color:#595858;
	line-height:150%;
}
#testimonial .carousel .media {
	margin:5% 0

}

#gdfooter .con{width: 95%; height: auto; float: left; margin: 0 2.5%;}
#gdfooter h3 img{width:60%; height:auto; float: left; margin: 0 20%}

#footerlow{width:95%; height:auto; float:left; margin: 0 2.5%; text-align: center;}

}