@import url(https://fonts.googleapis.com/css?family=Roboto);
@import URL('../webfonts/fonts.css');

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 article, aside, details, /* 1 */ figcaption, figure, footer, section, header, main, /* 2 */ menu, nav, section, summary, { /* 1 */
 display: block;
}


/* Listing class  */

.slm{
	margin: 50px 80px 50px 120px;

	float:none;
	display:block;
	
	}

ul.service-listing{
	width:300px;
	}


ul.service-listing li{
	width:300px;
	padding:7px 0 7px 0;
	text-align:center;
	color:#FFF;
	font-size:16px;
	border-bottom:#fff 3px solid;
	
	}

ul.service-listing  li:nth-child(even) {
    background:#666666;

	
}

ul.service-listing li:nth-child(odd) {
    background:#01aded;
	
}

/* Listing class end  */


img {
	border-style: none;
}
button, input, select, textarea {
	margin: 0;
	padding: 0;
}
.header-cont {
	padding: 0px 0 18px;
	background-color: #fff;
}
.logo-cont {
	margin-top: 21px;
}
.phone {
	text-align: right;
	margin-top: 30px;
	margin-bottom:8px;

}
.phone a {
	font-size: 20px;
	font-family:'Roboto';
	color: #777777;
	background:url(../img/phone-icon.png) no-repeat 0 3px;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:5px;
}


.phone a.email{
	font-size: 20px;
	font-family:'Roboto';
	color: #777777;
	background:url(../img/email-icon.png) no-repeat 0 3px;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:5px;
	
	}
.phone a:hover {
	text-decoration:underline;
}

.no-phone-icon {
	background:none !important;
	padding-left:0 !important;
	margin-left:22px;
}


.phone-icon {
	color: #fff;
	font-size: 23px !important;
}



#home {
	padding-top: 117px;
}


.pt20 {
	padding-top: 20px;
}
.mt24 {
	margin-top: 24px;
}

.skills-img {
	margin-top:15px;
	margin-bottom:20px;
}

.oflow {
	overflow: hidden;
}

#skills {
	padding-top:127px;
}


#abouttasc {
	padding-top:80px;
}


#intro{
	padding-top:120px;
}


#payment{
	padding-top:90px;
}


#amenities{
	padding-top:120px;
}


#gallery{
	padding-top:140px;
}







.skills-box h4 {
	font-size:40px;
	color:#666666;
	font-family:'Roboto';
	margin-bottom:15px;
}

.skills-box p {
	font-size:16px;
	color:#2e2e2e;
	margin-bottom:15px;
	line-height:22px;
}


.slide1 {
	background:url(../img/slide1.jpg) no-repeat 0 0;
	background-size: cover;	
}

.slide2 {
	background:url(../img/slide2.jpg) no-repeat 0 0;
	background-size: cover;
}

.slide3 {
	background:url(../img/slide3.jpg) no-repeat 0 0;
	background-size: cover;
}

.slide4 {
	background:url(../img/slide4.jpg) no-repeat 0 0;
	background-size: cover;
}

.slide-height {
	height: 560px !important;
}


#course {
	padding-top:45px;
}

.course-cont {
	padding:38px 0 25px;
	background-color:#fff;
}

.course-box {
	margin-bottom:30px;
	text-align:center;
}

.course-box img {
	width:100%;
}

.course1 {
	background-color:#0087bc;
}

.course2 {
	background-color:#0087bc;
}

.course3 {
	background-color:#0087bc;
}

.course-detail {
	min-height:40px;
	text-align:center;
	padding:18px 15px 8px;
}

.course-detail h5 {
	font-size:30px;
	text-align:center;
	color:#fff;
	font-family:'Roboto';
	margin-bottom:13px;
}

.course-detail p {
	font-size:15px;
	text-align:left;
	color:#fff;
	margin-bottom:15px;
	line-height:22px;
	padding:0 35px;
}

#testimonials {
	padding-top:116px;
}


#roles {
	padding-top:124px;
}


#why {
	padding-top:128px;
}


#inro {
	padding-top:228px;
}



#why2 {
	padding-top:128px;

}


.video{
		background:#02aeea;
		padding: 0px 0px 0px 0px;
	
	}



