body { margin: 0; padding: 0; font-size: 16px; line-height: 25px; border: none; text-align: center; color: #484848; }
.body-loader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; background-image: url(../loader.gif); background-position: center center; background-repeat: no-repeat; z-index: 11000; }
a { text-decoration: none; color: #000; }
.clear-ul { list-style: none; margin: 0; padding: 0; }
.clear-ul li:before { display: none; }
.inline-block { display: inline-block; }
h1 { font-size: 60px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
ul, ol { margin-left: 10px; }
.wrapper-content { width: 100%; margin: 0 auto; overflow: hidden; }
.wrapper-1200, .wrapper-1000 { width: 1200px; margin: 0 auto; }
.wrapper-search { width: 300px; margin: 0 auto 0 auto; text-align: left; padding: 30px 0; }
.template-wrapper { margin-bottom: 40px; }
.template-wrapper.margin-0 { margin-bottom: 0; }
.home-banner h4 { font-size: 70px; text-align: left; padding-left: 52%; color: #fff; }
.border-bottom { border-bottom: solid 2px #acacac; }
.main-menu-icon { line-height: 20px; font-size: 16px; padding: 10px 20px; text-align: center; color: #fff; background-color: #00a859; z-index: 1000; display: block; position: fixed; top: 20px; right: 0; display: none; z-index: 6000; }
.close-menu { width: 50px; position: absolute; right: 0; top: 0; text-align: center; line-height: 50px; background-color: #ffcc29; z-index: 10; color: #000; display: none; }
.main-menu-icon:after { content: "\f0c9"; font-family: FontAwesome; font-size: 15px; }
.main-link-ul { font-size: 0; line-height: 0; margin: 0px 0; padding: 0; text-align: left; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; display: flex; align-items: normal; }
.main-link-ul li { position: relative; display: block; font-size: 16px; padding: 0; margin: 0 2px; }
.main-link-ul li.main-link-li { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; margin-bottom: 5px; }
.main-link-ul li.main-dd-parent .main-link:after { content:"\f078"; font-family: fontAwesome; font-size: 11px; margin-left: 3px; }
/*.main-link-ul li:after { content:""; width:1px; height:100%; background-color:#fff; position:absolute; right:0; top:0;}*/
.main-link { width: 100%; height: 100%; font-size: 15px; line-height: 20px; font-weight: 600; text-align: center; color: #000; position: relative; display: inline-block; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 10px; background-color: #b374c8; border-radius: 10px; }
/*.main-link-ul li:after {content:""; position:absolute; width:100%; height:0%; left:0; top:0; background-color:#53b1c8; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s;}
.main-link-ul li ul li:after { display:none;}
.main-link-ul li:hover:after { height:100%;}
.main-link-ul li:hover .main-link { color:#000;}
.main-link.active { color:#000; background-color:#53b1c8;}*/
.sub-link-ul { width: 100%; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; padding:10px 0px; text-align: center; top: 100%; background-color: #000; display: none; border-radius: 10px; }
.main-link-li:hover .sub-link-ul { display: block;}
/*.sub-link-ul {background-color:#00a859; position: absolute; z-index: 500; width: 220px; left: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding:5px 0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}*/
/*.sub-link-ul.nowshowing { opacity:1; transform:translateX(-50%) translateY(0); -webkit-transform:translateX(-50%) translateY(0);}*/
/*.sub-link-ul:before {content:"▲"; font-size:20px; position:absolute; left:50%; top:-20px; color:#4c64b3;}*/
.sub-link-ul li { float: none; border: none; }
.sub-link-ul li:after { display: none; }
.sub-link { font-size: 15px; line-height: 17px; text-align: center; color: #000; margin: 0; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; padding: 15px 10px; display: block; }
.sub-link:hover, .sub-link.active { background-color: #3D3D3D; }
.child-link-ul { font-size: 15px; position: absolute; z-index: 510; width: 200px; left: 100%; top: 0; background-color: #000; box-sizing: border-box; -webkit-box-sizing: border-box; display: none; padding: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; }
.child-link-ul li { float: none; margin: 0; display: block; }
.child-link { padding: 5px 0; width: 100%; line-height: 30px; text-align: center; color: #fff; margin: 0; display: block; font-size: 14px; }
.child-link:hover, .child-link.active { background-color: #00a859; color: #000; }
.search-icon { background: url(../temp-images/search-icon-white.png) center center no-repeat #4c64b3; border: solid 1px #4c64b3; width: 40px; height: 55px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; }
.info-header { text-align: right; width: 100%; background-color: #00a859; font-size: 16px; }
.info-header p, .info-header a { margin-right: 20px; }
.additional-menu { text-align: right; font-size: 0; margin-top: 9px; float: right; position: relative; color: #fff; border: solid 1px #999; }
.additional-menu form, .additional-menu p { display: inline-block; }
.additional-menu p { font-size: 18px; margin: 0 10px; }
.additional-menu form { width: 100%; text-align: left; margin: 0; padding: 0; display: block; margin-right: 20px; background-color: #fff; color: #000; overflow: hidden; position: relative; }
.search-field { width: 80%; background: none; padding: 5px 15px; line-height: 20px; font-size: 13px; display: inline-block; margin: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; border: none; }
.search-btn { width: 20%; height: 32px; cursor: pointer; margin: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; background: none; border: none; position: relative; }
.search-btn:before { content: ""; position: absolute; width: 1px; height: 60%; background-color: #999; left: 0; top: 20%; }
.additional-menu-close { width: 40px; height: 40px; position: absolute; right: 5%; background: url(../temp-images/close-box.png) center center no-repeat; }
.main-link-ul li .sub-link-ul li:last-child { margin-bottom: 00px; }
.web-breadcrumbs { width: 100%; height: 70px; display: none; }
.web-breadcrumbs a { text-decoration: none; color: #000; margin-right: 20px; float: left; line-height: 30px; padding-left: 15px; font-size: 12px; position: relative; }
.web-breadcrumbs a:before { content: "→"; position: absolute; left: 0; line-height: 30px; color: #999; }
.web-breadcrumbs a:hover { text-decoration: underline; }
.ele-template { }
.web-header { width: 100%; padding: 0 0 0px 0; position: relative; z-index: 5000; box-shadow: 0px 0px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; display: flex; }
.web-header-wrapper { margin: 0 auto; padding: 5px 0 10px 0; text-align: left; display: flex; }
.header-top { text-align: left; margin: 5px auto 20px auto; display: block; position: relative; }
.school-details { position: absolute; right: 0; top: 00px; text-align: right; }
.school-details h3 { font-size: 18px; line-height: 120%; margin: 0; padding: 0; color: #767675; text-transform: uppercase; margin-top: -5px; }
.logo { width: 320px; display: inline-block; position: relative; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.logo img { width: 100%; }
.menu-wrapper { }
.main-menu { width: 100%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 0 0 20px; transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; }
.main-menu * { color: #fff; }
.main-menu h4 { color: #000; text-decoration: underline; }
.gallery-wrapper { padding-top: 40px; position: relative; width: 1200px; }
.close-to-gallery { width: 40px; height: 40px; background-color: #00a859; font-size: 25px; color: #fff; position: absolute; right: 0; top: 00px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.close-to-gallery:hover { background-color: #000; }
.gallery-cate { margin: 0; padding: 0; list-style: none; font-size: 0; }
.gallery-cate li { margin: 0; padding: 0; background: none; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; font-size: 16px; }
.gallery-1 .gallery-cate li { width: 100%; height: 220px; overflow: hidden; position: relative; }
.gallery-2 .gallery-cate li { width: 32.93%; height: 220px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.2%; }
.gallery-3 .gallery-cate li { width: 49%; height: 250px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.5%; }
.gallery-cate li img { width: 100%; }
.gallery-details { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.gallery-details h3 { position: absolute; width: 90%; color: #fff; padding: 0 5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.gallery-cate li:hover .gallery-details { opacity: 1; }
.main-gallery { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 0; }
.main-gallery li { display: inline-block; margin: 3px; padding: 0; background: none; vertical-align: middle; overflow: hidden; }
.main-gallery li img { width: auto; height: 180px; }
.footer { position: relative; text-align: center; padding: 0; padding: 30px 0; background-color: #000; color: #fff; font-size: 16px; }
.footer:before { content: ""; position: absolute; width: 50%; height: 1px; left: 25%; top: 0; background-color: #999; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 { color: #00a859; }
.footer a { text-decoration: none; color: #03a9f4; }
.footer a:hover { color: #fff; }
.footer p { margin-top:20px;}
.footer li { background: none; }
.footer-wrapper { width: 1200px; margin: 0 auto; }
.footer-content { margin: 0px; width: 100%; text-align: center; }
.social-icons { width: 100%; text-align: center; list-style: none; margin: 0; padding: 0; margin-top: 10px; }
.social-icons li { margin: 0; padding: 0; display: inline-block; vertical-align: top; background: none; }
.social-icons li:before { display: none; }
.social-icons li a { width: 50px; height: 50px; line-height: 50px; font-size: 30px; background-color:#03a9f4; color: #000; text-align: center; display: block; border-radius: 5px; -webkit-border-radius: 5px; margin-left: 3px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;  }
.social-icons li a:hover { background-color:#fff; color:#000; }
/*.social-icons li a.facebook { background-image: url(../temp-images/social/facebook.png); background-color:#3b5998; }

.social-icons li a.twitter { background-image: url(../temp-images/social/twitter.png); background-color:#31aae1; }

.social-icons li a.googleplus { background-image: url(../temp-images/social/googleplus.png); background-color:#dc4a38; }

.social-icons li a.linkedin { background-image: url(../temp-images/social/linkedin.png); background-color:#0274b3; }

.social-icons li a.pinterest { background-image: url(../temp-images/social/pinterest.png); background-color:#bd081c; }

.social-icons li a.instagram { background-image: url(../temp-images/social/instagram-col.png); background-size:100%; }

.social-icons li a.youtube { background-image: url(../temp-images/social/youtube.png); background-color:#fe0000; }

.social-icons li a.skype { background-image: url(../temp-images/social/skype.png); background-color:#00aff0; }*/

.footer-menu { width: 33%; float: left; text-align: left; }
/* sliders */

.slidertype-1 { padding-bottom: 30px; }
.slidertype-1 img { width: 100%; }
.slidertype-1 .slider-content { padding: 10px 0; color: #000; }
.slidertype-1 .slider-bullets { bottom: 0; }
.slidertype-2 { position: relative; }
.slidertype-2 img { width: 100%; }
.slidertype-2 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3% 20px 3%; text-align: left; }
.slidertype-2 h3, .slidertype-2 h4 { color: #fff; font-weight: normal; margin: 0; padding: 0; }
.slidertype-2 h3 { font-size: 60px; margin-top: 20px; text-transform: uppercase; font-weight: 600; }
.slidertype-3 { position: relative; }
.slidertype-3 img { width: 100%; }
.slidertype-3 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3%; text-align: right; }
.slidertype-4 { position: relative; text-align: center; }
.slidertype-4 img { width: 100%; }
.slidertype-4 .slider-content { background: none; color: #fff; position: absolute; width: 100%; left: 0; bottom: 53%; transform: translateY(50%); -webkit-transform: translateY(50%); display: inline-block; text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,0.9); }
.main-banner h4 { color: #fff; font-size: 60px; }
.slidertype-4 h3 { font-size: 34px; line-height: 120%; font-weight: bold; color: #FFF; }
.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 30%; float: left; }
.slidertype-5 .slider-content { width: 65%; float: right; text-align: left; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 30%; float: right; }
.slidertype-6 .slider-content { width: 65%; float: left; text-align: left; }
.slidertype-7 { position: relative; }
.slidertype-7 img { width: 100%; }
.slidertype-7 .slider-content { background: none; color: #fff; position: absolute; width: 100%; left: 0; bottom: 28%; display: inline-block; text-align: center; text-shadow: 3px 3px 2px rgba(0,0,0,0.5); }
.slidertype-7 .slider-content h3 { font-size: 30px; font-weight: 300; margin-bottom: 10px; }
.slidertype-7 .slider-content h4 { font-size: 73px; line-height: 80px; font-weight: 300; background-image: url(../temp-images/white-line-240.png), url(../temp-images/white-line-240.png); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; padding: 20px 0; }
/* forms */

.form-ul li { margin-bottom: 10px; position: relative; background: none; padding: 0; }
.form-field { padding: 15px 10px; line-height: 20px; font-size: 16px; border: solid 1px #000; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; font-family: Arial, Helvetica, sans-serif; }
 .form-field::placeholder {
color:#000;
text-transform:capitalize;
}
.form-btn { cursor: pointer; font-size: 16px; text-align: center; display: inline-block; line-height: 30px; margin-top: 20px; padding: 5px 30px; color: #000; position: relative; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; border: solid 1px #000; background-color: #ed3f27; }
.form-btn:hover { background-color: #fff; color: #000; }
.err .form-field { border-color: #F00; }
.err:after { content: "error"; position: absolute; padding: 5px; line-height: 20px; font-size: 14px; width: 80px; right: 00px; top: 10px; background-color: #F00; color: #fff; text-align: center; }
.form-success-message { color: #000; display: inline; }
.form-loading { width: 100px; height: 45px; background: url(../loader1.gif) center center no-repeat #000; background-size: auto 70%; -webkit-background-size: auto 70%; float: right; display: none; }
.styled-table { border-left: solid 1px #666; border-top: solid 1px #666; }
.styled-table td, .styled-table th { padding: 5px 10px; border-right: solid 1px #666; border-bottom: solid 1px #666; }
.styled-table tr:nth-child(2n) { background-color: #E5E5E5; }
.styled-table thead { background-color: #00a859; color: #fff; font-weight: bold; }
.download { padding: 0 0 10px 35px; position: relative; }
.download:before { content: "\f019"; font-family: FontAwesome; font-size: 22px; color: #f00; position: absolute; left: 0; top: 0px; }
.download:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background-color: #f00; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; }
.download:hover:after { width: 100%; }
 @media screen and (max-width:1250px) {
.web-header { width: 100%; }
.wrapper-1200, .wrapper-1000 { width: 95% !important; margin: 0 auto; }
.footer-wrapper { width: 95%; margin: 0 auto; }
.gallery-wrapper { width: 95%; }
.web-header-wrapper { width: 100%; margin: 0 auto; }
.home-banner h4 { font-size: 50px; padding-left: 50%; }
 .  main-link {
padding:0px 5px;
}
}
 @media screen and (max-width:1050px) {
.logo {  position: relative; }
.wrapper-content { width: 100%; margin: 00px auto 0 auto; }
.web-breadcrumbs { width: 100%; margin: 5px auto; display: none; }
.login-register-box { width: 100%; }
.login-register-box a { width: 48%; margin: 5px 1%; box-sizing: border-box; float: left; }
h1 { font-size: 70px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.main-menu-icon { display: block; }
.close-menu { display: block;}
.mobile-block { margin-left: 0; display: block; }
/*.additional-menu { text-align: center; width: 100%; position: relative; top: 0px; margin:0; }*/

.additional-menu form { width: 100%; text-align: center; }
.slidertype-2 h3, .slidertype-2 h4 { color: #000; font-size: 22px; }
.home-banner h4 { padding-left: 0%; text-shadow: none; color: #4c64b3; font-size: 44px; line-height: 120%; text-align: center; }
.search-icon { display: none; }
.web-header { position: relative; z-index: auto; }
}
 @media screen and (max-width:1000px) {
.ele-template { height: auto !important; }
.gallery-1 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-2 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-3 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.slidertype-2 { position: relative; }
.slidertype-2 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-3 { position: relative; }
.slidertype-3 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-4 { position: relative; }
.slidertype-4 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; transform: translateY(0); -webkit-transform: translateY(0); }
.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-5 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-6 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-7 .slider-content { bottom: 15%; }
.slidertype-7 .slider-content h3 { font-size: 20px; margin-bottom: 00px; }
.slidertype-7 .slider-content h4 { font-size: 20px; line-height: 20px; padding: 10px 0; }
.main-banner h4 { text-shadow: none; -webkit-text-shadow: none; color: #4c64b3; font-size: 35px; }
.err:after { right: 0px; }
.fix-box { left: 0; bottom: 0; }
.gallery-details { background-color: rgba(0,0,0,0.3); opacity: 1; }
	 
	 .web-header-wrapper { display: block;}
	 .main-link-ul { text-align: center; display: block; }
	 .sub-link-ul { position: relative; top: 0%; display: block; }
	 .main-menu { padding: 70px 0 0 0; position: fixed; z-index: 5000; background-color: #fff; right: -101%; top: 0; height: 100%; }
	 .main-menu.active { right: 0; }
	 .main-menu-icon.active:after { content:"\f00d"; }
	 .menu-wrapper { position: absolute; width: 100%; height: 100%; overflow: auto; }
}
 @media screen and (max-width:760px) {
h1 { font-size: 72px; }
h2 { font-size: 52px; }
h3 { font-size: 36px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.web-breadcrumbs { display: none; }
.testimonial-slider .ele-template { padding: 30px 10px; background-size: 40px auto, 40px auto; }
.logo { width: 230px; }
.main-banner h4 { font-size: 25px; }
.footer-menu { width: 100%; float: none; margin-bottom: 20px; }
.footer-content { width: 100%; float: none; margin-bottom: 20px; text-align: center; }
.footer-copyright { width: 100%; float: none; margin-bottom: 20px; text-align: center; }
.social-icons { width: 100%; text-align: center; }
.social-icons li a { margin: 5px; }
}