@charset "utf-8";

/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");

body {
  font-family: "Oswald";
}

.clear {
  clear: both;
}

a {
  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;
}

.header .navbar-default {
  border: 0;

  border-radius: 0;

  background: transparent;

  margin-bottom: 0;
}

.nav-top {
  float: left;

  width: 100%;

  height: 60px;

  background: #739c31;
}

.nav-bottom {
  float: left;

  width: 100%;

  background: #81ad39;

  border-top: solid 1px #8ab73f;
}

.header .navbar-default .navbar-nav > li > a {
  color: #fff;

  font-weight: 400;

  font-size: 15px;

  padding: 18px 22px;
}

.header .navbar-default .navbar-nav > li > a span {
  display: block;
}

.header .navbar-default .nav-bottom .navbar-nav > li:nth-child(odd) > a {
  background: #739c31;
}

.header .navbar-default .nav-bottom .navbar-nav > .active > a,
.header .navbar-default .nav-bottom .navbar-nav > .active > a:hover,
.header .navbar-default .nav-bottom .navbar-nav > .active > a:focus {
  color: #b1b1b4;

  background-color: #0b1557 !important;
}

.header .navbar-default .navbar-nav > li > a.search {
  width: 80px;

  padding: 15px 25px;

  background: #00085b;
}

.header .navbar-default .navbar-nav .tfl {
  background-image: url(../images/google_custom_search_watermark.gif);

  background-repeat: no-repeat;

  background-position: 2px;

  color: transparent;

  border: 1px solid #80a6b9;
  padding: 15px 25px;
  width: 180px;
}

.header .navbar-default .navbar-nav .tfl:focus {
  background-image: none;
  color: black;
}

.header .navbar-default .navbar-nav .sbt-btn {
  border: 0;
  width: 32px;
  height: 32px;
  background: url(../images/icon-search2.png) no-repeat transparent;
  color: ffffff;
  font-size: 0px;
  position: relative;
  margin-left: 10px;
  top: 10px;
}

.header .navbar-right .dropdown-menu {
  right: auto;

  border: 0;
}

.top-socbox {
  float: left;
  border: 1px solid #fff;
  margin: 10px 5px 0 0;
  padding: 5px 10px;
  background-color: #3a589b;
}
.top-socbox a {
  color: #fff;
}
.yu {
  background-color: #cf2200;
}

.header .navbar-right .dropdown-menu:before {
  content: "";

  position: absolute;

  left: -10px;

  top: 0;

  width: 10px;

  height: 90%;

  background: #0b1557;
}

.sub-menu {
  float: left;

  width: 100%;

  margin: 50px 0 0 0;
}

.sub-menu ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.sub-menu ul li {
  width: 50%;

  float: left;

  padding: 13px 0;

  border-bottom: 1px solid #e1e1e1;
}

.sub-menu ul li a {
  color: #5b5c59;

  font-size: 14px;

  padding: 0 20px !important;
}

.submenu-imgbox {
  width: 184px;

  float: left;

  margin: 30px 3% 0 0;
}

.submenu-lt {
  width: 40%;

  float: left;

  margin-left: 70px;
}

.submenu-rt {
  width: 50%;

  float: left;
}

.logo-bg {
  width: 415px;

  height: 121px;

  position: absolute;

  left: 0;
}

.logo {
  width: 70px;

  height: auto;

  float: left;

  margin-top: 15px;
}

.logotext {
  width: auto;

  float: left;

  font-size: 20px;

  color: #fff;

  padding: 25px 0 0 15px;

  text-transform: uppercase;
}

.logotext span {
  font-size: 12px;

  color: #fff;
}

.banner {
  position: relative;
  width: 100%;
  height: 750px;
}

.banner:after {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url(../images/pattern.png) left top repeat;
}

.banner .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  -ms-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-duration: 1000ms;

  -moz-transition-duration: 1000ms;

  -o-transition-duration: 1000ms;

  -ms-transition-duration: 1000ms;

  transition-duration: 1000ms;
}

.banner .carousel-fade .carousel-inner .item,
.banner .carousel-fade .carousel-inner .active.left,
.banner .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.banner .carousel-fade .carousel-inner .active,
.banner .carousel-fade .carousel-inner .next.left,
.banner .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.banner .carousel-fade .carousel-inner .next,
.banner .carousel-fade .carousel-inner .prev,
.banner .carousel-fade .carousel-inner .active.left,
.banner .carousel-fade .carousel-inner .active.right {
  left: 0;

  transform: translate3d(0, 0, 0);
}

.banner .carousel {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
}

.banner .carousel .carousel-inner,
.banner .carousel .carousel-inner .item {
  width: 100%;

  height: 100%;
}

