@charset "utf-8";
/* CSS Document */

body {font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 24px; text-align: justify;}

h1,h2,h3,h4,h5,h6 {font-family: 'Quicksand', sans-serif; margin: 0;}
p { line-height: 24px; margin-bottom: 0}

.navbar-brand { height: auto;}
.top { background: #0c8871; padding: 4px 0; color: #fff;}

.social i { display: inline-block; margin-right: 7px; border-radius: 10px; background: #fff; color: #0c8871; padding: 3px 2px; width: 20px;     height: 20px; text-align: center; }

.navbar-nav { float: right;font-family: 'Quicksand', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-top: 34px; }
.navbar-default { background: rgba(255,255,255,0.95); }
.navbar-nav>li>a { padding: 10px 20px; }
.navbar-nav>li>a .top { top: 40px; background:#0c8871; color: #fff; position: absolute;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover .top {  top: 0;  }
.navbar-nav>li>a.enq { background: #8cb147; color: #fff; border-radius: 25px;}
.navbar-nav>li>a.enq:hover { background:#76b51b; color: #fff; }


.banner-container { background: #000;  position: relative; }
.navbar { margin-bottom: 0px;}


.banner-container .carousel-caption { z-index: 999; text-align: left; bottom: 250px; margin: 0 -15px; }
.banner-container .carousel-control.left, .carousel-control.right { background: none;}
.banner-container .carousel-caption h2 { font-size: 40px;  color: #fff; text-shadow: none; font-weight: bold; margin-bottom: 15px;}
.banner-container .carousel-caption p { font-size: 20px;}

.banner-container .caption { background:#88c820; padding: 20px 25px; border-top:#111 solid 10px; text-align: center; display: block; margin: auto; color: #fff; float: none; position: relative; top: 50px; box-shadow: 0 0 7px -2px #333; text-transform: uppercase;}
.banner-container .caption h2 { padding-bottom: 15px;}
.banner-container .caption h2::after { content: ""; position: relative; width: 80%; height: 1px; display: block; margin: auto; top: 8px; background: #fff;  }

.banner-container .carousel-inner>.item>a>img, .carousel-inner>.item>img { opacity: 0.7}

.banner-in { position: absolute; width: 100%; bottom: 20px;}
.banner-in .ban-blk { border: rgba(255, 255, 255,0.7) solid 5px; }
.banner-in .ban-blk h2 { color: #333; margin-bottom: 10px; text-align: center; line-height: 40px; /*text-transform: uppercase;*/ font-weight: bold;}
.banner-in .ban-blk .more { border-bottom:#fff solid 1px; padding: 5px 0; color: #fff; }
.banner-in .ban-blk .more:hover { text-decoration: none;}
.banner-in .ban-blk p { color: #fff; font-size: 15px; margin-bottom: 10px;}
.banner-in .ban-blk:hover { margin-top: -10px; transition: .3s}

.content-area { padding: 60px 0;} 
.content-area h2 { text-align: center; font-size: 25px; text-transform: uppercase; margin-bottom: 40px; font-weight: bold;}
.content-area h2::after { content: ""; position: relative; width: 100px; height: 2px; background: #666; display: block; top: 10px; margin: auto;}

.content-area.adj { padding-top: 0;}

.ban-title { background: url(../images/blk.png) no-repeat; text-align: center; color: #fff; margin-bottom: 45px;}
.ban-title h2 { margin: 0; background: #0c8871;padding: 30px 0;}
.ban-title h2::after { display: none;}

/*-----*/

.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: #0c8871; overflow: hidden; width: 100%; height:0; transition: .5s ease; }
.serv-box:hover .overlay { bottom: 0; height: 100%; }
.text { color: white; font-size: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); text-align: center; border: #fff solid 1px; padding: 3px 10px; }
.text a { color: #fff; text-decoration: none;}

.overlay2 { position: absolute; bottom: 0; left: 0; right: 0; background-color: #0c8871; overflow: hidden; width: 0; height: 100%; transition: .5s ease; }
.serv-box:hover .overlay2 { width: 100%; }

.overlay3 { position: absolute; bottom: 0; left: 0; right: 0; background-color: #0c8871; overflow: hidden; width: 100%; height: 0;   transition: .5s ease; }
.serv-box:hover .overlay3 { height: 100%; }

.overlay4 { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #0c8871; overflow: hidden; width: 0; height: 100%;   transition: .5s ease; }
.serv-box:hover .overlay4 { width: 100%; left: 0; }

.home-blk1 {  padding: 0 120px; margin-bottom: 40px;}
.home-blk1 p { text-align: center;}

.home-serv-blk { border-bottom: #ddd solid 1px; border-right: #ddd solid 1px; }
.home-serv-blk .row { margin: 0;}
.home-serv-blk .col-md-3 { padding: 0;}

.serv-box {  border-left: #ddd solid 1px; border-top: #ddd solid 1px; min-height: 333px;}
.serv-box .serv-icon { }
.serv-box .serv-icon img { display: block; margin: auto; }
.serv-box h4 { text-align: center; padding: 20px 0 0; font-weight: bold;}
.serv-box p { text-align: center; min-height: 127px; padding: 15px 20px;}
.serv-box .rdmore { display: block; margin: auto; padding: 5px 0; background: #eee; color: #666; font-size: 13px; border-radius: 0;     
	text-transform: uppercase; }

.serv-box.adj {}


.req-qt { background: #0c8871 url(../images/reg-bg.jpg) no-repeat center top; /*background-size: cover;*/ padding: 40px 0 0;}
.req-qt h2 { font-size: 25px; text-transform: uppercase; margin-bottom:30px; color: #fff; }
.req-qt h2::after { content: ""; position: relative; width: 100px; height: 2px; background: #fff; display: block; top: 10px; }

.req-form { margin-top:40px; }
.req-form .form-control { margin-bottom: 15px; border: 0;}
.btn-req { background: #fecf5e; color: #111; text-transform: uppercase; border-color: #fde19f;}
.req-form label { font-weight: normal; color: #00f7f7;}
.req-img { margin-top: -50px;}
.btn-req:hover { background:#064237; color: #fff;}

.fac-blk p { text-align: center; padding: 0 150px}
.fac-slide { margin-top: 50px; padding-bottom: 40px;}
.fac-img img { border: #88c820 solid 2px; border-radius:15px; padding: 10px; }
.fac-img { margin-bottom: 15px;}
.fac-box { text-align: center;}
.fac-box h4 { font-size: 16px; padding-bottom: 7px;}
.fac-box h5 { line-height: 20px;}

.fac-slide .carousel-indicators li { background: #666;}
.fac-slide .carousel-indicators .active { background: #88c820;}
.fac-slide .carousel-indicators { bottom: -70px; }

.home-blk2 { }
.home-blk2 h2 { text-align: left; font-size: 20px; text-transform: uppercase; margin-bottom: 25px;}
.home-blk2 h2::after{ content: ""; position: relative; width: 100px; height: 2px; background: #666; display: block; top: 10px; margin: 0 }


.abt-home { padding: 0 0 20px;}
.abt-home img { margin: 15px 0;}
.abt-home .rdmore { padding: 6px 11px; background: none; color: #333; font-size: 13px; border: 0; margin-top: 10px; border: #0c8871 solid 2px;
    border-radius: 0; }

.gallery-blk { padding: 10px 0 0;}
.gal-slide { padding: 30px 0 0;}
.gal-slide .col-md-3 { padding: 0;}
.gal-slide .row { margin: 0;}

.newsltr-blk { background: #0c8871; padding: 45px 0;}
.newsltr-blk h2 { text-align: center; color: #fff; font-size: 20px; text-transform: uppercase; margin-bottom: 25px;}
.newsltr-blk .nwsbtn { background: #0c7662; padding: 11px 25px; color: #fff; border: 0; border-radius: 0;}
.newsltr-blk .form-control { height: auto; padding: 10px; border-radius: 0;}

footer { padding: 30px 0; background: #333; color: #ddd;}
footer .col1 h4 { font-size: 15px; text-transform: uppercase; padding-bottom: 20px;}
footer .col1 h4::after 
footer .col1 img { margin-bottom: 10px;}
footer .col1 ul { padding: 0; }
footer .col1 ul li { list-style: square; list-style-position: inside;}
footer .col1 ul li a { color: #ccc;}

footer .botom { border-top: #666 solid 1px; padding: 20px 0 0; margin-top: 20px; color: #ddd; }
footer .botom a { color: #fff; display: inline-block; padding: 1px 10px; background:#0c8871; border-radius: 25px; }

.inner-area { padding: 60px 0px; margin-top: 110px; }
.inner-area h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 25px; font-weight: bold;}
.inner-area h4 { margin-bottom: 15px; font-size: 16px;}
.inner-area .blk { padding-bottom: 40px;}
.inner-area .blk h4 { font-weight: bold; text-transform: uppercase;}

.vismis { margin-bottom: 15px;}
.vismis h4 { font-weight: bold; display: inline-block; border: #0c8871 solid 2px; border-left: #0c8871 solid 10px; padding: 12px;padding-bottom: 10px; background: #fff; margin-bottom: 0 }
.vismis p { padding: 20px; background: #f5f5f5; margin-top: -20px; position: relative; z-index: -1; padding-top: 35px;}
.vismis2 {}

.map { height: 450px; margin-top: 133px; margin-bottom: 40px;}
.adrs h4 { font-size: 15px; line-height: 25px; margin-bottom: 0}
.adrs h4 hr { background: #ccc;}

.contactform {}
.contactform h4 { margin-bottom: 25px;}
.contactform .form-control { margin-bottom: 15px;}
.contactform .btn-sbt { background: #0c8871; text-transform: uppercase; padding: 5px 15px;}

.fac-row { padding-bottom: 15px; margin-bottom: 15px; }
.fac-row img {  }
.fac-desc { padding: 15px; background: #f5f5f5; border-left: #0c8871 solid 5px; }
.fac-row .row { margin: 0;}
.fac-row .col-md-3, .col-md-9 { padding: 0;}
.fac-desc h4 { margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.fac-desc h5 { margin-bottom: 10px; font-size: 16px; }

.test-row { margin-bottom: 10px; border-bottom: #ddd dotted 1px; padding-bottom: 10px;}
.test-row h5 { margin-bottom: 15px;}

.plac h4 { margin-bottom: 25px;}
.plac ul { padding: 0;}
.plac ul li { display: block; padding: 5px; border: #ddd solid 1px; border-radius:5px; margin: 0 5px 5px 0; }

.placelist h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 20px; font-weight: bold;}
.placelist h4 { font-size: 16px; padding: 10px; border: #0c8871 solid 2px; margin-bottom: 20px !important; color: #0c8871; font-weight: bold;}

/*----*/

.course-area { padding: 10px 0; }
.course-area h1 { font-size: 22px; padding: 10px 0; }
.course-area h4 { font-size: 18px; margin:0 0 10px 0;}
.course-area h5 { padding: 10px 0 12px;}
.tab-pane ul { padding: 0; padding-left: 20px;}
.tab-pane ul li { list-style-position: inside;}


.tabs-left > .nav-tabs { border-bottom: 0; }
.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }
.tab-content > .active, .pill-content > .active { display: block; }
.tabs-left > .nav-tabs > li { float: none; }
.tabs-left > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; }
.tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }
.tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; }

.course-box { margin-bottom: 20px; min-height: 405px;}
.course-box h4 { margin-bottom: 10px; font-weight: bold; display: inline-block; border: #0c8871 solid 2px; border-left: #0c8871 solid 10px; padding: 12px;padding-bottom: 10px; background: #fff; }

.course-box img { margin-bottom: 10px; margin-top: -30px; position: relative; z-index: -1;}
.course-box .rdmore { color: #333; font-size: 13px; border:#ccc solid 1px; border-radius: 0;}
.course-box .rdmore:hover {background:#0c8871; color: #fff; border: 0}
.course-box p { margin-bottom: 10px;}

.abt-gal { margin-bottom: 20px; border:#10ad90 solid 5px;}
.abt-gal img { width: 100%;}

.tra-topic { }

.tra-topic ul { padding: 0; background: #f5f5f5; margin: 0; min-height: 250px;}
.tra-topic ul li { padding:5px 7px; border-bottom: #ccc solid 1px; text-align: left; display: block; color: #111; }
.tra-topic h5 { padding: 7px; color: #fff; background: #0c8871;}

.tra-topic ul.c1 { background: #f5f5f5;}
.tra-topic ul.c2 { background: #f5f5f5;}
.tra-topic ul li:last-child { border: 0}

.job-roles ul { padding: 0;}
.job-roles ul li { padding: 5px 10px; border-radius: 50px; display: block; margin: 0 0 10px 0; background: #eee; color: #333; border: #ddd solid 1px;}


.adrs-main { background: #0c8871; border-radius: 5px; padding: 10px; margin-bottom: 10px;}
.adrs-main h4 { color: #fff;}

.abt-blk1 { padding: 10px; margin-top: 15px; background: #eee;}
.abt-blk1 ul { background: #fff; padding: 0; padding-left: 22px}
.abt-blk1 ul li { list-style: square; line-height: 30px;}

.abt img { margin-bottom: 10px; border-bottom: #0c8871 solid 8px; border-left: #0c8871 solid 8px;}

.placelist ul { padding: 0;}
.placelist ul li { padding: 25px 20px; border-radius: 5px; display: inline-block; background: #88c820; border: #fff solid 2px; width: 30%; margin: 0 15px 25px; text-align: center; font-size: 17px; color: #fff;}

.plac-sec { padding: 40px 0; background: #eee;}
.plac-sec h4 { margin-bottom: 25px;}

.alert-success { margin-bottom: 0 }

.test-area { padding: 50px 0 80px; border-top:#ddd solid 1px;}
.test-area h2 { text-align: center; font-size: 20px; text-transform: uppercase; font-weight: bold;}
.test-area h2::after{ content: ""; position: relative; width: 100px; height: 2px; background: #666; display: block; top: 10px; margin: auto; }
.test-area .carousel { padding: 40px; border: #eee solid 1px; border-radius: 200px; box-shadow: 0 0px 10px #ddd;}
.test-area .carousel-control.left { background: none;}
.test-area h4, .test-area h5 { margin-bottom: 10px; color: #0c8871;}
.test-area .carousel-indicators li { background: #ccc;}
.test-area .carousel-indicators .active {background-color: #0c8871;}
.test-area .carousel-indicators { bottom: -50px; }
.test-area img { border-radius: 100px; border: #0c8871 solid 5px;}
.test-area p { padding-right: 25px;}

.testm { margin-top: 40px; padding: 0px;}

.adrs h2 { font-weight: bold; margin-bottom: 15px; text-align: left;}
.adrs h2::after { display: none;}

.cours h3 {  margin: 10px 0 20px; font-weight: bold;}

.enq-blk { padding: 25px 0; }
.enq-blk .form-control { margin-bottom: 15px;}

.enq-side ul { padding: 10px 0 0 0;}
.enq-side ul li { display: block;}
.enq-side ul li a { display: block; padding:7px 10px; border-top: #ddd solid 1px; text-decoration: none; color: #666; background: #fbfbfb;}
.enq-side ul li a:hover { background: #eee;}

.btn-enq { background: #0c8871; padding: 10px 30px; height: auto; border: 0;}
.btn-enq:hover { background: #0c8871;} 

.grup-info { border-top: #ddd solid 1px; padding: 40px 0;} 
.grup-info h4 { margin-bottom: 20px; font-weight: bold;}
.grup-info .grp-bx { padding: 10px; border-radius: 5px; border: #ddd solid 1px; }
.grup-info .grp-bx img { display: block; margin: auto; margin-bottom: 15px;}
.grup-info .grp-bx h5 { text-align: center; color: #666;}

.assoc-blk { padding: 40px 0 0;}
.assoc-box { }
.assoc-box img { width: 50%; display: block; margin: auto; }
.assoc-box h4 { font-weight: bold; text-align: center; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; padding: 15px 0;  }
.assoc-box p { margin-bottom: 15px; min-height: 240px;}
.assoc-box h5 { font-weight: bold; margin-bottom: 15px;}
.assoc-box ul { padding: 0 0 0 15px;}
.assoc-box ul li { line-height: 25px; border-bottom: #ddd solid 1px; text-align: left;}

/* responsive styles */

@media screen and (max-width: 1200px)
{
	.serv-box p { min-height: 175px;}
	.course-box { min-height: 360px;}
	.placelist ul li { width: 28%;}
	.navbar-nav>li>a { padding: 10px 17px;}
	.banner-in .ban-blk h2 { font-size: 28px;}
	
}
@media screen and (max-width: 992px)
{
	.navbar-nav { margin-top: 0; border-top: #ddd solid 1px; padding-bottom: 10px; float: left; padding-top: 7px;}
	.nav>li>a { padding: 10px 14px;}
	.home-blk1 { padding: 0 20px;}
	.serv-box p { min-height: 130px; }
	.req-img { display: none;}
	.req-qt { padding: 40px 0; background-size: cover;}
	body { padding-top: 180px;}
	.inner-area { padding: 20px 0px;}
	.fac-row img { display: block; margin: auto; margin-bottom: 10px;}
	.fac-desc { text-align: center; border-top: #88c820 solid 5px; border-left: 0;}
	.contactform { margin-top: 20px;}
	.banner-in { bottom: 0;}
	.banner-in .ban-blk { padding: 10px;}
	.banner-in .ban-blk h2 { font-size: 20px; line-height: 30px; }
	.test-area .carousel { border-radius: 0;}
	.test-area img { display: block; margin: auto;}
	.test-area h4, .test-area h5 { text-align: center;}
	.test-area p { padding-right: 0; text-align: center; }
	.inner-area { margin-top: 0;}
	.course-box { min-height: 380px; }
	.map { margin-top: 0;}
	
}
@media screen and (max-width: 768px)
{
	.navbar-default .navbar-toggle { margin-top: 35px;}
	.serv-box p { min-height: 0px; }
	.home-blk2 { padding-bottom: 0;}
	.navbar-nav { float: none;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { border-bottom:0; background:#71951d; color: #fff; }
	.abt-blk1 { margin-bottom: 15px;}
	.placelist ul li { width: 44%; }
	body { padding-top: 150px; }
	.home-serv-blk { padding: 0 20px 20px;}
	.fac-blk p { padding: 0 20px;}
}
@media screen and (max-width: 576px)
{	
	.top .social { display: none;}
	.banner-container .caption h2 { font-size: 20px;}
	body { padding-top: 130px; }
	.banner-in { display: none;}
	.banner-container .carousel-caption { bottom: 25px;}
	.banner-container .carousel-caption h2 { font-size: 25px;}
	
}