.payment-plan{
		background:#086996;
		padding: 0px 0px 60px 0px;
	
	}


.payment-plan-inner{
		background:#01aded;
		width:100%;
	
	}


.payment-plan-inner h1.pp {
	font-family: 'Roboto';
	font-size: 40px;
	color: #fff;
	padding: 15px 0px 0px 0px;
	margin-top: 50px !important;
	text-align: center;
	border:none;


}

.payment-plan-inner h1.pp2 {
	font-family: 'Roboto';
	font-size: 40px;
	color: #fff;
	padding: 15px 0px 0px 0px;
	margin-top: 50px !important;
	text-align: center;
	border:none;


}




.payment-plan-inner h2 {
	font-family: 'Roboto';
	font-size: 20px;
	color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-align: center;
}

.payment-plan-inner p {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 16px;
	color: #fff;
	line-height:20px;
	padding: 0px 0px 15px 0px;
	margin: 0;
	text-align: center;
}


.testimon-cont {
	background-color:#e2e7e7;
	padding:45px 0 20px;
}


.section2 {
	padding: 18px 0px 30px 0;
	margin: 30px 0;
	background-color: #efefef;
}





.section2 h1 {
	font-family: 'Roboto';
	font-size: 40px;
	color: #fff;
	padding: 0px 0px 20px 0px;
	margin: 0;
	text-align: center;
	letter-spacing:-2px;
	border-bottom: 1px solid #cce7f2;
}
.section2 .bcc1 {
	padding: 40px 0px 0px 0px;
}
.section2 .bcc1 h2 {
	font-family: 'Roboto';
	font-weight: 600;
	font-size: 23px;
	color: #fff;
	letter-spacing:-1px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	text-align: left;
}

.section2 .bcc1 p {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 16px;
	color: #0087bc;
	line-height:20px;
	padding: 0px;
	margin: 0;
	text-align: left;
}



.section3 {
	padding: 18px 0px 30px 0;
	margin: 30px 0;
	background-color: #fff;
}


<!--Payment Start-->
.payment{
	background:#01aded;
}




.paymemt h1 {
	font-family: 'Roboto';
	font-size: 40px;
	color: #666666;
	padding: 0px 0px 20px 0px;
	margin: 0;
	text-align: center;
	letter-spacing:-2px;
	border-bottom: 1px solid #cce7f2;
}
.paymemt .bcc1 {
	padding: 40px 0px 0px 0px;
}
.paymemt .bcc1 h2 {
	font-family: 'Roboto';
	font-weight: 600;
	font-size: 23px;
	color: #fff;
	letter-spacing:-1px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	text-align: left;
}

.paymemt .bcc1 p {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 16px;
	color: #0087bc;
	line-height:20px;
	padding: 0px;
	margin: 0;
	text-align: left;
}

<!--Payment End-->



<!--About Start-->
.section2 h1 {
	font-family: 'Roboto';
	font-size: 40px;
	color: #0087bc;
	padding: 0px 0px 20px 0px;
	margin: 0;
	text-align: center;
	letter-spacing:-2px;
	border-bottom: 1px solid #cce7f2;
}
.section2 .bcc1 {
	padding: 40px 0px 0px 0px;
}
.section2 .bcc1 h2 {
	font-family: 'Roboto';
	font-weight: 600;
	font-size: 23px;
	color: #fff;
	letter-spacing:-1px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	text-align: left;
}

.section2 .bcc1 p {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 17px;
	color: #666666;
	line-height:20px;
	padding: 0px;
	margin: 0;
	text-align: center;
}
<!--About End-->



<!--Video Start-->
.video {
 margin:50px 0px 50px 0px;


}

<!--Video End-->



.testimon-cont h5 {
	font-size:50px;
	color:#2e2e2e;
	font-family:'Roboto';
	margin-bottom:30px;
	text-align:center;
}

.testimon-box {
	margin-bottom:30px;
}

.testimon-top {
	font-size:16px;
	color:#fff;
	border-radius:1px;
	padding:18px 25px;
	text-align:center;
	line-height:20px;
	position:relative;
}

.testimon1 {
	background-color:#088389;
}

.testimon2 {
	background-color:#00b1ba;
}

