body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;
	background: #fff;
	color: #212121;
	overflow-x: hidden;
	webkit-tap-highlight-color: #222;
}
hr {
	border-color: #2A5E84;
	border-width: 1px;
}
hr.light {
	border-color: #fff;
}
ul:not(.browser-default)>li {
	list-style-type: none;
}
a {
	color: #000;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	outline: none;
}
a:hover, a:focus {
	color: #024d39;
	outline: none !important;
	text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}
p {
	margin-bottom: 10px;
	color: #8f8f8f;
	font-size: 16px;
	line-height: 1.8;
}
.bgf5 {
	background: #f5f5f5 !important
}
section {
	padding: 0px 0;
	margin: 0;
}
aside {
	padding: 50px 0;
}
.no-bdr {
	border: none !important
}
img {
	max-width: 100%;
}
.no-bg {
	background: none !important;
}

 

::-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;
}
img {
	display: inline-block !important;
}
#scroll-to-top {
	position: fixed;
	right: 10px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #003416;
	border-radius: 100%;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	display: none;
	cursor: pointer;
}
/* ----------------------------------

 NAVIGATION

  ---------------------------------- */  
  
.navbar-brand {
	margin: 0;
}
.logo-sec .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.h-right {
	display: flex;
	align-items: center;
}
.h-right .call-s {
	position: relative;
	padding-left: 45px;
	padding-right: 20px;
}
.h-right .call-s img {
	position: absolute;
	left: 0;
}
.h-right .call-s a.phone {
	display: block;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	color: #024d39;
}
.h-right .call-s a.email {
	display: block;
	font-size: 12.8px;
	font-weight: 500;
	color: #606060;
}
.h-social a {
	margin: 0 15px 0 0;
	border-radius:0;
	display: inline-table;
	 
}
.h-social a .fa-facebook-square {
	color: #3b5998
}
.h-social a .fa-twitter-square {
	color: #55acee
}
.h-social a .fa-google-plus-square {
	color: #dd4b39
}
.h-social a .fa-linkedin-square {
	color: #007bb5
}
nav {
	margin: 0;
	padding: 0;
	z-index: 98;
	position: relative;
	background: #024d39;
	border-radius: 0;
	max-height: 52px;
	box-shadow: 0px 7px 12px rgba(33, 33, 33, 0.32)
}
.mnavbar {
	margin: 0;
	padding: 0;
}
.navbtn {
	display: none;
}
.mnavbar .navbar-brand img {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.mnavbar ul li a {
	margin: 0;
	padding: 15px 30px;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
}
.mnavbar ul li a:hover, .mnavbar ul li a.active {
	color: #fff;
	background: #eead0b;
}
.mnavbar ul li a:before {
	content: "";
	background: #15896a;
	height: 19px;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.mnavbar ul li:first-child a:before {
	display: none
}
.social {
	padding-left: 50px;
}
#slider {
	position: relative;
}
#slider img, .wwa-section img.left-out.animation {
	width: 100%;
}
#slider .carousel-bdr {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%
}
.carousel-caption {
	text-align: center;
	right: 25%;
	bottom: 38%;
	left: 25%;
}
.carousel-caption h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 60px;
	font-weight: 700;
	line-height: 70px;
	color: #fff;
	text-shadow: 1px 5px 8px rgba(0, 0, 0, 0.69);
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
	transform: translateY(-20px);
}
.carousel-caption p a { color:#fff;}
.carousel-caption p { margin-bottom:0; color:#ddd;}
.active .carousel-caption h2 {
	transform: translateY(-0px);
}
.title {
	margin: 0 0 50px;
	padding: 0;
	position: relative;
}
.title h2 {
 margin: 0 0 `0px;
	padding: 0;
	color: #024d39;
	font-size: 34px;
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
}
.title p {
	margin: 0;
	padding: 0;
	color: #000000 !important;
	font-size: 18px;
	text-transform: uppercase;
}
.title:before {
	margin: 0 auto;
	content: "";
	background: #f4c00e;
	width: 50px;
	height: 3px;
	border-radius: 10px;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
}
.title2 h2 {
	margin: 0;
	padding: 0;
	color: #055527;
	font-size: 34px;
	font-weight: 700;
	text-transform: capitalize;
}
.btn-yellow {
	padding: 6px 30px;
	background: #f6bf00;
	border: 2px solid #f6bf00;
	font-size: 14px;
	color: #fff;
	border-radius: 30px;
}
.btn-yellow:hover {
	background: #d8a801;
	border: 2px solid #d8a801;
	color: #fff;
}
.btn-outline-yellow {
	padding: 6px 30px;
	background: #fff;
	border: 2px solid #f6bf00;
	font-size: 14px;
	color: #000;
	border-radius: 30px;
}
.btn-outline-yellow:hover {
	background: #d8a801;
	border: 2px solid #d8a801;
	color: #fff;
}
.wwa-section {
	margin: -40px 0 40px;
	padding: 50px 0 20px;
	width: 100%;
	background: url(../img/pattern_triangle.png) repeat;
}
.wwa-section p {
	margin: 0 auto 30px;
	max-width: 920px;
	color: #666666;
	font-size: 16px;
}
.icon3-section {
	margin: 0;
	padding: 20px 0 50px;
	background: #f0f0f0;
}
.icon3-box {
	margin-top: 40px;
	text-align: center;
}
.icon3-box, .icon3-box * {
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}
.icon3-box:hover figure img {
	transform: scale(1.1)
}
.icon3-box h3 {
	margin: 10px 0;
	color: #000;
	font-size: 22px;
	font-weight: 600;
}
.icon3-box p {
	margin: 20px auto;
	max-width: 270px;
}
.pt-section {
	margin: 0;
	padding: 50px 0;
}
.pt-section .pt-box .pt-info {
	display: flex;
	align-items: center;
}
.pt-section .pt-box .pt-info h4 {
	color: #000;
	font-size: 20px;
}
.pt-section .pt-box .pt-info figure {
	margin-right: 15px;
	padding: 10px 0px;
	display: inline-block;
	position: relative;
	border: 5px solid #f6bf00;
}
.pt-section .pt-box .pt-info figure img {
	position: relative;
	right: -10px;
}
.pt-section .pt-box .pt-desc p {
	font-size: 14px;
}
.pt-section .owl-dots {
	display: block;
	text-align: center;
}
.pt-section .owl-dots .owl-dot {
	margin: 0 2px;
	display: inline-block;
	background: #999;
	width: 10px;
	height: 10px;
	border-radius: 20px;
}
.pt-section .owl-dots .owl-dot.active {
	width: 20px;
	background: #000;
}
.counter-section {
	margin: 0;
	padding: 30px 0 50px;
	background: #f0ba00;
	text-align: center;
	position: relative;
}
.counter-section:before {
	content: "";
	background: url(../img/counterbg.jpg) no-repeat center;
	background-attachment: fixed;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .1
}
.counter-section figure {
	margin-top: 30px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.counter-section span {
	font-size: 50px;
	font-weight: 700;
	color: #024d39;
}
.counter-section h5 {
	margin: 10px 0 0;
	padding: 0 0 5px;
	color: #fff;
	font-size: 24px;
}
.counter-section p {
	color: #fff;
	font-size: 14px;
}
.teachers-section {
	padding: 60px 0 60px
}
.teachers-section p {
	color: #666;
	font-size: 15px
}
.teachers-box {
	padding: 10px 0 30px;
	position: relative
}
.teachers-box, .teachers-box * {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s
}
.teachers-box, .teachers-box figure {
	overflow: hidden
}
.teachers-box .info {
	padding: 10px 0;
	position: absolute;
	background: #333;
	left: 10px;
	right: 10px;
	bottom: -10px;
	text-align: center;
	width: calc(100% - 20px);
	text-align: center
}
.teachers-box:hover .info {
	bottom: 0
}
.teachers-box .info h4 {
	padding: 10px 0 0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase
}
.teachers-box .info span {
	margin-bottom: 25px;
	color: #aaa;
	font-size: 13px;
	display: block;
	position: relative
}
.teachers-box .info span:before {
	margin: 0 auto;
	content: "";
	background: #ffd400;
	width: 30px;
	height: 1px;
	border-radius: 10px;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0
}
.teachers-box .info {
	color: #fff;
	font-size: 14px;
	text-transform: capitalize
}
.teachers-box .info a {
	color: #fff;
	font-size: 13px;
	padding: 0
}
.ne-section {
	margin: 0;
	padding: 50px 0 40px;
	width: 100%;
	position: relative;
	background-image: linear-gradient(#f5f5f5, #fff);
}
.blogbox {
	margin: 10px;
	background: #fff;
	box-shadow: 0 2px 4px #ddd;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.blogbox figure {
	position: relative;
	width: 100%;
	overflow: hidden
}
.blogbox figure img {
	margin: 0;
	max-width: 100%;
	webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.blogbox:hover figure img.figure-img {
	transform: scale(1.2);
}
.blogbox:hover {
	box-shadow: 0px 8px 8px #ddd
}
.blogbox .blogdate {
	padding: 5px 0;
	background: rgba(255, 193, 7, 0.74);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.blogbox:hover .blogdate {
	background: rgba(103, 103, 103, 0.79);
}
.blogbox .blogdate p {
	margin: 0;
	padding-left: 15px;
}
.blogbox .blogdate p a {
	color: #fff;
}
.blogbox .blogbody {
	padding: 20px;
}
.blogbox .blogbody h2 {
	margin: 0 0 15px;
	padding: 0;
	color: #363636;
	font-size: 20px;
	text-transform: uppercase
}
.blogbox .blogbody h2 a {
	color: #363636;
}
.blogbox:hover .blogbody h2 a {
	color: #024d39;
}
.blogbox .blogbody p {
	margin: 0 0 10px;
	padding: 0;
	color: #626262;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400
}
.rmore {
	border-bottom: 2px solid #ffcc00;
}
.rmore:hover {
	color: #ffcc00
}



.modal-lg{max-width:800px; }
.modal-content {border-radius:0;
	background: #00392a url(../img/footer-bg.png) repeat;}
.en_modal{border-radius:0}
.en_modal .btn.btn-link{ color:#ddd}
.en_modal .form{padding:40px 50px 40px;position:relative;z-index:9}
.en_modal .form h2{margin:0 0 5px;padding:0;color:#fff;font-weight:700;font-size:40px}
.en_modal .form h2 span{color:#eead0b}
.en_modal .form p{margin-bottom:40px;color:#a5a5a5}
.en_modal .form .form-group{position:relative;margin-bottom:25px}
.en_modal .form .form-group label{margin:0;font-size:15px;color:#000;font-weight:600}
.en_modal .form .form-control{padding:0 10px 5px;border:0;border-radius:0;border-bottom:1px solid rgba(1, 38, 28, 0.78) ; color:#fff; background:rgba(1, 38, 28, 0.78); box-shadow:none}
.underline{border-bottom:2px solid #eead0b;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}
.en_modal .form .form-control:focus{outline:0}
.imgbg{margin:0;padding:0 0 90px;background:#024d39 url(../img/contact-bg2.jpg) no-repeat center; background-size:cover;   position:relative;   overflow: hidden;min-height:490px;display:flex;width:100%;height:100%;align-items:center;justify-content:center}
 
.en_modal .form .btn-2{background:#eead0b;border-radius:20px;color:#fff;padding:8px 40px}
.en_modal 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}
.en_modal h4 span{color:#999}
.fsblue{color:#eead0b}
footer {
	margin: 30px 0 0;
	padding:20px 0 0;
	width: 100%;
	background: #00392a url(../img/footer-bg.png) repeat;
}
footer h2 {
	margin: 40px 0 15px;
	padding: 0;
	color: #ddd;
	font-size: 24px;
	font-weight: bold
}
.fns form {
	width: 100%;
	max-width: 400px;
	display: flex
}
.fns form input {
	margin: 0;
	padding: 3px 10px;
	width: calc(100% - 60px);
	border: 1px solid #e0e0e0;
	box-shadow: 2px 2px 3px #99999940
}
.fns form button {
	margin: 0;
	padding: 7px 10px;
	background: #ffd400;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	border: 1px solid #ffd400;
	cursor: pointer;
	width: 100px
}
.fns form button:hover {
	background: #e0e0e0;
	border-color: #e0e0e0;
	color: #000
}
.fsocial {
	display: flex
}
.fsocial a {
	padding-right: 20px
}
.fsocial a:hover, .fsocial a:hover span {
	color: #fff
}
.fsocial a i {
	margin-right: 4px
}
.fsocial a span {
	color: #aaa;
	text-transform: uppercase;
	font-size: 14px
}
footer p {
	margin-bottom: 5px;
	font-size: 14px
}
footer p span {
	color: #ffd400
}
footer p, footer p a {
	color: #aaa
}
footer ul {
	margin: 0;
	padding: 0;
	width: 100%
}
footer ul li {
	margin: 0;
	padding: 0;
	width: 32%;
	display: inline-block;
	color: #aaa;
	font-size: 14px
}
footer ul li a {
	margin: 0;
	padding: 5px 0;
	display: inline-block;
	color: #aaa;
	font-size: 14px
}
footer ul.flink li a {
	position: relative;
	padding-left: 20px
}
footer ul.flink li a:before {
	position: absolute;
	left: 0;
	top: 7px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
footer ul li a:hover {
	color: #fff
}
.fbottm {
	margin: 30px 0 0;
	border-top: 1px solid #666;
	padding: 15px 0 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.fbottm p, .fbottm p a {
	margin: 0;
	padding: 0;
	color: #aaa;
	font-size: 13px;
	font-weight: 300
}
.fbottm p i, .fbottm p a:hover {
	color: #fff
}





.sws-content {
	padding:20px 0 30px;
	width: 100%;
	float: left; 
}
.contactform {
	padding:40px 0;
	background:#f5f5f5;
	 
}
.contactform .btn-info {
	background: #0096d6;
}
 .contactform .form-control , .contactform .btn{ border-radius:0;}
.contactform textarea.form-control { height:70px}
 
.sws-contactinfo {
	width: 100%;
	float: left;
	list-style: none;
	line-height: 23px;
	text-align:center;
	padding:0;
}
.sws-contactinfo li {
	width: 33.33%;
	float: left;
	padding: 0 4%;
	line-height: inherit;
	list-style-type: none;
}
.sws-contactinfo li + li {
	border-left: 1px solid #e8e8e8;
}
.sws-contactinfo li .sws-contactinfoicon {
	width: 100%;
	float: left;
	height: 50px;
	font-size: 40px;
	margin: 0 0 20px;
	line-height: 50px;
	text-align:center;
	color:#024d39;
}
.sws-contactinfoicon i {
	display: block;
	font-size: inherit;
	text-align:center;
	line-height: inherit;
}
.sws-contactinfo li h2 {
	clear: both;
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color:#f6bf00;
}
.sws-contactinfo li > span {
	width: 100%;
	float: left;
	color: #5c5c5c;
	font-size: 15px;
	line-height: 23px;
}
.sws-contactinfo li address {
	margin: 0;
	font-style: normal;
}
.sws-contactinfo li p {
	margin: 0;
}
.sws-contactinfo li strong {
	width: 100%;
	float: left;
	padding: 15px 0 0;
}

.position-relative { position:relative;}
.about-page h1 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 34px;
	color: #024d39;
	font-weight: bold;
	position: relative;
}
.about-page h2, .title3 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 28px;
	color: #024d39;
	font-weight: 600;
	position: relative;
}
.right-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	overflow: hidden;
}
.left-img {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.vision-and-mission {
	position: relative;
	margin: 40px 0;
	padding: 40px 0;
	background: #f5f5f5;
	height: 100%;
}
.vision-and-mission .col-12, .our-commitment .col-12 {
	padding-left: 30px;
}
.our-commitment {
	position: relative;
	margin: 40px 0;
	padding: 62px 0;
	height: 100%;
}
.ullist {
	margin: 0;
	padding: 0;
}
.ullist li {
	margin: 0;
	padding: 0 0 8px 20px;
	position: relative;
	font-size:16px;
	color:#024d39;
}
.ullist li:before {
	content: "\f046";
	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;
	position: absolute;
	left: 0;
	top: 5px;
	color: #eead0b;
}
.mbtn { display:none !important}
 @media only screen and (min-width: 1200px) {
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.mnavbar ul li a {
	padding: 15px 20px
}
}
 @media only screen and (min-width: 992px) {
}
 @media only screen and (max-width: 991px) {
.navbar-brand img {
	width: 180px;
}
.navbtn {
	border: none;
	background: none;
	width: 30px;
	height: 48px;
	display: block;
	outline: none;
	cursor: pointer;
	position: relative;
}
body.pull {
	overflow: hidden;
}
.navbtn, .navbtn* {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbtn:focus {
	outline: none;
}
.navbtn dd {
	display: block;
	position: absolute;
	top: 22px;
	left: 0;
	right: 0;
	width: 100%;
	height: 4px;
	background: #333;
}
.navbtn dd:before, .navbtn dd:after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000;
	content: "";
}
.navbtn dd:before {
	top: -10px;
}
.navbtn dd:after {
	bottom: -10px;
}
.navbtn.active dd {
	background: none;
}
.navbtn.active dd:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #000;
}
.navbtn.active dd:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #000;
}
nav {
	position: fixed;
	left: -300px;
	background: #024d39;
	height: 100%;
	max-height: 100%;
	width: 260px;
	z-index: 9999;
	top: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding-bottom: 100px;
	overflow: auto;
	box-shadow: -4px 0px 21px #696969;
}
nav.pullnav {
	left: 0;
}
.mnavbar ul li a:before {
	display: none;
}
.mnavbar .navbar-nav {
	width: 100%;
}
.mnavbar li {
	float: left;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #15896a;
}
.mnavbar li a {
	margin: 0;
	padding: 10px 20px;
	display: block !important;
}
.carousel-caption h2 {
	font-size: 30px;
	line-height: 30px;
}
.container {
	position: relative;
}
.carousel-item img {
	max-width: 100%;
}
}
 @media only screen and (min-width: 768px) {
/* ----------------------------------

 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;
}
}
 @media only screen and (max-width: 767px) {
	 
.mbtn { display:block !important}
.navbar-brand img {
	width: 120px;
}
.h-right .call-s {
	padding-left: 0;
}
.h-right .call-s {
	padding-right: 10px;
}
.h-right .call-s a.phone {
	font-size: 11px;
}
.h-right .call-s img, .h-right .call-s a.email {
	display: none !important;
}
.h-social {
	display: none;
}
.carousel-caption h2 {
	font-size: 20px;
	line-height: 20px;
}
.title h2 {
	font-size: 22px;
}
.title p {
	font-size: 15px;
}
.counter-section span {
	font-size: 26px;
}
.counter-section figure {
	margin-bottom: 0;
}
.counter-section h5 {
	font-size: 20px
}
.sws-contactinfo li { width:100%;}
.sws-contactinfo li + li { margin-top:30px; padding-top:30px; border-left:none;    border-top: 1px solid #e8e8e8;}
.right-img ,.left-img{ position:static; width:100%;}
	.right-img  img ,.left-img img{ max-width:100%;}
	.vision-and-mission { margin-top:0; padding-bottom:0;}
	.our-commitment { padding:10px 0;}
	.our-commitment ul { margin-bottom:40px;}
}
 @media only screen and (max-width: 575px) {
footer h2 {
	margin: 20px 0 10px;
	font-size: 14px;
}
.carousel-caption {
	right: 10%;
	bottom: 10%;
	left: 10%;
}
footer ul li {
	width: 50%;
}
.fsocial, footer ul {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fbottm {
	display: block;
	text-align: center;
}
}
 @media only screen and (max-width: 360px) {
}