.banner .carousel .carousel-inner .item:nth-child(1) {
  background: url(../images/banner-2020-1.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(2) {
  background: url(../images/banner-2020-2.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(3) {
  background: url(../images/banner-01new.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(4) {
  background: url(../images/banner-02new.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(5) {
  background: url(../images/banner-03new.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(6) {
  background: url(../images/banner-04new.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(7) {
  background: url(../images/banner-05new.jpg) center top no-repeat;

  background-size: cover;
}

.banner .carousel .carousel-inner .item:nth-child(8) {
  background: url(../images/banner-06new.jpg) center top no-repeat;

  background-size: cover;
}

.info-tab-cover {
  float: right;
  width: 100%;
  position: relative;
}

.info-tab-nav {
  float: left;

  width: 100%;

  background: #0b1557;

  border: solid 3px #fff;

  border-radius: 50px;

  overflow: hidden;
}

.info-tab-nav ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.info-tab-nav ul li {
  float: left;

  width: 33.333%;
}

.info-tab-nav ul li a {
  color: #fff;

  display: block;

  padding: 20px 30px;

  text-align: center;

  text-decoration: none;

  -ms-transform: skew(-20deg, 0deg);

  -webkit-transform: skew(-20deg, 0deg);

  transform: skew(-20deg, 0deg);
}

.info-tab-nav ul li:nth-child(2) a {
  border-right: solid 1px #273175;

  border-left: solid 1px #273175;
}

.info-tab-nav ul li a span {
  display: block;

  -ms-transform: skew(20deg, 0deg);

  -webkit-transform: skew(20deg, 0deg);

  transform: skew(20deg, 0deg);
}

.info-tab-nav ul li.active a {
  background: #273175;
}

.info-tab-cont {
  float: left;

  width: 100%;

  padding: 40px 20px 20px 80px;

  background: #060606;

  opacity: 0.7;
}

.hm-news-cover {
  float: left;

  width: 100%;

  position: relative;
}

.hm-news-cover ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.hm-news-cover ul li {
  display: block;

  margin: 0 0 15px 0;
}

.hm-news-cover ul li p {
  color: #fff;

  position: relative;
}

.hm-news-cover ul li p a {
  color: #fff;
}

.hm-news-cover ul li p .new {
  position: absolute;
}

.hm-news-cover ul li p span.date {
  display: inline-block;

  padding: 5px;

  background: #e00b0b;

  position: relative;
}

.hm-news-cover ul li p span.date:after {
  content: "";

  position: absolute;

  right: -15px;

  top: 0;

  border-left: solid 15px #e00b0b;

  border-top: solid 15px transparent;

  border-bottom: solid 15px transparent;
}

.hm-news-cover .owl-theme .owl-nav .owl-prev {
  position: absolute;

  right: 35px;

  bottom: 0;

  width: 36px;

  height: 31px;

  margin: 0;

  padding: 0;

  background: url(../images/left.jpg);

  border-radius: 0;
}

.hm-news-cover .owl-theme .owl-nav .owl-next {
  position: absolute;

  right: 0;

  bottom: 0;

  width: 36px;

  height: 31px;

  margin: 0;

  padding: 0;

  background: url(../images/right.jpg);

  border-radius: 0;
}

.content-sec {
  position: relative;

  z-index: 1;
}

.slider-sec {
  padding: 0;

  background: #1a1819;

  border-top: solid 5px #0b1557;

  position: relative;
}

.slider-sec:before {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 10px;

  background: #fff;
}

.section-slider {
  float: left;

  width: 100%;

  padding: 38px 0 38px 20px;

  background: #0b1557;

  position: relative;
}

.section-slider:before {
  content: "";

  position: absolute;

  right: 100%;

  top: 0px;

  width: 1000px;

  height: 100%;

  background: #0b1557;
}

.section-slider:after {
  content: "";

  position: absolute;

  left: 100%;

  top: 0px;

  width: 150px;

  height: 100%;

  background: #0b1557;
}

.section-slider h3 {
  color: #374cd7;

  font-size: 14px;

  font-weight: 300;

  margin: 0;
}

.section-slider h3 span {
  font-size: 16px;
}

.section-slider .owl-theme .owl-nav .owl-prev {
  position: absolute;

  right: -192px;

  top: -38px;

  width: 177px;

  height: 93px;

  margin: 0;

  padding: 0;

  background: url(../images/dir-left.png);

  border-radius: 0;
}

.section-slider .owl-theme .owl-nav .owl-next {
  position: absolute;

  right: -306px;

  top: -38px;

  width: 177px;

  height: 93px;

  margin: 0;

  padding: 0;

  background: url(../images/dir-right.png);

  border-radius: 0;
}

.section-slider .owl-theme .owl-nav {
  margin-top: 0px;
}

.section-social {
  float: left;

  width: 100%;
}

.section-social ul {
  float: right;

  list-style: none;

  padding: 0;

  margin: 20px 0 0 0;
}

.section-social ul li {
  float: left;

  margin: 0 0 0 20px;
}

.section-social ul li a {
  color: #fff;

  font-size: 16px;

  display: block;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  border: solid 2px #5a5959;

  text-decoration: none;
}

.section-social ul li a:hover {
  color: #069;
}

.about-sec {
  width: 100%;

  padding: 0;

  background-color: #fff;
}

.about-lt {
  width: 50%;

  height:  500px;

  float: left;

  background: url(../images/img-company1.jpg) no-repeat right top;
}

.about-rt {
  width: 50%;

  float: right;

  padding: 95px 0 0 0;
}

.about-rt-content {
  width: 554px;

  float: left;
}

.about-rt h2 {
  font-size: 40px;

  color: #81ad39;

  font-weight: normal;

  text-transform: uppercase;

  margin: 0 0 40px 0;
}

.about-rt h3 {
  font-size: 24px;

  font-weight: 300;

  color: #3b3b3b;

  margin: 0 0 40px 0;
}

.about-rt p {
  color: #565656;

  font-size: 18px;

  font-weight: 300;

  line-height: 30px;
}

.about-rt-morebtn {
  width: 162px;

  height: 47px;

  float: left;

  font-size: 14px;

  color: #000;

  text-align: right;

  text-transform: uppercase;

  margin-top: 25px;

  padding: 12px 25px;

  border-radius: 25px;

  border: 1px solid #ccc;
}

.about-rt-morebtn:hover {
  background-color: #ccc;
}

.about-rt-morebtn a {
  color: #000;
}

.about-rt-morebtn span {
  text-align: left !important;

  float: left;

  color: #999;
}

.column-sec {
  width: 100%;

  height: auto;

  padding: 70px 0 20px;

  background: #fff url(../images/bg-col.png) no-repeat bottom center !important;

  background-size: cover;
}

.column-cover {
  float: left;

  width: 100;

  padding: 40px;

  margin: 0 0 70px 0;

  background: #fff;

  position: relative;
}

.column-cover.green {
  background-image: url(../images/bg-green.png);

  background-position: left top;

  background-repeat: no-repeat;
}

.column-cover.blue {
  background-image: url(../images/bg-blue.png);

  background-position: left top;

  background-repeat: no-repeat;
}

.column-cover .media-left img {
  border: solid 8px #fff;

  border-radius: 50%;
}

.column-cover h3 {
  color: #0b1557;

  font-size: 24px;

  margin: 0 0 25px 0;
}

.column-cover p {
  color: #222222;

  font-size: 18px;
}

.column-cover .more {
  float: right;

  display: block;

  width: 136px;

  height: 68px;

  margin-bottom: -70px;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;
}

.column-cover .more:hover,
.column-cover .more:focus,
.column-cover .more:active {
  -webkit-transform: translateX(8px);

  transform: translateX(8px);
}

.school-sec {
  width: 100%;

  position: relative;

  background-color: #fff;
}

.school-sec-lt {
  width: 76.7%;

  height: 800px;

  position: relative;

  left: 0;

  padding-top: 143px;

  z-index: 50;
}

.school-sec-row {
  width: 100%;

  height: auto;

  float: left;

  position: relative;

  margin-bottom: 5px;

  position: relative;

  background-color: transparent;

  overflow: hidden;
}

.school-sec-row-icon {
  width: 161px;

  position: absolute;

  left: 44px;

  z-index: 20;
}

.school-secgreen-row {
  width: 74%;

  height: 89px;

  margin: 38px 0;

  padding: 28px 0 0 26.5%;

  float: left;

  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  background-color: #81ad39;
}

.school-secgreen-row2 {
  width: 83%;

  height: 89px;

  margin: 38px 0 38px -45px;

  padding: 28px 0 0 280px;

  float: left;

  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  background-color: #81ad39;

  -webkit-transform: skew(35deg);

  -moz-transform: skew(35deg);

  -o-transform: skew(35deg);

  transform: skew(35deg);

  overflow: hidden;

  position: relative;
}

.school-secgreen-row2 .text,
.school-secgreen-row3 .text {
  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  background-color: #81ad39;

  -webkit-transform: skew(-35deg);

  -moz-transform: skew(-35deg);

  -o-transform: skew(-35deg);

  transform: skew(-35deg);

  overflow: hidden;

  position: relative;
}

.school-secgreen-skew {
  width: 67px;

  height: auto;

  position: absolute;

  right: 0;

  top: 0;
}

.school-secgreen-row3 {
  width: 96%;

  height: 89px;

  margin: 38px 0 38px -45px;

  padding: 28px 0 0 280px;

  float: left;

  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  background-color: #81ad39;

  -webkit-transform: skew(35deg);

  -moz-transform: skew(35deg);

  -o-transform: skew(35deg);

  transform: skew(35deg);

  overflow: hidden;

  position: relative;
}

.school-sec-more {
  width: 136px;

  position: absolute;

  right: 26.5%;

  bottom: 0;

  z-index: 150;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;
}

.school-sec-more:hover,
.school-sec-more:focus,
.school-sec-more:active {
  -webkit-transform: translateX(8px);

  transform: translateX(8px);
}

.school-sec-rt {
  width: 100%;

  height: 800px;

  position: absolute;

  z-index: 40;

  top: 0;

  right: 0;

  background: url(../images/school-rtbg.png) no-repeat right top;
}

.gallery-sec {
  width: 100%;

  padding: 0 0 0px 0;

  position: relative;

  background-color: #fff;
}

.shadow-lt {
  width: 20%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 500;

  bottom: 0;

  background: url(../images/shadow-lt.png) no-repeat;
}

.shadow-rt {
  width: 20%;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 500;

  bottom: 0;

  background: url(../images/shadow-rt.png) right no-repeat;
}

.gallery-sec h1 {
  width: 100%;

  font-size: 36px;

  color: #343537;

  font-weight: normal;

  text-transform: uppercase;

  padding: 50px 0 50px 40px;

  margin: 0;
}

.gallery-sec-row {
  width: 100%;
}

.gallery-sec-imgbg {
  width: 25%;

  float: left;

  position: relative;

  background-color: #060;

  border: 1px solid #fff;
}

.gallery-sec-imgbg .caption {
  width: 80%;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  position: absolute;

  padding: 0 0 20px 20px;

  bottom: 0;
}

.gallery-sec-imgbg img {
  width: 100%;

  /*height:auto;*/

  display: block;
}

.gallery-sec-imgbg img:hover {
  opacity: 0.5;

  filter: alpha(opacity=50);
}

.gallery-sec .owl-theme .owl-nav {
  width: auto;

  float: left;

  position: absolute;

  top: -90px;

  left: 35%;
}

.gallery-sec .owl-theme .owl-nav [class*="owl-"] {
  width: 36px;

  height: 20px;

  background-color: #273175;

  -webkit-transform: skew(40deg);

  -moz-transform: skew(40deg);

  -o-transform: skew(40deg);

  transform: skew(40deg);

  border-radius: 0;
}

.gallery-sec .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #81ad39;
}

.testimonial-sec {
  width: 100%;

  height: 550px;

  padding: 0;

  position: relative;

  background: url(../images/testimonial-bg.png) repeat;
}

.testimonialslider {
  width: 100%;

  position: relative;
}

.testimonialslider .imgbg {
  width: 32%;

  float: left;

  margin-left: 6.1%;
}

.testimonialslider .imgbg img {
  width: 100%;

  height: auto;

  position: relative;

  bottom: 0;

  display: block;
}

.testimonialslider .textbg {
  width: 52%;

  float: left;
}

.testimonialslider .owl-prev {
  width: 52px;

  height: 112px;

  background: url(../images/arrow-left.png) !important;

  position: absolute;

  top: 40%;

  left: 0 !important;

  border-radius: 0 !important;
}

.testimonialslider .owl-next {
  width: 52px;

  height: 112px;

  background: url(../images/arrow-right.png) !important;

  position: absolute;

  top: 40%;

  right: 0 !important;

  border-radius: 0 !important;
}

.testimonialslider .owl-nav {
  margin: 0 !important;
}

.testimonialslider .textbg h1 {
  width: 100%;

  font-size: 30px;

  font-weight: normal;

  color: #000;

  padding: 70px 0 0 0;

  margin: 0;

  text-transform: uppercase;

  text-align: center;
}

.testimonialslider .textbg h2 {
  width: 100%;

  font-size: 72px;

  color: #000;

  padding: 30px 0 0 0;

  margin: 0;

  text-transform: uppercase;

  text-align: center;
}

.starbg {
  width: 144px;

  height: 28px;

  margin: 15px auto;

  text-align: center;
}

.testimonialslider .textbg h3 {
  width: 100%;

  font-size: 14px;

  color: #6d6d6d;

  padding: 0 6% 30px 6%;

  margin: 0;

  line-height: 24px;

  text-transform: none;

  text-align: center;
}

.testimonialslider .morebtn {
  width: 162px;

  height: 47px;

  margin: 0 auto 0 auto;

  font-size: 14px;

  color: #000;

  text-align: right;

  text-transform: uppercase;

  padding: 12px 25px;

  border-radius: 25px;

  border: 1px solid #ccc;
}

.testimonialslider .morebtn:hover {
  background-color: #ccc;
}

.testimonialslider .morebtn a {
  color: #000;
}

.testimonialslider .morebtn span {
  text-align: left !important;

  float: left;

  color: #999;
}

.bottom {
  width: 100%;

  height: 65px;

  background-color: #dddddd;

  position: absolute;

  bottom: 0;
}

.student-name {
  width: 50%;

  font-size: 14px;

  color: #000;

  padding: 0;

  margin: 0 auto;

  position: absolute;

  bottom: 25px;

  text-align: center;

  text-transform: none;

  text-align: center;
}

.student-name span {
  color: #fd6404;
}

footer {
  width: 100%;

  background-color: #0b1557;
}

footer .col-lg-3 {
  padding: 0;
}

.ftr-hed {
  width: 100%;

  padding: 26px 0 0 5%;

  margin-bottom: 15px;

  border-bottom: 1px solid #555c8a;
}

.ftr-hed-iconbox {
  width: 101px;

  height: 101px;
}

.ftr-hed h1 {
  width: 100%;

  font-size: 14px;

  color: #fff;

  padding: 25px 0 25px 5%;

  font-variant: normal;

  margin: 0;

  line-height: 24px;

  text-transform: uppercase;

  text-align: left;
}

footer ul {
  display: block;

  width: 90%;

  margin: 0 5% !important;

  padding: 0;
}

footer ul li {
  width: 100%;

  padding: 12px 0 12px 5%;

  border-bottom: 1px dotted #7d82a5;

  list-style: none;

  box-sizing: border-box;

  font-size: 12px;

  color: #b5b5b7;

  text-transform: uppercase;

  font-weight: normal;
}

footer ul li a {
  width: 100%;

  color: #b5b5b7;

  text-decoration: none;
}

footer ul li a:hover {
  color: #81ad39;

  text-decoration: none;
}

footer .copybg {
  width: 100%;

  height: 177px;

  margin-top: 75px;

  border-bottom: 1px solid #f86307;

  background: #0b1557 url(../images/copy-lt.png) top right 400px no-repeat;
}

.copy-lt {
  width: 48%;

  padding-top: 28px;

  float: left;
}

.copy-lticon {
  width: 101px;

  float: left;
}

.copy-lttextbox {
  width: 350px;

  float: left;

  padding: 15px 0 0 3%;
}

.copy-lttext {
  width: 100%;

  float: left;

  padding-top: 5px;

  font-size: 14px;

  color: #b2dbff;
}

.copy-rt {
  width: 40%;

  padding-top: 28px;

  float: right;
}

.copy-rtlogo {
  width: 70px;
  
  float: left;
}

.copy-rtlogo {
  width: 70px;
  
  float: right;
}

.copy-rttext {
  width: 295px;

  float: right;

  padding-right: 25px;
}

.copy-rttext-row {
  width: 100%;

  float: right;

  text-align: right;

  font-size: 14px;

  padding-top: 25px;

  color: #a0abef;
}

.copy-rttext-row2 {
  width: 100%;

  float: right;

  text-align: right;

  font-size: 14px;

  padding-top: 15px;

  color: #fff;
}

.yamm-content .row {
  width: 100% !important;
}

.search {
  border: 2px inside #000;

  border-left-color: #00085b;

  border-right-color: #00085b;

  border-bottom-color: #00085b;

  border-top-color: #00085b;

  padding: 4px;

  border: none;

  width: 35px;

  background: #00085b url(../images/icon-search.png) no-repeat right;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

  float: right;
}

.search:hover,
.search:focus {
  width: 200px;

  background: #fff;

  color: #666;
}

.search-wrap {
  position: relative;
}

.search-bar {
  float: right;

  border-radius: 3px;

  height: 10px;

  -moz-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

  position: relative;

  top: 25px;

  left: -2px;
}

/*=======================Innar Page Style Starting===========================

===========================================================================*/

.inner-banner {
  width: 100%;
}

.inner-banner img {
  width: 100%;

  height: auto;

  display: block;
}

.inner-tab-row {
  width: 100%;

  height: 106px;

  background-color: #00085b;
}

.inner-tab {
  width: 13.6%;

  height: 132px;

  float: left;

  margin: -30px 0.3% 0 0.3%;

  background-color: #81ad39;

  transform: skew(-30deg, 0deg);

  -webkit-transform: skew(-30deg, 0deg);
}

.inner-tab:hover {
  background-color: #141c74;
}

.inner-tab .iconbg {
  width: 60px;

  height: 60px;

  margin: 15px auto 0 auto;

  transform: skew(30deg, 0deg);

  -webkit-transform: skew(30deg, 0deg);
}

.inner-tab .captionbg {
  width: 100%;

  padding: 10px 0;

  font-size: 14px;

  color: #fff;

  text-align: center;

  transform: skew(30deg, 0deg);

  -webkit-transform: skew(30deg, 0deg);
}

.inner-content {
  width: 100%;

  padding: 100px 0;

  font-size: 13px;

  float: left;

  position: relative;

  line-height: 30px;

  font-weight: 250;

  background-color: #fff;
}

.inner-content p {
  font-size: 19px;

  text-align: justify;

  position: relative;

  line-height: 30px;

  font-weight: 260;
}

.inner-content .ltimg {
  width: 26.6%;

  height: 360px;

  float: left;

  position: relative;

  overflow: hidden;

  transform: skew(-25deg, 0deg);

  -webkit-transform: skew(-25deg, 0deg);
}

.shadow {
  width: 16.5%;

  height: 244px;

  float: left;

  left: 10%;

  top: 250px;

  position: absolute;

  background-color: #cecece !important;

  transform: skew(-25deg, 0deg);

  -webkit-transform: skew(-25deg, 0deg);
}

.inner-content .ltimg img {
  transform: skew(25deg, 0deg);

  -webkit-transform: skew(25deg, 0deg);

  margin-left: -90px;
}

.inner-content table {
  font-size: 15px;

  font-weight: 300;

  overflow-x: auto;

  margin-bottom: 25px;
}

.inner-content th,
td {
  padding: 8px;
}

.inner-content-rt {
  width: 65%;

  float: right;
}

.inner-content-full {
  width: 100%;

  float: right;
}

.inner-content-rt span,
.inner-content-full span {
  font-size: 24px;
}

.inner-content-rt h1 {
  font-size: 40px;

  color: #81ad39;

  font-weight: normal;

  text-transform: uppercase;

  margin: 0;

  text-align: left;

  padding: 50px 0;
}

h4.eco-club-motto {
  font-size: 25px;
  font-weight: bold;
  color: #003366;
  text-decoration: none;
  margin-bottom: 3%;
}

.inner-content-full h1 {
  font-size: 40px;

  color: #81ad39;

  font-weight: normal;

  text-transform: uppercase;

  margin: 0;

  text-align: left;

  padding: 0px 0 50px 0;
}

.common-row {
  width: 100%;

  float: left;
}

.management-box {
  width: 30.1%;

  margin-right: 3%;

  float: left;

  margin-bottom: 25px;

  background: url(../images/management-bg.jpg) top right no-repeat;
}

.management-boxinner {
  width: 95%;

  float: left;

  position: relative;

  margin-top: 11px;

  background-color: #81ad39;
}

.management-boxinner img {
  width: 98%;

  height: auto;

  display: block;

  top: 2px;

  float: left;

  margin: 1%;
}

.management-boxinner .caption {
  width: 100%;

  height: 70px;

  float: left;
}

.management-boxinner .caption h1 {
  width: 100%;

  font-size: 18px;

  padding: 5px 0;

  font-weight: 200;

  text-align: center;

  text-transform: none !important;

  color: #ffffff;
}

.management-boxinner .caption h2 {
  width: 100%;

  font-size: 14px;

  font-weight: normal;

  margin: 0;

  text-align: center;

  color: #273175;
}

.diry-bg {
  float: left;
}

.diry-bg img {
  width: 100%;

  height: auto;

  display: block;
}

.diry-downloadbg {
  width: 31%;

  float: right;
}

.diry-downloadbg img {
  width: 100%;

  height: auto;

  display: block;
}

.prince-box {
  width: 43.1%;

  margin-right: 3%;

  float: left;

  margin-bottom: 25px;

  background: url(../images/management-bg.jpg) top right no-repeat;
}

.prince-boxinner {
  width: 95%;

  float: left;

  position: relative;

  margin-top: 11px;

  background-color: #81ad39;
}

.prince-boxinner img {
  width: 98.5%;

  height: auto;

  display: block;

  top: 2px;

  float: left;

  margin: 1%;
}

.folder-bg-main {
  width: 154px;

  margin: 15px;

  float: left;
}

.folder-caption {
  width: 100%;

  padding: 5px 0;

  text-align: center;

  font-size: 18px;

  font-weight: 400;

  color: #999;

  border: 1px solid #ccc;
}

.folder-bg {
  width: 154px;

  float: left;

  margin: 25px 2.1% 0 2.1%;
}

.inner-content-rt ul {
  width: 100%;

  display: block;
}

.inner-content-rt ul li {
  width: 100%;

  list-style: none;

  box-sizing: border-box;

  padding: 10px 0 10px 5%;

  font-size: 18px;

  color: #036;

  background: url(../images/bullet-icon.png) no-repeat left top 18px;
}

.inner-content-rt ul li a {
  color: #036;
}

.news-row {
  width: 100%;

  float: left;

  font-size: 18px;

  margin-bottom: 30px;

  padding-bottom: 30px;

  border-bottom: 1px solid #81ad39;
}

.common-hed {
  width: 100%;

  padding: 15px 0;

  font-size: 16px;

  font-weight: 400;

  color: #666;
}

.news-row h1 {
  width: 100%;

  padding: 0 0 20px 0;

  margin: 0;

  font-size: 18px;

  color: #979797;
}

.news-row h2 {
  width: 100%;

  padding: 0 0 20px 0;

  margin: 0;

  font-size: 14px;

  color: #394975;
}

.news-more {
  width: 80px;

  border: 1px solid #ccc;

  margin: 5px 0;

  float: right;

  text-align: center;

  font-size: 14px;

  font-weight: 400;

  margin-top: 50px;

  color: #81ad39;
}

.news-row-box {
  width: 30%;

  margin-right: 3%;

  float: left;

  margin-bottom: 25px;

  background: url(../images/management-bg.jpg) top right no-repeat;
}

.news-row-box-full {
  width: 100%;

  float: left;

  margin-bottom: 25px;

  background: url(../images/management-bg.jpg) top right no-repeat;
}

.news-row-boxinner {
  width: 95%;

  float: left;

  position: relative;

  margin-top: 11px;

  background-color: #81ad39;
}

.news-row-boxinner img {
  width: 98%;

  height: auto;

  display: block;

  top: 2px;

  float: left;

  margin: 1%;
}

.news-more2 {
  width: 100%;

  border: 1px solid #ccc;

  margin: 5px 0;

  float: right;

  text-align: center;

  font-size: 14px;

  font-weight: 400;

  margin-top: 50px;

  color: #81ad39;
}

.gallery-box {
  width: 22%;

  margin-right: 3%;

  float: left;

  margin-bottom: 25px;

  background: url(../images/management-bg.jpg) top right no-repeat;
}

.gallery-boxinner {
  width: 95%;

  float: left;

  position: relative;

  margin-top: 11px;

  background-color: #81ad39;
}

.gallery-boxinner img {
  width: 98%;

  height: 200px;

  display: block;

  top: 2px;

  float: left;

  margin: 1%;
}

.gallery-caption {
  width: 100%;

  float: left;

  min-height: 60px;

  text-align: center;

  line-height: 18px;

  font-size: 14px;

  color: #fff;

  padding: 5px;
}

.gallery-caption2 {
  width: 100%;

  float: left;

  padding: 15px 0;

  text-align: center;

  font-size: 18px;

  font-weight: 400;

  color: #fff;
}

.careerbg {
  width: 64%;

  float: left;
}

.careerbg img {
  width: 100%;

  height: auto;

  display: block;
}

.diry-downloadbg {
  width: 31%;

  float: right;
}

.career-btn {
  width: 34%;

  float: right;

  margin-bottom: 15px;
}

.career-btn img {
  width: 100%;

  height: auto;

  display: block;
}

.contact-lt {
  width: 40%;

  float: left;

  font-size: 18px;

  text-align: left;

  line-height: 40px;

  color: #747474;
}

.contact-lt span {
  color: #404040;

  font-weight: 400;
}

.contact-rt {
  width: 60%;

  float: right;

  height: 350px;
}
.contact-formbg {
  width: 100%;

  margin-top: 25px;

  float: left;
  padding-bottom: 20px;
  background-color: #f0f0f0;
}
.contact-formbg h1 {
  width: 100%;
  padding: 20px 0;
  font-size: 18px;
  color: #404040;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  margin: 0;
}
.contact-formbg .form {
  width: 45%;
  margin: 15px 2.5% 0 2.5%;
  height: 50px;
  float: left;
  padding: 0 10px;
  color: #333;
  border: none;
  background-color: #ccc;
}
.contact-formbg .form1 {
  width: 9%;
  margin: 15px 2.5% 0 2.5%;
  height: 50px;
  float: left;
  padding: 0 10px;
  color: #333;
  border: none;
  background-color: #ccc;
}
.contact-formbg .form2 {
  width: 30%;
  margin: 15px 2.5% 0 2.5%;
  height: 50px;
  float: left;
  padding: 0 10px;
  color: #333;
  border: none;
  background-color: #ccc;
}
.contact-formbg .message {
  width: 95%;
  margin: 15px 2.5% 0 2.5%;
  height: 150px;
  float: left;
  padding: 0 10px;
  color: #333;
  border: none;
  background-color: #ccc;
}
.contact-formbg .button {
  width: auto;
  float: left;
  padding: 10px 25px;
  font-size: 16px;
  margin-top: 15px;
  font-weight: 400;
  margin-left: 2.5%;
  border: 0px;
  color: #fff;
  background-color: #304ca9;
}
.drop-menu {
  margin-left: -225px !important;
}
.drop-menu2 {
  margin-left: -338px !important;
}
.drop-menu3 {
  margin-left: -549px !important;
}
.sub-title {
  font-size: 18px;
  font-weight: bold;
  color: #003366;
  text-decoration: none;
  margin-bottom: 3%;
}
.green-eco {
  margin-top: 3% !important;
}
.club-sec {
  width: 100%;
  padding: 40px 0;
  background: url(../images/club-bg.jpg) no-repeat top center;
}
.club-1 {
  width: 15%;
  height: 150px;
  float: left;
  background-color: #900;
}
.club-2 {
  width: 18%;
  height: 150px;
  float: left;
  background-color: #09c;
}
.club-3 {
  width: 18%;
  height: 150px;
  float: left;
  background-color: #990;
}
.club-4 {
  width: 15%;
  height: 150px;
  float: left;
  background-color: #65ac24;
}
.club-5 {
  width: 15%;
  height: 150px;
  float: left;
  background-color: #f3c;
}
.club-6 {
  width: 18%;
  height: 150px;
  float: left;
  background-color: #273175;
}
.club-imgbox {
  width: 65px;
  margin: 20px auto 0 auto;
}
.club-textbox {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  padding-top: 10px;
  color: #fff;
}
.video-bg {
  width: 100%;
  background-color: #000;
}
.video-bg img {
  width: 100%;
}
.pagination {
  margin: 5px auto;
  padding: 12px 0;
  text-align: center;
}
.pagination a {
  border: solid 1px #d2d2d2;
  color: #444444;
  margin-right: 2px;
}
.pagination span {
  border: solid 1px #ddd;
  margin-right: 2px;
}
.pagination .active {
  border: solid 1px #e0e0e0;
  color: #000;
  font-weight: bold;
}
.pagination a:link,
.pagination a:visited {
  padding: 6px 10px;
  text-decoration: none;
}
.pagination span {
  color: #b6b6b6;
  padding: 6px 10px;
  text-decoration: none;
}
.pagination a:hover {
  border: solid 1px #b2b2b2;
}
.video-gallery {
  width: 100%;
  float: left;
}
.video-gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.video-gallery ul li {
  width: 49%;
  float: left;
  padding: 0 1% 3% 0;
}
.video-gallery ul li:nth-child(2n) {
  padding-right: 0;
}
.video-gallery ul li iframe {
  width: 100%;
  height: 275px;
}
.video-gallery ul li h1 {
  padding: 5px 0 0 0;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  color: #035b2b;
  font-size: 16px;
  font-family: "Oswald";
  font-weight: normal;
}
.search-box {
  width: 250px;
  height: 32px;
  float: left;
  padding-left: 15px;
  margin-top: 10px;
  border: 0px;
  background-color: #fff;
}
.search-icon {
  width: 32px;
  height: 32px;
  float: left;
  margin-top: 10px;
} 

/*=======================Innar Page Style Ending==============================*/ /*=================Online Application Form Style Starting========================================*/
.namebglt {
  width: 24.2%;
  height: auto;
  padding: 1px 2% 1px 0px;
  float: left;
  font-family: "Oxygen", sans-serif;
  text-align: right;
  color: #666;
  font-size: 12px;
}
.commonname {
  width: auto;
  height: auto;
  padding: 1px 0 1px 0px;
  margin: 0 1% 0 1%;
  float: left;
  font-family: "Oxygen", sans-serif;
  text-align: right;
  color: #666;
  font-size: 12px;
}
.selectform {
  width: 33.5%;
  height: 27px;
  float: left;
}
.selectform2 {
  width: 31%;
  height: 27px;
  float: left;
}
.namecommonform {
  width: 46%;
  height: 27px;
  float: left;
}
.radiobtnbox {
  width: auto;
  height: auto;
  float: left;
  margin: 0 1% 0 1%;
  padding-top: 2px;
}
.contactboxform {
  width: 15.9%;
  height: 27px;
  float: left;
}
.form_main1 {
  width: 10.7%;
  height: auto;
  float: left;
  margin-right: 0.3%;
}
.form_main {
  width: 14.7%;
  height: auto;
  float: left;
  margin-right: 0.3%;
}
.form_main2 {
  width: 22.8%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_main3 {
  width: 17.8%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_main4 {
  width: 7.5%;
  height: auto;
  float: left;
  margin-right: 0.3%;
}
.form_main_hed {
  width: 98%;
  height: auto;
  padding: 7px 0px;
  float: left;
  font-family: "Oxygen", sans-serif;
  text-align: center;
  font-weight: bold;
  color: #666;
  background-color: #cccccc;
}
.commonform {
  width: 98%;
  height: 27px;
  float: left;
  border: 1px solid #cccccc;
  margin: 2px 0px;
}
.slryform {
  width: 30%;
  height: 27px;
  float: left;
  margin: 2px 2% 0 0;
}
.largform {
  width: 73%;
  height: 27px;
  float: left;
  margin: 2px 0 0 0;
}
.form_eduquali_main {
  width: 20.5%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_eduquali_main2 {
  width: 17.1%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_eduquali_main3 {
  width: 27%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_anyqualification-main {
  width: 45.6%;
  height: auto;
  float: left;
  margin-right: 0.2%;
}
.form_anyqualification-main1 {
  width: 11.2%;
  height: auto;
  float: left;
  margin-right: 0.3%;
}
.form_anyqualification-main2 {
  width: 21.7%;
  height: auto;
  float: left;
  margin-right: 2px;
}
.form_discription {
  width: 100%;
  height: 150px;
  float: left;
} /*Admission Form Style Starting*/
.adaddress {
  width: 40%;
  height: auto;
  float: left;
}
.adlogo {
  width: 90px;
  height: auto;
  float: right;
}
.adhead {
  width: 100%;
  height: auto;
  font-size: 12px;
  float: left;
  font-weight: bold;
  text-align: center;
}
.adrtbox {
  width: 300px;
  height: auto;
  float: right;
}
.adrtboxtext {
  width: 150px;
  height: 25px;
  float: left;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: right;
}
.adrtboxform {
  width: 140px;
  height: 25px;
  float: left;
  margin-bottom: 10px;
}
.adrtboxcapt {
  width: 100%;
  height: auto;
  float: left;
  text-align: right;
  font-size: 10px;
}
.admissionformbg {
  width: 95%;
  margin: 2%;
  float: left;
  height: auto;
  border: 1px solid #999;
}
.adcommonbox-main {
  width: 95%;
  height: auto;
  float: left;
  padding: 1% 2%;
}
.adcommonbox {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #999;
  padding: 2%;
}
.adcommonname {
  width: 98%;
  height: auto;
  float: left;
  font-size: 15px;
  margin-bottom: 10px;
}
.adformname {
  width: 28.1%;
  height: 27px;
  float: left;
  margin: 1%;
  padding: 0 1%;
}
.addateltbox {
  width: 61.6%;
  height: auto;
  float: left;
  border-right: 1px solid #ccc;
}
.adrow {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0px;
}
.adsubname {
  width: auto;
  height: auto;
  float: left;
  font-size: 15px;
  color: #000000;
}
.dateselect {
  width: 20%;
  height: 27px;
  float: left;
  margin: 0 2%;
}
.numberselect {
  width: 35%;
  height: 27px;
  float: left;
  margin: 1% 2%;
}
.dateselect_one {
  width: 20%;
  height: 27px;
  float: left;
  margin: 0 2%;
}
.inwordsform {
  width: 74%;
  height: 27px;
  float: left;
  margin: 0 2%;
}
.addatertbox {
  width: 29%;
  height: auto;
  float: left;
  padding: 0 2%;
}
.addatertbox_form {
  width: 98%;
  height: 27px;
  float: left;
}
.commonrt {
  width: 25%;
  height: auto;
  padding: 0 2%;
  float: right;
  border-left: 1px solid #ccc;
}
.commonrt_form {
  width: 40%;
  height: 27px;
  padding: 0 2%;
  float: right;
}
.adltcapt {
  width: 100%;
  height: auto;
  float: left;
  text-align: left;
  font-size: 10px;
}
.admessageform {
  width: 91%;
  height: 200px;
  float: left;
  padding: 2%;
}
.admessageform2 {
  width: 40%;
  height: 150px;
  float: left;
  padding: 2%;
  margin: 0 2%;
}
.addateltbox2 {
  border-right: 1px solid #ccc;
  float: left;
  height: auto;
  width: 50%;
}
.addatertbox2 {
  float: left;
  height: auto;
  padding: 0 2%;
  width: 45%;
}
.dateselect2 {
  float: left;
  height: 27px;
  margin: 0 2%;
  width: 40%;
}
.dateselect3 {
  float: right;
  height: 27px;
  margin: 0 2%;
  width: 90%;
}
.details_lt {
  width: 35%;
  height: auto;
  float: left;
}
.details_rt {
  width: 35%;
  height: auto;
  float: right;
}
.details_box1 {
  width: 40%;
  height: auto;
  float: left;
  margin-right: 2%;
}
.details_box2 {
  width: 27%;
  height: auto;
  float: left;
  margin-right: 2%;
}
.textlt {
  width: 40%;
  height: auto;
  font-size: 13px;
  float: left;
}
.textrt {
  width: 40%;
  height: auto;
  font-size: 13px;
  float: right;
}
.adcommonname2 {
  width: 98%;
  height: auto;
  float: left;
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
}
.form_common {
  width: 98%;
  height: 27px;
  float: left;
  margin: 10px 0px;
}
.adstdltbox {
  width: 40%;
  height: auto;
  float: left;
}
.adstdrtbox {
  width: 40%;
  height: auto;
  float: right;
}
.adstdltbox_text {
  width: 60%;
  height: auto;
  float: left;
}
.adstdltbox_text2 {
  width: 60%;
  height: auto;
  margin: 10px 0px;
  float: left;
}
.btm_box {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
}
.career_formmain {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 20px;
}
.careerhed {
  width: 100%;
  height: auto;
  font-family: "Oxygen", sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: dashed 1px #ccc;
}

.sd-pop-btn-cover {
  position: fixed;
  right: 0;
  top: 25%;
  padding: 5px;
  background-color: #fff;
  border-radius: 150px 0 0 150px;
  -webkit-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  animation: Downbounce 0.5s infinite alternate;
  z-index: 1030;
}
.sd-pop-btn-cover:hover {
  background-color: #97c940;
}
@keyframes Downbounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
.sd-pop-btn-cover .sd-pop-btn-logo {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  padding: 10px;
  background-color: #fff;
  border: solid 2px #97c940;
  border-radius: 50%;
}
.sd-pop-btn-cover .sd-pop-btn-logo img {
  width: 100%;
}
.sd-pop-btn-cover .sd-pop-btn-label {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 10px;
}
.sd-pop-btn-cover .sd-pop-btn-label h3 {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.sd-pop-btn-cover .sd-pop-btn-label p {
  color: #222;
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.sd-pop-btn-cover:hover .sd-pop-btn-label h3,
.sd-pop-btn-cover:hover .sd-pop-btn-label p {
  color: #fff;
}

.sd-pop-cover {
  display: none;
  position: fixed;
  right: 0;
  top: 22%;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 1030;
}
.sd-pop-cover.open {
  display: block;
}
.sd-pop-cover.open {
  -webkit-animation: st-menu-anim 0.3s ease-out;
  -moz-animation: st-menu-anim 0.3s ease-out;
  animation: st-menu-anim 0.3s ease-out;
}
@-webkit-keyframes st-menu-anim {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes st-menu-anim {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes st-menu-anim {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
.sd-pop-cover .btn-close {
  position: absolute;
  left: 0%;
  top: 50%;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
}
.sd-pop-cover .btn-close:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: solid 1px #97c940;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-pop-cover .btn-close i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.sd-pop-cover .btn-close i img {
  width: 100%;
}
.sd-pop-cover .btn-close:hover i {
  width: 20px;
}


/*=================Contacts ==============================*/

.sub-right-panel{
	background-color:rgb(240, 240, 239);
	padding: 10px 15px 20px 15px;
}

#postal_address table tr td {
    border-bottom: 1px dashed #7b7a7a;
    padding: 8px;
}
.txt-1{
    font-size: 14px;
    color: #676666;
	font-weight: 400;
}
.txt-2{
    font-size: 14px;
    color: #676666;
	font-weight: 500;
	text-decoration:underline;
}
#postal_address table tr td {
    font-size: 14px;
    color: #676666;
	font-weight: 400;

}


/*=================Online Application Form Style Starting===========================================================================*/ /* RESPONSIVE CSS-------------------------------------------------- */
@media (max-width: 1500px) {
  .submenu-rt {
    width: 50%;
  }
}
@media (max-width: 1300px) {
  .submenu-lt {
    width: 35% !important;
    margin-left: 5% !important;
  }
  .submenu-rt {
    width: 50% !important;
  }
  .submenu-imgbox {
    margin: 30px 2% 0 0 !important;
  }
  .submenu-imgbox {
    width: 47% !important;
  }
  .submenu-imgbox img {
    width: 100% !important;
    height: auto !important;
  } /*.header .navbar-right .dropdown-menu{width:73% !important;}*/
  .header .navbar-default .navbar-nav > li > a.search {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .header .navbar-right .dropdown-menu {
    width: 100% !important;
    margin: 0 auto !important;
    right: 0 !important;
  }
}
@media (max-width: 1180px) {
  .header .navbar-right .dropdown-menu {
    width: 100% !important;
    right: 0 !important;
  }
}
@media (max-width: 991px) {
  .header .navbar-right .dropdown-menu {
    right: 0;
    width: 100% !important;
  }
  .submenu-lt {
    width: 45% !important;
  }
  .drop-menu {
    margin: 0 auto !important;
  }
  .drop-menu2 {
    margin: 0 auto !important;
  }
  .drop-menu3 {
    margin: 0 auto !important;
  }
  .search {
    background: #00085b url(../images/icon-search2.png) no-repeat right;
  }
  .sd-pop-btn-cover {
    display: none;
  }
}
@media (min-width: 992px) {
  .header .navbar-default .navbar-nav > li > a {
    -ms-transform: skew(-32deg, 0deg);
    -webkit-transform: skew(-32deg, 0deg);
    transform: skew(-32deg, 0deg);
  }
  .header .navbar-default .navbar-nav > li > a span {
    -ms-transform: skew(32deg, 0deg);
    -webkit-transform: skew(32deg, 0deg);
    transform: skew(32deg, 0deg);
  }
}
@media (min-width: 1200px) {
  .header .navbar-default .navbar-nav > li > a.search {
    margin-right: -20px;
  }
  .header .navbar-right .dropdown-menu {
    right: auto;
    margin-left: -116px;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
  }
  .header .navbar-right .dropdown-menu .yamm-content {
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
  }
}
@media (min-width: 1366px) {
  .box-row {
    margin-right: -50px;
    margin-left: -50px;
  }
  .box-wrap {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 1440px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1920px) {
}
@media (max-width: 1919px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1365px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .submenu-rt {
    display: none !important;
  }
  .submenu-lt {
    width: 100% !important;
    margin: 0 2% !important;
  }
  .header .navbar-right .dropdown-menu {
    width: 100% !important;
  }
  .sub-menu {
    margin: 0 !important;
  }
  .nav-top {
    height: auto;
  }
}
@media (max-width: 650px) {
  .careerbg {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .career-btn {
    width: 252px !important;
    float: none !important;
    margin: 20px auto 0 auto !important;
  }
}
@media (max-width: 550px) {
  .club-1,
  .club-2,
  .club-3,
  .club-4,
  .club-5,
  .club-6 {
    width: 50%;
  }
}
@media (max-width: 450px) {
	
	.sub-right-panel {
        margin-bottom: 20px;
    }
}
@media (max-width: 360px) {
  .sub-menu ul li {
    width: 100% !important;
  }
}
@media (max-width: 325px) {
  .career-btn {
    width: 100% !important;
  }
}

.inner-club {
  width: 18.6%;

  height: 132px;

  float: left;

  margin: -30px 0.3% 0 0.3%;

  background-color: #81ad39;

  transform: skew(-30deg, 0deg);

  -webkit-transform: skew(-30deg, 0deg);
}

.tab-active {
  background-color: #141c74;
}

.inner-club:hover {
  background-color: #141c74;
}

.inner-club .iconbg {
  width: 53px;

  height: 51px;

  margin: 15px auto 0 auto;

  transform: skew(30deg, 0deg);

  -webkit-transform: skew(30deg, 0deg);
}

.inner-club .captionbg {
  width: 100%;

  padding: 10px 0;

  font-size: 14px;

  color: #fff;

  text-align: center;

  transform: skew(30deg, 0deg);

  -webkit-transform: skew(30deg, 0deg);
}
.clubs-sec {
  padding: 40px 0 60px 0;
}
.club-details h2 {
  font-size: 40px;
  color: #81ad39;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  padding: 50px 0;
}

.club--img img {
  width: 100%;
}
.club-1 a {
  text-decoration: none;
}
.club-2 a {
  text-decoration: none;
}
.club-3 a {
  text-decoration: none;
}
.club-4 a {
  text-decoration: none;
}
.club-6 a {
  text-decoration: none;
}

/* Add this CSS to center the content */
.content-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh; /* Ensure it takes the full height of the viewport */
    width: 100%;
}

.inner-content {
    text-align: center;
    width: 100%;
}

.inner-content-rt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}

.inner-content-rt embed {
    margin: 10px 0; /* Add some spacing between the embeds if needed */
}