.testimon3 {
	background-color:#0e6864;
}




.arrow-down1 {
  width: 0; 
  height: 0; 
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;  
  border-top: 20px solid #088389;
  position:absolute;
  left:45%;
  bottom:-20px;
}

.arrow-down2 {
  width: 0; 
  height: 0; 
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;  
  border-top: 20px solid #00b1ba;
  position:absolute;
  left:45%;
  bottom:-20px;
}

.arrow-down3 {
  width: 0; 
  height: 0; 
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;  
  border-top: 20px solid #0e6864;
  position:absolute;
  left:45%;
  bottom:-20px;
}


.testimon-sign {
	text-align:center;
	color:#2e2e2e;
}

.about-head {
	font-size:40px;
	color:#01aded;
	font-family:'ralewaymedium';
	margin-top:10px;
}

.testimon-sign p {
	font-size:16px;
	font-family:'ralewaybold';
	margin-top:0px;
	margin-bottom:0;
}


#othercourse {
	padding-top:116px;
}

#testimon {
	padding-top:116px;
}

.othercourse{
	background-color:#088389;
	width:269px;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}


.othercourse-box {
	margin-bottom:30px;
}

.othercourse-top {
	font-size:16px;
	color:#fff;
	border-radius:10px;
	padding:18px 25px;
	text-align:center;
	line-height:20px;
	position:relative;
	margin-top:-15px;
	margin-left:8px;
}

.othercourse1 {
	background-color:#094357;
}

.othercourse2 {
	background-color:#1f8a70;
}

.othercourse3 {
	background-color:#067885;
}

.othercourse4 {
	background-color:#f29200;
}

.othercourse5 {
	background-color:#176d8b;
}

.othercourse6 {
	background-color:#34a388;
}

.othercourse7 {
	background-color:#1894a3;
}

.othercourse8 {
	background-color:#fca420;
}

.othercourse9 {
	background-color:#2d8bac;
}

.othercourse10 {
	background-color:#58c1a7;
}

.othercourse11 {
	background-color:#2cadbc;
}

.othercourse12 {
	background-color:#feb343;
}





#our_clinic {background:#fff;text-align:center;padding:20px 0 60px 0}

.our-clinic .owl-nav{top:40%;z-index:0;width:100%;position:absolute}

.our-clinic .owl-prev,.our-clinic .owl-next{

	padding: 4px 0;background-color: rgba(0,0,0,.7);border-radius: 50%;position:absolute

}

.our-clinic .owl-prev{left:10px}

.our-clinic .owl-next{right:10px}



.othercourse-cont h5 {
	font-size:35px;
	color:#2e2e2e;
	font-family:'ralewaybold';
	margin-bottom:30px;
	text-align:center;
}


.othercourse-cont {
	background-color:#f3f5f5;
	padding:45px 0 20px;
}

#casestudies {
	padding-top:124px;
}

#aboutus {
	padding-top:124px;
}


.about-box {
	padding:35px 30px 0px 30px;
	border:0px solid #d3d2d2;
}


.intro-box {
	padding:0px 30px 0px 30px;
	border:0px solid #d3d2d2;
}

.about-box h4 {
	font-size:40px;
	font-family:'ralewaybold';
	color:#2e2e2e;
	margin-bottom:30px;
}

.about-box h6 {
	font-size:24px;
	font-family:'Arial';
	color:#2e2e2e;
	margin-bottom:10px;
}

.about-box p {
	font-size:16px;
	color:#2e2e2e;
	margin-bottom:36px;
}

.about-foot {
	padding:8px 0 12px;
	background-color:#e24800;
	text-align:center;
}


.clients {
	background-color: #fff;
	border: 1px solid #e9e8e8;
}


#contact {
	padding-top: 116px;
}
.contact-cont {
	padding: 34px 0 36px;
	background-color: #2e2e2e;
}
.book-head {
	font-size: 30px;
	font-weight: 600;
	font-family:'Roboto';
	color: #aaabac;
	text-align: center;
	margin-bottom: 30px;
	font-weight:600;
}
.map-cont {
	overflow: hidden;
	width: 100%;
}
.mb35 {
	margin-bottom: 35px;
}

#contact-info {
	background-color: #361c0e;
	padding: 35px 0;
	margin-top: 70px;
}


.address {
	font-size:18px;
	color:#aaabac;	
	line-height:22px;
	margin-top:76px;
	padding-left:33px;
}

.address h5 {
	font-size:24px;
	color:#aaabac;
	font-family:'Arial';
	font-weight:bold;
	margin-bottom:6px;
}

.address a {
	font-size:18px;
	color:#aaabac;	
	line-height:22px;
}

.address a:hover {
	text-decoration:underline;
}

.mt47 {
	margin-top:47px !important;
}

.footer-cont {
	background-color: #4e4c4c;
	padding: 25px 0;
	color: #fff;
	font-size: 16px;
}
.footer-cont a {
	color: #cecdcd;
}


.hrlink {
	background-color: #0087bc;
	padding: 5px 5px;
	color: #fff;
	font-size: 18px;
}
.hrlink a {
	color: #cecdcd;
}


.pt18 {
	padding-top: 18px;
}


.imgtop{
	
	margin-top:30px;
	
	
	}

@media (min-width: 992px) {

	.no-rp {
		padding-right:0;
	}
	
	.no-lp {
		padding-left:0;
	}
}


@media (max-width: 991px) {
#home {
	padding-top: 273px;
}
.contact-email {
	text-align: left;
}

#contact {
	padding-top: 270px;
}

.about-box {
	text-align:center;
}

}


@media (max-width: 767px) {



#home {
	padding-top: 0;
}

#course {
	padding-top:0px;
}

#testimonials {
	padding-top:0px;
	margin-bottom:25px;
}

#othercourse {
	padding-top:0px;
	
}

#about {
	padding-top:0px;
}

#contact {
	padding-top: 0;
}

#attractions {
	padding-top:0px;
}

.mb20 {
	margin-bottom:20px;

}


.email {
    text-align: center;
}

.nav > li > a.last-link {
	padding-right:21 !important;
}

.book-head {
	font-size: 34px;
}

.address {
	margin-top:45px;
	text-align:center;
}

.carousel-indicators{
	display:none;
}

.address {
	padding-left:0;
}

.skills-box {
	text-align:center;
}

.course-detail {
	min-height:75px;
	text-align:center;
	padding:18px 15px 20px;
}
.intro-box{
	
	text-align:center;
	}
	
	.slm{
	margin: 50px 80px 50px 15px;

	float:none;
	display:block;
	
	}
	
	#payment{
		padding-top:1px;
		}
		
		.payment-plan-inner h1.pp{
			font-size:24px;
			}
			
.section2 .bcc1 p{
	
	text-align:center !important;
	}			

#amenities{
	padding-top:20px;
	
	}

.img-full {
	height:450px !important;
}

.slide-height {
	height: 470px !important;
}

#skills {
    padding-top: 25px;
}

#aboutus{
	
	padding:20px;
	}



}



@media (max-width: 600px) {
.logo-cont {
    margin-left: 4px;
}


.contact-email {
	font-size: 17px;
}
.email a {
	font-size: 20px;
}
}



@media only screen and (max-width: 767px) {
.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
}

.mt30 {
	margin-top:30px;	
}

.phone a {
	font-size: 22px;
	padding-left:38px;
	background:url(../img/phone-icon-s.png) no-repeat 0 0;
	padding-bottom:5px;
}

}


@media only screen and (min-width:200px) and (max-width:435px) {
	.phone a {
		font-size: 20px;
	}
	
	.skills-box h4 {
		font-size: 30px;
		font-weight:bold;
	}
	
	.section2 h1{
		font-size: 30px;
		font-weight:bold;
	}
	
	.form-box h4 {
	font-size: 2rem !important;
	}
	
	.no-phone-icon {
		margin-left:9px;
	}
	
#testimonials {
	padding-top:50px;
}


#roles {
	padding-top:50px;
}


#why {
	padding-top:1px;
	
}


#amenities {
	padding-top:50px;
	
}




#abouttasc{
	padding-top:50px;
	}
	
	#casestudies{
 padding-top:50px;
 }


}

@media only screen and (min-width:200px) and (max-width:767px) {
.footer-cont {
    text-align: center;
}
.phone {
    text-align: center;
    margin-top: 30px;
	position:relative;
	z-index:999;
}
.logo-cont {
    margin-top: 18px;
    float: left;
	margin-left:0px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #007db5;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    position: absolute;
    right: -14px;
    top: 26px;
}
.navbar-nav {
    text-align: center;
}

.phone {
    text-align: center;
	float:left;
	width:100%;
}

.navbar-header {
    padding-bottom: 14px;
}

.slider-captionons {
    text-align: center;
	padding:15px 16px !important;
}
.slider-captionons h3 {
    font-size: 30px !important;
}	

.slider-captionons h4 {
    font-size: 20px !important;
    margin-bottom: 5px;
}
.slider-captionons h5 {
    font-size: 1.44rem !important;
}

.oflow {
    text-align: center;
    padding-top: 13px;
}
#contact-info {
    padding: 41px 0;
    margin-top: inherit;
}	

.contact-phone {
	text-align:center;
}
.contact-email {
	text-align:center;
}
.contact-phone .fa {
    vertical-align: middle;
}
.contact-email .fa {
    vertical-align: middle;
}

}


@media only screen and (min-width:768px) and (max-width:991px) {
	
#home {
    padding-top: 117px;
}

#contact {
	padding-top: 160px;
}

.nav > li > a {
    padding: 4px 14px;
}
.img-full {
	height:450px !important;
}

.carousel-indicators{
	display:none;
}

}


@media only screen and (min-width:992px) and (max-width:1199px) {

.contact-phone a {
    font-size: 1.30rem !important;
	text-align:center;
}
.contact-email a {
    font-size: 1.30rem !important;
	text-align:center;
}
.contact-phone .fa {
    font-size: 1.85rem !important;
    vertical-align: middle;
}
.contact-email .fa {
    font-size: 1.85rem !important;
    vertical-align: middle;
}
	
.nav > li > a {
    padding: 4px 14px;
}	
		
}




/* top button CSS */

.cd-top {
	isplay: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(2, 174, 234, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 0;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #007db5;
	opacity: 1;
}
.popup-gallery ul{
	column-count:4;
	-moz-column-count:4;
	-webkit-column-count:4;
	column-gap:2px;
	-moz-column-gap:2px;
	-webkit-column-gap:2px;
	margin-top:30px;
}
.popup-gallery ul li{
	margin-bottom:2px;
}
.popup-gallery ul li img{
	width:100%;
}
#gallery_demo{
	padding:50px 0 100px;
	background:#01aded;
}
.owl-nav .owl-prev{
	position:absolute;
	left:46%;
	bottom:-60px;
	font-size:24px;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ccc;
	text-align:center;
}
.owl-nav .owl-prev .fa{
	line-height:40px;
}
.owl-nav .owl-next{
	position:absolute;
	right:46%;
	bottom:-60px;
	font-size:24px;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ccc;
	text-align:center;
}
.owl-nav .owl-next .fa{
	line-height:40px;
}
.owl-carousel {
	margin-top:30px;
}
#myCarousel1 .owl-item {
    margin-right:10px !important;
}
#myCarousel1{
	padding:30px 0;
}
#gallery_demo h1.text-center{
	color:#fff;
}

#gallery_demo1 h1.text-center{
	color:#fff;
}


#gallery_demo1{
	margin-top:15px;
	padding:50px 0 100px;
	background:#2e2e2e;
}
@media only screen and (min-width: 768px) {
.cd-top {
	right: 20px;
	bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	} 
}
@media (max-width:1024px){
	.owl-nav .owl-next{
		right: 42%;
	}
	.owl-nav .owl-prev{
		left: 42%;
	} 
	.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
		display:block !important;
	}
}
@media (max-width:480px){
	.popup-gallery ul{
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;
	}
	.owl-nav .owl-next{
		right: 37%;
	}
	.owl-nav .owl-prev{
		left: 37%;
	} 
}
@media (max-width:360px){
	.popup-gallery ul{
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;
	}
	.owl-nav .owl-next{
		right: 35%;
	}
	.owl-nav .owl-prev{
		left: 35%;
	} 
}
/* top button CSS */