/* ================================================== */
/* 01. General Style */
/* ================================================== */
@import url('//css');
.galleryItem:focus {
    outline: 3px solid #fff;
    outline-offset: 4px;	
}
/* Focus styles for footer menu links inside .col-sm-9.clearfix */
.col-sm-9.clearfix a:focus,
.col-sm-9.clearfix a:focus-visible {
    outline: 3px solid yellow;   /* strong visible outline */
    outline-offset: 4px;       /* adds spacing so the outline is visible */
    border-radius: 4px;        /* optional - makes edges smoother */
    background-color:green; /* optional - improves visibility on dark footers */
}


.overlay:focus-within {
    opacity: 1 !important;
    visibility: visible !important;
}

html{
     font-family: Arial, Helvetica, sans-serif !important; 
}
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 15px;
    z-index: 10000;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
}
.skip-link:focus {
    top: 0;
}
.element-container {
	display: none; /* hidden by default */
  }
  
  .floating-button:focus + .element-container,
  .floating-button.active + .element-container {
	display: block; /* show when button focused or activated */
  }

  /* Make keyboard focus clearly visible on modal elements */
.fancybox__container a:focus,
.fancybox__container button:focus {
    outline: 3px solid yellow !important;      /* visible high-contrast color */
    outline-offset: 4px !important;
    border-radius: 4px;
}

/* If your modal is Fancybox v3 or earlier */
.fancybox-container a:focus,
.fancybox-container button:focus {
    outline: 3px solid yellow !important;
    outline-offset: 4px !important;
}

  



.expand {
 
  height: 100%;
  max-height: 50vh;
  overflow: hidden;
  -webkit-transition: max-height .75s;
  transition: max-height .75s;
  margin-bottom:20px;
  -webkit-mask-image: linear-gradient(180deg, #000 95%, #ffffff61);
}

@media (max-width: 992px){
.expand {
   max-height: 100%;
   -webkit-mask-image: none;
}
.read-more {
  display: none;
}
.tab, .tabcontent{
    float:none !important;
}
.tab{
    display:block !important;
}

}
.background-box a:empty {
	display: none !important;
}
.nine h1 span {
    margin-top: 5px;
    font-size: 15px;
    color: #444;
    word-spacing: 1px;
    font-weight: normal;
    letter-spacing: 2px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}
.read-more {
  background: none;
  border: none;
  color: #1199f9;
  cursor: pointer;
  font-size: 1em;
  outline: none; 
  font-family: 'Georgia', sans-serif!important;
}
.read-more:hover {
  text-decoration: underline;
}
.read-more:focus {
  outline: none;

}
.read-more::-moz-focus-inner {
  border: 0;
 
}
.hid {
  display: none;
}


.caption
{
    font-family: 'Georgia', sans-serif !important;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.content_center {
  display: flex;
  justify-content: center;
  align-items: center; 
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

body {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 26px;
}

.hod{
    width:250px;
}

.hodname{
    font-size:16px;
}
.dg{
    font-size:16px;
    display:block;
}

li{
    text-align:justify;
}
/*---Typography---*/

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	/*font-family: 'Arial';*/
	font-family: Georgia!important;
	color: #334B35;
}
h1 {
	font-size: 46px;
	font-weight: bold;
}
h2 {
	font-size: 36px;
	font-weight: bold;
}
h3 {
	font-size: 23px;
    margin-top: 20px;
    margin-bottom: 5px !important;
    font-weight: bold;
}
h4 {
	font-size: 22px;
    margin-top: 20px;
    margin-bottom: 5px !important;
    font-weight: bold;

}

h5 {
	font-size: 18px;
	font-weight: bold;
}
h6 {
	font-size: 14px;
	font-weight: bold;
}
p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: 'Arial', sans-serif!important;
}
ol, ul {
	margin-bottom: 0px;
}
a {
	text-decoration: none !important;
	outline: none;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
label {
	font-weight: normal;
}
::-webkit-input-placeholder {
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
	text-transform: uppercase;
}
::-moz-placeholder {  /* Firefox 19+ */
	opacity:1;
	text-transform: uppercase;
}
:-ms-input-placeholder {
	opacity:1;
	text-transform: uppercase;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
    color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{
    color: transparent !important;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder{
    color: transparent !important;
}
input:focus::placeholder,
textarea:focus::placeholder{
    color: transparent !important;
}

/*-----------------------
	Page Loader
-----------------------*/
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	background: #fff;
}
#loading .element {
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 50%;
}
.sk-folding-cube {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F1CF69;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

 @-webkit-keyframes sk-foldCubeAngle {

	 0%, 10% {
	 -webkit-transform: perspective(140px) rotateX(-180deg);
	 transform: perspective(140px) rotateX(-180deg);
	 opacity: 0;
	}
	 25%, 75% {
	 -webkit-transform: perspective(140px) rotateX(0deg);
	 transform: perspective(140px) rotateX(0deg);
	 opacity: 1;
	}
	 90%, 100% {
	 -webkit-transform: perspective(140px) rotateY(180deg);
	 transform: perspective(140px) rotateY(180deg);
	 opacity: 0;
	}
}

 @keyframes sk-foldCubeAngle {

	 0%, 10% {
	 -webkit-transform: perspective(140px) rotateX(-180deg);
	 transform: perspective(140px) rotateX(-180deg);
	 opacity: 0;
	}
	 25%, 75% {
	 -webkit-transform: perspective(140px) rotateX(0deg);
	 transform: perspective(140px) rotateX(0deg);
	 opacity: 1;
	}
	 90%, 100% {
	 -webkit-transform: perspective(140px) rotateY(180deg);
	 transform: perspective(140px) rotateY(180deg);
	 opacity: 0;
	}
}

/* ================================================== */
/* 02. header	*/
/* ================================================== */

/* Focus indicator for header menus */
.header-top a:focus,
.header-top a:focus-visible {
    outline: 3px solid #000;      /* strong visible outline */
    outline-offset: 4px;          /* adds space so outline is clearly separated */
    border-radius: 4px;           /* optional for smoother outline */
    background-color: #f7f7f7;    /* optional: improves contrast on dark backgrounds */
}
.header-top {
	display: block;
	background: #F1CF69;
	padding: 4px 0px;
	
}
.header-top ul.follow-us {
	display: block;
	padding-top: 2px;
	float: left;
}
.header-top ul.follow-us li {
	display: inline-block;
	padding-right: 5px;
	font-size: 18px;
}
.header-top ul.follow-us li a {
	color: #646162;
}
.header-top ul.follow-us li a:hover {
	color: #fff;
}
.header-top .right-block {
	display: block;

}
.header-top ul.top-nav {
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	float: left;
}
.header-top ul.top-nav li {
	display: block;
	padding: 0 13px;
	float: left;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.header-top ul.top-nav li a {
	color: #334B35;
}
.header-top ul.top-nav li a:hover {
	color: #fff;
}
.header-top .lang-wrapper {
	display: block;
	float: right;
}
.header-top .select-lang, .header-top .select-lang2 {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.header-top .select-lang {
	margin-left: 1px;
}
.header-top .select2-container--default .select2-selection--single {
	border: none;
	border-radius: 0px;
	background: #302c2d;
}
.header-top .select2.select2-container {
	width: 100px !important;
}
.header-top .select2-container .select2-selection--single {
	height: 42px;
}
.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
}
.header-top .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 16px;
	color: #fff;
}
.header-top .select2-container .select2-selection--single .select2-selection__rendered img {
	margin-right: 4px;
}
.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 30px;
	height: 42px;
}
.select2-container--open .select2-dropdown--below {
	border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 6px 5px 0;
	border-color: #c1c0c0 transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0 5px 6px;
}
.select2-dropdown {
	border: 1px #dedddd solid;
}
.select2-results__option {
	padding: 0 6px;
	font-size: 13px;
}
.select2-results__option .img-flag {
	margin-right: 4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #F1CF69;
}
.header-middle {
	padding-top: 7px;
	padding-bottom: 7px;
    background-color: #334B35;
}
.header-middle .contact {
	display: block;
	padding: 8px 0 0 0;
	float: right;
}
.header-middle .contact ul {
	display: block;
	padding-right: 32px;
}
.header-middle .contact ul li {
	display: block;
	padding: 0 30px;
	float: left;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	color: #F1CF69;
	line-height: 18px;
}
.header-middle .contact ul li span {
	display: block;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color: #8f9ba1;
	text-transform: uppercase;
}
.header-middle .contact ul li a {
	color: #F1CF69;
}
.header-middle .contact ul li a:hover {
	color: #F1CF69;
}
.header-middle a.login {
	display: inline-block;
	padding: 5px 20px;
	border: 2px #334B35 solid;
	border-radius: 5px;
	font-size: 12px;
	color: #6f7a7f;
	font-weight: 700;
}
.header-middle a.login:hover {
	background: #334B35;
	color: #fff;
}
.header-middle a.login span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 10px;
	font-size: 14px;
	color: #00aaff;
}
.header-middle a.login:hover span {
	color: #fff;
}

/* ================================================== */
/* 03. navigation */
/* ================================================== */
.navbar {
	border-radius: 0;
	margin: 0;
	border: none;
}
.navbar-collapse {
	padding: 0;
}
.navbar-inverse {
	background: #334B35;
}
.navbar-inverse:hover {
	background: #334B35;
	color: #fff !important;
}
.navbar-inverse:hover .nav li a {
	color: #fff;
}
.navbar-inverse:hover .nav li ul li a {
	color: #000;
}
.nav-width {
	width: 100%;
}

.nav > li > a {
	padding: 20px 12px;
}

.navbar-nav > li {
	border-right: 1px #F1CF69 solid;
}
.navbar-nav > li > a {
	text-transform: uppercase;
	color: #fff;
}
.navbar-nav > li:last-child {
	border: none;
}
@media (max-width: 380px) {
    .navbar-collapse {
        max-height: none !important; /* remove Bootstrap height limit */
        height: auto !important;     /* allow dropdown to expand fully */
        overflow-y: visible !important; /* no clipping */
        overflow-x: hidden;
        position: relative;
        z-index: 9999; /* ensure not hidden behind other sections */
    }

    .navbar-nav .dropdown-menu {
        position: static !important; /* keep menu inside flow */
        display: block; /* prevent cutting due to absolute dropdown */
        width: 100%;
        float: none;
    }

    .navbar-nav > li {
        width: 100%; /* each menu item full width in mobile */
    }
}

/* =========================================================
   400% Zoom Accessibility Fix (Viewport shrinks <= 380px)
   Ensures menu items do not disappear & show scrollbar
   ========================================================= */
/* Prevent cutoff at all zoom levels */

/* Dropdown stays inside flow */
.navbar-nav .open .dropdown-menu {
    /* position: static !important; */
    width: 100%;
}

/* Allow wrapping instead of trimming */
.navbar-nav > li > a,
.dropdown-menu > li > a {
    white-space: normal !important;
    line-height: 1.4 !important;
}



/* Overflow fix for very zoomed small-height screens */
@media (max-height: 600px) {
    .navbar-collapse {
        max-height: 70vh !important;
        overflow-y: scroll !important;
    }
}


@media screen and (max-width: 480px) {
    
    /* Expand collapse area properly */
    .navbar-collapse {
        max-height: none !important; /* always allow full expansion */
    height: auto !important;
    overflow-y: auto !important; /* enable scrolling instead of clipping */
    overflow-x: hidden !important;
    position: relative !important;
    z-index: 9999 !important;
    }

/* Scroll if dropdown content too tall */
.navbar-nav {
    max-height: 80vh !important;
    overflow-y: auto !important;
}
/* Keep mobile dropdown attached to parent properly */
.navbar-nav .open .dropdown-menu {
    position: static !important;
    width: 100% !important;
    float: none !important;
}

/* Make sure text wraps instead of trimming */
.navbar-nav > li > a,
.navbar-nav .dropdown-menu > li > a {
    white-space: normal !important;
    line-height: 1.4 !important;
}

/* Fix sticky top pushing content up */
#newNav.sticky + * {
    margin-top: 70px; /* match navbar height */
}

/* Extra fallback: if screen height is tiny due to zoom */
@media screen and (max-height: 600px) {
    .navbar-nav {
        max-height: 70vh !important;
    }
}


    /* Full width menu list */
    .navbar-nav > li {
        width: 100%;
    }

    /* Dropdown inside flow (Bootstrap keeps toggle) */
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        border: none !important;
    }

    /* Ensure readability on zoom */
    .navbar-nav > li > a,
    .navbar-nav .dropdown-menu > li > a {
        white-space: normal !important;
        padding: 12px !important;
        line-height: 1.4 !important;
    }
}


/* Recent Change 16px to 14px */
.navbar-inverse .navbar-nav > li > a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a i {
	font-size: 20px;
	color: #F1CF69;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
	background: #4ab866;
}

.navbar-form {
	width: 30%;
	padding: 0 25px;
	background: #4ab866;
	margin: 0;
	position: relative;
}
.navbar-form .form-control {
	width: 100%;
	margin: 12px 0;
	height: 34px;
	background: none;
	border: none;
	border-bottom: 1px #a5dcb3 solid !important;
	border-radius: 0;
	box-shadow: none;
	padding-left: 0;
	font-size: 12px;
	color: #b4ddbd;
	text-transform: uppercase;
}

.navbar-form .form-control::placeholder {
	color: #fff;
}

.navbar-form .search-btn {
	display: block;
	border: none;
	position: absolute;
	right: 25px;
	top: 18px;
	background: none;
	font-size: 16px;
	color: #fff;
}

.navbar .dropdown-menu {
	min-width: 260px;
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	border-top: 4px #F1CF69 solid;
}
.navbar .dropdown-menu:after {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 150, 0, 0);
	border-bottom-color: #F1CF69;
	border-width: 10px;
}
.navbar .dropdown-menu > li > a {
	padding: 7px 15px;
}
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
	background: #F1CF69;
	color: #fff;
}


/* ================================================== */
/* 04. home page sections */
/* ================================================== */

/*-----------------------
	banner 1
-----------------------*/
.banner-outer {
	display: block;
	position: relative;
	overflow-x: hidden;
}
.banner-slider .container {
	display: table;
	height: 100%;


}

.banner-outer .slide1,
.banner-outer .slide2,
.banner-outer .slide3,
.banner-outer .slide4,
.banner-outer .slide5,
.banner-outer .slide6,
.banner-outer .slide7,
.banner-outer .slide8,
.banner-outer .slide9,
.banner-outer .slide10{
	display: block;
	height: 89vh;
}


.banner-outer .slide1 {
	background: url(/images/banner/new/b1.jpg) no-repeat center top / cover;
}
.banner-outer .slide2 {
	background: url(/images/banner/new/b2.jpg) no-repeat center top / cover;
}
.banner-outer .slide3 {
	background: url(/images/banner/new/b3.jpg) no-repeat center top / cover;
}
.banner-outer .slide4 {
	background: url(/images/banner/new/b4.jpg) no-repeat center top / cover;
}
.banner-outer .slide5 {
	background: url(/images/banner/new/b5.jpg) no-repeat center top / cover;
}
.banner-outer .slide6 {
	background: url(/images/banner/new/b6.jpg) no-repeat center top / cover;
}
.banner-outer .slide7 {
	background: url(/images/banner/new/b7.jpg) no-repeat center top / cover;
}
.banner-outer .slide8 {
	background: url(/images/banner/new/b8.jpg) no-repeat center top / cover;
}
.banner-outer .slide9 {
	background: url(/images/banner/new/b9.jpg) no-repeat center top / cover;
}


/*
.banner-outer .slide1 {
	background: url(/images/banner/banner1.jpg) no-repeat center top / cover;
}
.banner-outer .slide2 {
	background: url(/images/banner/banner2.jpg) no-repeat center top / cover;
}
.banner-outer .slide3 {
	background: url(/images/banner/banner3.jpg) no-repeat center top / cover;
}
.banner-outer .slide4 {
	background: url(/images/banner/banner4.JPG) no-repeat center top / cover;
}
.banner-outer .slide5 {
	background: url(/images/banner/banner5.JPG) no-repeat center top / cover;
}
.banner-outer .slide6 {
	background: url(/images/banner/banner6.jpg) no-repeat center top / cover;
}
.banner-outer .slide7 {
	background: url(/images/banner03new.png) no-repeat center top / cover;
}
.banner-outer .slide8 {
	background: url(/images/banner01new.png) no-repeat center top / cover;
}
.banner-outer .slide9 {
	background: url(/images/banner/banner09.jpg) no-repeat center top / cover;
}



.banner-outer .slide10 {*/
/*	background: url(/images/banner/banner10.jpg) no-repeat center top / cover;*/
/*}*/
.banner-outer .content {
	display: table-cell;
	vertical-align: middle;
}
.banner-slider .content .fl-right {
	float: right;
}
.banner-outer .content h1 {
	display: block;
	padding-bottom: 20px;
	font-family: 'Arial', sans-serif;
	font-size: 32px;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	-webkit-animation-delay: 0.2s;
}
.banner-outer .content h1 span {
	display: block;
	font-size: 62px;
	-webkit-animation-delay: 0.3s;
}
.banner-outer .content p {
	display: block;
	padding-bottom: 25px;
	max-width: 390px;
	font-size: 16px;
	color: #fff;
	opacity: 0.8;
	-webkit-animation-delay: 0.34s;
}
.banner-outer .content a.btn {
	-webkit-animation-delay: 0.36s;
}
.banner-outer .slide2 .content a.btn {
	margin: 0 10px;
}
.banner-outer .slide2 .content {
	float: none;
	text-align: center;
}
.banner-outer .slide2 .content h1,
.banner-outer .slide3 .content h1 {
	font-size: 54px;
	color: #fff;
}
.banner-outer .slide2 .content p {
	margin: 0 auto;
	color: #fff;
}
.banner-outer .slide3 .content h1,
.banner-outer .slide3 .content p {

	color: #fff;
}
.btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 4px;
	background: #F1CF69;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #334B35;
	text-transform: uppercase;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.5s ease-in-out;
}
.btn span {
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	content: "";
	opacity: 0.5;
}
.btn:hover, .btn:focus {
	background: #334B35;
	color: #fff;
}
.btn.white {
	background: #fff;
	color: #595545;
}
.btn.white:hover {
	background: #334B35;
	color: #fff;
}
.btn.blue {
	background: #334B35;
	color: #fff;
}
.btn.blue:hover {
	background: #334B35;
}
.banner-outer .bx-wrapper .bx-pager {
	bottom: 60px;
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 999;
}
.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
}
.banner-outer .bx-wrapper .bx-pager a {
	background: #fff;
	border-radius: 2px;
	display: block;
	height: 5px;
	margin: 0 4px;
	outline: 0 none;
	text-indent: -9999px;
	width: 18px;
	opacity: 0.3;
}
.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
	background: #fff;
	opacity: 1;
}
/*-----------------------
	about
-----------------------*/
.about {
	display: block;
	position: relative;
	padding: 280px 0 100px 0;
	background: url(/images/about-bg3.jpg) no-repeat center bottom;
}
.about ul.our-links {
	display: block;
	margin: -280px 0 0 0;
	position: relative;
	z-index: 99;
}
.about ul.our-links li {
	display: block;
	position: relative;
}
.about ul.our-links li.apply-online {
	background: #F1CF69;
}
.about ul.our-links li.prospects .detail a.more {
	border: 2px #F1CF69 solid;
	color: #F1CF69;
}
.about ul.our-links li.prospects {
	background: #334B35;
}
.about ul.our-links li.prospects .detail a.more {
	border: 2px #334B35 solid;
	color: #334B35;
}
.about ul.our-links li.certification {
	background: #F1CF69;
}
.about ul.our-links li.certification .detail a.more {
	border: 2px #F1CF69 solid;
	color: #F1CF69;
}
.about ul.our-links li {
	display: block !important;
	padding: 44px 10px 60px 4%;
	opacity: 1 !important;
}
.about ul.our-links li p {
	padding-bottom: 0px;
}
.about ul.our-links li .icon {
	width: 23%;
	float: left;
}
.about ul.our-links li .detail {
	width: 60%;
	padding-left: 20px;
	float: left;
	color: #fff;
}
.about ul.our-links li .detail h3 {
	display: block;
	padding-bottom: 10px;
	font-family: 'Arial', sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}
.about ul.our-links li .detail h3 span {
	display: block;
	font-size: 12px;
}
.about ul.our-links li .detail p {
	display: block;
	font-size: 12px;
	line-height: 16px;
}
.about ul.our-links li .detail a.more {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 34px;
	position: absolute;
	bottom: -17px;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #fff;
	font-size: 20px;
	color: #F1CF69;
	border-radius: 50%;
	text-align: center;
	border: 2px #F1CF69 solid;
}
.about ul.our-links li .detail a.more:hover {
	color: #211d1e;
}
.about .sm-head {
	display: block;

	font-size: 14px;
	color: #7d7c7c;
	line-height: 18px;
	text-transform: uppercase;
}
.about .left-block {
	display: block;
}

.courses:link, .courses:visited {
  background-color: #334B35;
  color: #F1CF69;
  padding: 8px 10px;
  border: 1px solid #F1CF69;
  margin:10px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'Georgia', sans-serif;
  border-radius:3px;
  
}

.courses:hover, dean:active {
  background-color: #000;
}


.dean {
    padding:10px;
    background-color:#334B35;
    text-align:center;
    border-radius:5px;
    width:100%;
    color:#F1CF69;
    font-size:18px;
    margin-top:0px !important;
    
}

.video-block {
/*
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
*/
	position: relative;
}

.video-block iframe, .video-block object, .video-block embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


.about .video-block img {
	width: 100%;
}

@media only screen and (max-width: 600px) {
  .about .video-block img {
	width: 200px;
	/*height:350px;*/
	height: auto;
    object-fit: contain;
}
}



.about .video-block a {
	width: 67px;
	display: block;
	/* position: absolute;
	margin: -34px auto 0; */
	left: 0px;
	right: 0px;
	cursor: pointer;
	top: 50%;
}
.about h2 {
	padding-bottom: 20px !important;
	color: #353434;
	text-align: left !important;
}
.about p {
	display: block;
	padding-bottom: 34px;
}
.about .know-more-wrapper {
	display: block;
	position: relative;
}
.about .know-more-wrapper:after {
	width: calc(100% - 135px);
	height: 1px;
	background: #e8e8e8;
	content: "";
	position: absolute;
	right: 0px;
	top: 14px;
	z-index: 1;
}
.about a.know-more {
	display: inline-block;
	padding-right: 24px;
	position: relative;
	z-index: 2;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #645847;
	text-transform: uppercase;
    font-weight: bold;
}
.about a.know-more span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 4px;
	color: #F1CF69;
}
.about a.know-more:hover span {
	color: #334B35;
}

/*-----------------------
	cources
-----------------------*/
.padding-lg {
	display: block;
	padding-top: 50px;
	padding-bottom: 90px;
}
.our-cources h2,
.how-study h2,
.why-choose h2,
.news-events h2,
.campus-tour h2,
.testimonial h2,
.about h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
	display: block;
	padding-bottom: 44px;
	font-family: 'Arial', sans-serif;
	font-size: 36px;
	text-transform: Capitalize;
	text-align: center;
}
.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.news-events h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
	display: block;

	font-size: 14px;
	opacity: 0.8;
}
.our-cources {
	display: block;
    background: url(/images/cources-bg.jpg) no-repeat center top / cover;
	position: relative;
}
.our-cources:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 1;
	content: "";
	background: #383838;
	opacity: 0.8;
}
.our-cources .container {
	position: relative;
	z-index: 2;
}
.our-cources h2 {
	color: #fff;
}
.our-cources h2 span {
	color: #d5d4d3;
}
.our-cources ul.course-list {
	display: block;
	padding-top: 20px;
}
/* .our-cources ul.course-list li {
	display: block;
	background: url(/images/book-bg.png) no-repeat center top;
	position: relative;
} */
.our-cources ul.course-list li:after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	background: #fff;
	content: " ";
	opacity: 0.3;
}
.our-cources ul.course-list li .inner {
	width: 198px;
	margin: 0 auto;
	height: 280px;
	padding: 54px 0 0 30px;
	position: relative;
	background-color: #F1CF69;
}
.our-cources ul.course-list li .inner figure {
	position: absolute;
	left: 0px;
	top: 1px;

}
.our-cources ul.course-list li h3 {
	display: block;
	padding-bottom: 10px;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 22px;
	color: #fff;
	position: relative;
}
.our-cources ul.course-list li h3 span {
	display: block;
}
.our-cources ul.course-list li p {
	display: block;
	padding-bottom: 12px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	opacity: 0.8;
}
.our-cources ul.course-list li .fess-box {
	display: inline-block;
	padding: 0 12px;
	background: #F1CF69;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	position: relative;
	text-transform: uppercase;
}
.our-cources ul.course-list li .fess-box span {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
}
.our-cources ul.course-list li .bottom-txt {
	width: 100%;
	padding: 18px 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.our-cources ul.course-list li .duration {
	width: 81%;
	float: left;
}
.our-cources ul.course-list li .duration h4 {
	display: block;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	color: #334B35;
	text-transform: uppercase;
}
.our-cources ul.course-list li .duration span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #334B35;
	line-height: 16px;
	text-transform: uppercase;
	opacity: 0.8;
}
.our-cources ul.course-list li a {
	display: block;
	position: absolute;
	right: 18px;
	top: 22px;
}
.our-cources ul.course-list li a .icon-more-icon {
	font-size: 23px;
	color: #fff;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
}
.our-cources ul.course-list li a:hover .icon-more-icon {
	opacity: 1;
}

/*-----------------------
	impotance
-----------------------*/

.our-impotance {
	display: block;
    position: relative;
    padding: 100px 0 100px 0;
    background: url(/images/service-bg.png) no-repeat center bottom;
}
.our-impotance ul {
	display: block;
	text-align: center;
}
.our-impotance ul li {
	display: block;
	margin-bottom: 64px;
	border-right: 1px #e9e9e9 solid;
	position: relative;
}
.our-impotance ul li .inner {
	display: block;
	padding: 30px;
}
.our-impotance ul li .inner img {
	border-radius: 3px;
}
.our-impotance ul li:nth-child(3n) {
	border-right: none;
}
.our-impotance ul li:nth-child(n+4):after {
	display: none;
}
.our-impotance ul li:nth-child(n+4) {
	margin-bottom: 0px;
}
.our-impotance ul li:after {
	width: 80%;
	height: 1px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	display: block;
	position: absolute;
	bottom: -35px;
	content: "";
	background: #e9e9e9;
}
.our-impotance ul li h3 {
	display: block;
	padding: 22px 0 12px 0;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	color: #284962;
	text-transform: uppercase;
	line-height: 24px;
}
.our-impotance ul li h3 span {
	display: block;
}
.our-impotance ul li p {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 20px;
}

/*-----------------------
	how study
-----------------------*/
.how-study {
	display: block;
    position: relative;
    padding: 100px 0px 200px 0px;
    background: url(/images/service-bg.png) no-repeat center bottom;
}
.how-study h2 {
	color: #334b35;
	font-weight: bold;
}
.how-study h2 span {
	color: #7d8792;
}
.how-study ul {
	display: block;
}
.how-study ul li {
    list-style-type: none;
}
.how-study ul li img {
	width: 100%;
}
.how-study ul li:hover .overly {
	background: rgba(0, 0, 0, 0.9);
}
.how-study ul li .overly {
	width: calc(100% - 30px);
	height: 100%;
	position: absolute;
	left: 15px;
	top: 0px;
	background: rgb(0 0 0 / 10%);
	transition: all 0.4s ease 0s;
}
.how-study ul li .cnt-block {
	max-width: 270px;
	position: absolute;
	bottom: -5px;
	left: 8%;
	color: #fff;
}
.how-study ul li .cnt-block h3 {
	display: block;
	padding-bottom: 12px;

	font-size: 22px;
	color: #fff;
	line-height: 26px;
	position: relative;
	text-transform: none;
}
.how-study ul li .cnt-block h3:before {
	display: block;
	margin-bottom: 8px;
	width: 40%;
	height: 4px;
	content: " ";
	background: #F1CF69;
}
.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
	background: #F1CF69;
}
.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
	background: #F1CF69;
}
.how-study ul li .cnt-block p {
	display: block;
	font-size: 12px;
	line-height: 16px;
	opacity: 0.7;
}
.how-study ul li a.more {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 30px;
	bottom: 30px;
	border-radius: 50%;
	line-height: 24px;
	background: #fff;
	font-size: 18px;
	color: #000;
	text-align: center;
}
.how-study ul li a.more i {
	margin-left: 2px;
}
.how-study ul li a.more:hover {
	background: #F1CF69;
	color: #fff;
}

/*-----------------------
	why choose
-----------------------*/
.why-choose {
    background: url(/images/why-choose-bg.jpg) no-repeat center center / cover;
	position: relative;
}
.why-choose:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 1;
	content: "";
	background: #334B35;
	opacity: 0.9;
}
.why-choose .container{
    position: relative;
    z-index: 2;
}
.why-choose h2 {
	padding-bottom: 70px;
	color: #fff;
}
.why-choose h2 span {
	color: #fff;
}
ul.our-strength {
	display: block;
	text-align: center;
}
ul.our-strength li {
	width: 20%;
	display: inline-block;
	color: #fff;
	text-align: center;
	border-right: 1px #94d3a4 solid;
}
ul.our-strength li:last-child {
	border: none;
}
ul.our-strength li .icon {
	display: block;
	padding-bottom: 20px;
}
ul.our-strength li .icon span {
	font-size: 44px;
	opacity: 0.7;
}
ul.our-strength li span {
	padding-bottom: 12px;

	font-size: 48px;
}
ul.our-strength li .couter-outer {
	display: block;
}
ul.our-strength li .title {
	display: block;

	font-size: 14px;
	opacity: 0.8;
	text-transform: uppercase;
}

/*-----------------------
	news & events
-----------------------*/
.news-events {
	background: #f3f6f8;
}
.news-events h2 {
	color: #2a4356;
}
.news-events h2 span {
	color: #2d4256;
}
.news-events ul {
	display: block;
	margin-bottom: 60px;
}
.news-events ul li .inner {
	display: block;
	background: #fff;
	position: relative;
}
.news-events ul li .img-block {
	display: block;
}
.news-events ul li .img-block img {
	width: 100%;
}
.news-events ul li .cnt-block {
	display: block;
	padding: 15px 30px 20px 30px;
	background: #fff;
	position: relative;
}
.news-events ul li .cnt-block .plus-icon {
	display: block;
	width: 64px;
	height: 64px;
	line-height: 60px;
	text-align: center;
	position: absolute;
	right: 20px;
	top: -32px;
	background: #334B35;
	border-radius: 50%;
	font-size: 34px;
	color: #fff;
	box-shadow: 0px 5px 5px #c0e0f9;
}
.news-events ul li .cnt-block .plus-icon:hover {
	background: #F1CF69;
}
.news-events ul li .cnt-block h3 {
	display: block;
	padding-bottom: 36px;

	font-size: 22px;
	color: #41484d;
	line-height: 32px;
	text-transform: none;
}
.news-events figure {
	position: relative;
}
.news-events figure img {
	width: 100%;
	display: block;
	position: relative;
}
.news-events figcaption {
	position: absolute;
	top: 0;
	left: 0;
}
/* Caption Style 3 */
.cs-style-3 figure {
	padding-bottom: 104px;
}
/* .cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
} */
/* .no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
} */
.cs-style-3 figcaption {
	width: 100%;
	top: auto;
	bottom: 0px;
	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
/* .no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	bottom: 0px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
} */
.news-events ul li .bottom-block {
	display: block;
	padding: 30px 0 0 0;
	border-top: 1px #e8eef0 solid;
	font-size: 12px;
	color: #96adba;
}
.news-events ul li .date {
	display: block;
	float: left;
}
.news-events ul li .icon {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
.news-events ul li .icon span {
	font-size: 20px !important;
	color: #c5d4da !important;
}
.news-events ul li .comment {
	display: block;
	float: right;
}
.news-events ul li .date span,
.news-events ul li .comment span {
	font-weight: 700;
	color: #5c7e91;
}
.news-events .know-more-wrapper {
	display: block;
	text-align: center;
	position: relative;
	margin-top: 150px;
}
.news-events .know-more-wrapper:after {
	width: 100%;
	height: 1px;
	background: #daddde;
	content: "";
	position: absolute;
	left: 0px;
	top: 14px;
	z-index: 1;
}
.news-events .know-more {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	background: #f3f6f8;
	z-index: 2;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #645847;
	text-transform: uppercase;
}
.news-events a.know-more span {
	margin-left: 4px;
	vertical-align: middle;
	margin-top: -2px;
	display: inline-block;
	color: #F1CF69;
	transition: all 0.3s ease 0s;
}
.news-events a.know-more:hover span {
	color: #334B35;
}

/*-----------------------
	campus tour
-----------------------*/
.campus-tour {
	background: #fff;
	padding-bottom: 0px;
}
.campus-tour h2 {
	color: #2a4356;
}
.campus-tour h2 span {
	color: #2d4256;
}
.campus-tour ul.gallery {
	display: block;
}
.campus-tour ul.gallery li {
	width: 20%;
	float: left;
	display: block;
	background: #000;
	position: relative;
}
.campus-tour ul.gallery li figure {
	transition: all 0.3s ease 0s;
}
.campus-tour ul.gallery li:hover figure {
	opacity: 0.2;
}
.campus-tour ul.gallery li .overlay {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 1;
	text-align: center;
	opacity: 0;
	transition: all 0.3s ease 0s;
}
/*.campus-tour ul.gallery li:hover .overlay {*/
/*	top: 44%;*/
/*	opacity: 1;*/
}
.campus-tour ul.gallery li h3 {
	display: block;
	padding-bottom: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}
.campus-tour ul.gallery li p {
	display: block;
	padding-bottom: 30px;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	opacity: 0.5;
}
.campus-tour ul.gallery li a {
	width: 56px;
	height: 56px;
	margin: 0 8px;
	display: inline-block;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	background: #F1CF69;
	font-size: 22px;
	color: #fff;
}
.campus-tour ul.gallery li a.more {
	background: #334B35;
}
.campus-tour ul.gallery li a:hover {
	background: #334B35;
}
/* --- WCAG Focus Visible Fix for Magnific Popup Arrows --- */

.mfp-arrow:focus,
.mfp-arrow:focus-visible,
.mfp-arrow button:focus,
.mfp-arrow button:focus-visible {
    outline: 3px solid #FFD200;  /* High-contrast visible outline */
    outline-offset: 4px;         /* Moves outline outward */
    border-radius: 4px;          /* Optional: smooth edges */
}

/* Ensure arrows remain visible and not clipped */
.mfp-arrow {
    position: relative;
    z-index: 9999;
}

.mfp-arrow-left:before {
	background-position: left top;
	outline: 3px solid #FFD200;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	width: 28px;
	height: 28px;
	right: 0px;
	padding-right: 0px;
	display: block;
	cursor: pointer;
	background: url(/images/popup-close.png) no-repeat center top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: 3px solid #FFD200;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/*-----------------------
	client logos
-----------------------*/
.logos {
	display: block;
	padding: 10px 0;
}
.logos ul {
	display: block;
}
.logos ul .owl-item img {
	width: auto;
}

/*-----------------------
	testimonials
-----------------------*/
.testimonial {
	display: block;
    background: url(/images/testimonial-bg.jpg) no-repeat center top / cover;
	text-align: center;
	position: relative;
}
.testimonial:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 1;
	content: "";
	background: #334B35;
	opacity: 0.8;
}
.testimonial .container {
	position: relative;
	z-index: 2;
}
.testimonial h2 {
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.testimonial .wrapper {
	display: block;
	max-width: 1012px;
	position: relative;
}
.testimonial .wrapper:before, .testimonial .wrapper:after {
	display: block;
	position: absolute;
	font-family: 'icomoon';
	font-size: 48px;
	color: #fff;
}
.testimonial .wrapper:before {
	left: 0;
	top: 0;
	content: "\e90d";
}
.testimonial .wrapper:after {
	right: 0;
	bottom: 0;
	content: "\e90c";
}
.testimonial ul {
	display: block;
}
.testimonial ul li {
	display: block;
}
.testimonial ul li p {
	display: block;
	padding-bottom: 32px;

	font-size: 23px;
	color: #fff;
	line-height: 38px;
}
.testimonial ul li p a {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #E8C966;
}
.testimonial ul li span {

	font-size: 18px;
	color: #fff;
}
.testimonial ul li span span {
	font-size: 14px;
	color: #E8C966;
}
.testimonial .bx-wrapper {
	padding-bottom: 20px;
}
.testimonial #bx-pager a {
	display: inline-block;
	position: relative;
	margin: 0 6px;
}
.testimonial #bx-pager a img {
	border: 5px solid transparent;
}
.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
	border: 5px solid #ff8500;
}
.testimonial #bx-pager a:hover:after,
.testimonial #bx-pager a.active:after {
	width: 0;
	height: 0;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -7px;
	content: " ";
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid #ff8500;
}

/* ================================================== */
/* 05. footer */
/* ================================================== */
.footer {
	display: block;
	background: #334B35;
}
.footer .row1 {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.footer .foot-nav {
	display: block;
	width: 25%;
	padding-right: 15px;
	float: left;
}
.footer .foot-nav ul li {
	display: block;
	line-height: 22px;
}
.footer h3 {
	display: block;
	padding-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.footer .foot-nav ul li a {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}
.footer .foot-nav ul li a:hover {
	color: #fff;
}
.footer .footer-logo {
	display: block;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px #F1CF69 solid;
	margin-left: auto;
	margin-right: auto;
	width: 58%;
}
.footer p {
	font-size: 16px;
	color: #fff;
}
.footer p span {
	color: #fff;
	font-weight: 700;
}
.footer ul.terms {
	display: block;
}
.footer ul.terms li {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
}
.footer ul.terms li:after {
	display: inline-block;
	padding: 0 4px;
	content: " I ";
	color: #F1CF69;
}
.footer ul.terms li:last-child:after {
	display: none;
}
.footer ul.terms li:first-child {
	padding-left: 0px;
}
.footer ul.terms li a {
	color: #fff;
}
.footer ul.terms li a:hover {
	color: #fff;
}
.footer .bottom {
	display: block;
	padding: 0px;
	background: #6D8C54;
}
.footer .connect-us {
	display: block;
	padding: 14px 0 18px 0;
	width: 95%;
	border-right: 1px #537d9e solid;
}
.footer ul.follow-us {
	display: block;
}
.footer ul.follow-us li {
	display: block;
	padding: 0 4px;
	float: left;
}
.footer ul.follow-us li:first-child {
	padding-left: 0px;
}
.footer ul.follow-us li a {
	width: 40px;
	height: 40px;
	display: block;
	border: 2px #F1CF69 solid;
	border-radius: 50%;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	color: #fff;
}

.footer ul.follow-us li a:hover {
	background: #1c7bc3;
	border-color: #1c7bc3;
}

.footer ul.follow-us1 {
	display: block;
	text-align: center;
}
.footer ul.follow-us1 li {
	display: inline-block;
	padding: 6px 0px;

}
.footer ul.follow-us1 li:first-child {
	padding-left: 0px;
}
.footer ul.follow-us1 li a {
	display: block;
	border-radius: 10px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #6D8C54;
	padding: 5px 10px;
}

.footer ul.follow-us1 li a:hover {
	background: #1c7bc3;
	border-color: #1c7bc3;
}

.footer .subscribe {
	display: block;
	padding: 14px 58px 18px 0;
	width: 100%;
	border-right: 1px #537d9e solid;
}
.footer .subscribe #mc_embed_signup{
	background:#fff;
	border-radius:5px;
}
.footer .subscribe input[type='email'] {
	width: 82%;
	height: 44px;
	padding: 0 15px;
	border: none;
	background: none;
	font-size: 12px;
	color: #7da6c6;
}
.footer .subscribe input[type='email']::-webkit-input-placeholder {
	text-transform:none;
	color:#7da6c6;
}
.footer .subscribe input[type='email']:-moz-placeholder { /* Firefox 18- */
	text-transform:none;
	color:#7da6c6;
}
.footer .subscribe input[type='email']::-moz-placeholder {  /* Firefox 19+ */
	text-transform:none;
	color:#7da6c6;
}
.footer .subscribe input[type='email']:-ms-input-placeholder {
	text-transform:none;
	color:#7da6c6;
}
.footer .subscribe .clear{
	float: right;
	text-align:center;
	position:relative;
	background: #334B35;
	border-radius:0 5px 5px 0;
	transition: all 0.3s ease 0s;
}
.footer .subscribe .clear:before {
	position:absolute;
	margin:0 auto;
	left:0px;
	right:0px;
	top:9px;
	font-family: 'icomoon';
	font-size:20px;
	content: "\e907";
	color:#fff;
	z-index:1;
}
.footer .subscribe .clear:hover {
	background: #ff8500;
}
.footer .subscribe .clear .button {
	width: 46px;
	height: 44px;
	float: right;
	border: none;
	font-size: 20px;
	color: #fff;
	background:none;
	text-indent:-9999px;
	position:relative;
	z-index:2;
	border-radius: 0 4px 4px 0;
	transition: all 0.3s ease 0s;
}
.footer .instagram {
	display: block;
	padding: 14px 58px 18px 0;
}
.footer .instagram ul {
	display: block;
}
.footer .instagram ul li {
	width: 16.6%;
	padding: 0 2.5px;
	float: left;
}
.footer .instagram ul li a:hover {
	opacity: 0.7;
}
a.scroll-top {
	width: 44px;
	height: 44px;
	line-height: 40px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	display: none;
	right: 20px;
	bottom: 20px;
	background-color: #334B35;
    z-index: 999;
}
a.scroll-top:hover {
	background: #F1CF69;
}

/* ================================================== */
/* 06. index2 */
/* ================================================== */
/*-----------------------
	banner2
-----------------------*/
.banner2{
    min-height: 650px;
    padding: 115px 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
}
.banner2:before{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.3);
}
.banner2 .container{
    max-width: 965px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.banner2 .cnt-block{
    max-width: 740px;
    margin: 0 auto;
}
.banner2 h1{
    padding-bottom: 30px;
    color: #fff;
    text-transform: none;
    line-height: 56px;
}
.banner2 p{
    font-size: 16px;
    line-height: 26px;
    opacity: 0.8;
}
.banner2 .form-group{
    width: 100%;
    margin: 40px 0 70px 0;
    display: inline-block;
    vertical-align: middle;
}
.banner2 .form-group .form-control{
    width: calc(100% - 74px);
    margin-right: -2px;
    height: 64px;
    padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #98a1a5;
    text-transform: capitalize;
    border: none;
    border-radius: 30px 0 0 30px;
    box-shadow: none;
}
.banner2 .form-group .search-btn{
    width: 70px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -2px;
    border-radius: 0 30px 30px 0;
}

.banner2 ul.banner-list{
    width: 100%;
    max-width: 790px;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li{
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.banner2 ul.banner-list li:after{
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    right: 30px;
    top: 0px;
    content: "";
    background: rgba(255, 255, 255, 0.5);
}
.banner2 ul.banner-list li:last-child:after{
    display: none;
}
.banner2 ul.banner-list li figure{
    width: 54px;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li .cnt{
    width: calc(100% - 58px);
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li .cnt span{
    display: block;
}

/*-----------------------
	Intro Sec
-----------------------*/
.intro-sec .video-block .play-outer{
    padding: 10px;
    background: #334B35;
    width: 100%;
}
.intro-sec .video-block .play-outer figure{
    width: 46px;
    display: inline-block;
    vertical-align: middle;
}
.intro-sec .video-block .play-outer span{
    width: 100%;
    padding-left: 12px;
    /*display: inline-block;*/
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #565656;
    /*margin-top:2px;*/
    /*line-height: 20px;*/
}
.intro-sec h2{
    padding-bottom: 35px;
    font-size: 36px;
    color: #353434;
    line-height: 45px;
    text-transform: capitalize;
}
.intro-sec h2 span{
    display: block;
}
.intro-sec p{
    color: #575d60;
}
.intro-sec .know-more-wrapper {
    display: block;
    margin-top: 40px;
    position: relative;
}
.intro-sec a.know-more {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #606d87;
    text-decoration: underline !important;
}
.intro-sec a.know-more span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    font-size: 18px;
    color: #f5731f;
}
.intro-sec a.know-more:hover span {
    color: #334B35;
}

/*---------------------------
	Popular Cources Sec
---------------------------*/
.popular-cources{
    background: #fafafa;
}
.popular-cources .title-row{
    display: block;
    margin-bottom: 45px;
}
.popular-cources a.view-courses {
    display: block;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #606d87;
    text-decoration: underline !important;
}
.popular-cources a.view-courses span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    font-size: 18px;
    color: #f5731f;
}
.popular-cources a.view-courses:hover span {
    color: #334B35;
}
.popular-cources h3{
    display: block;
    float: left;
    font-size: 30px;
    color: #353434;
    text-transform: capitalize;
}
.popular-cources ul.courses-list li .inner{
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}
.popular-cources ul.courses-list li figure img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.popular-cources ul.courses-list li .cnt-block{
    padding: 40px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    position: relative;
}
.popular-cources ul.courses-list li .duration{
    padding: 6px 20px;
    background: #334B35;
    color: #fff;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    top: -22px;
}
.popular-cources ul.courses-list li .duration .year{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.popular-cources ul.courses-list li .duration .txt{
    font-size: 12px;
    opacity: 0.7;
}
.popular-cources ul.courses-list li h4{
    padding-bottom: 12px;
    font-size: 18px;
    color: #282828;
    text-transform: capitalize;
    line-height: 22px;
}
.popular-cources ul.courses-list li p{
    font-size: 14px;
    color: #7f7f7f;
    line-height: 22px;
}

/*-----------------------------
	Whats Makes Different Sec
-----------------------------*/
.wt-makes-different{
    background: #1b305c;
    position: relative;
}
.wt-makes-different .bg-image{
    width: 45%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: left top;
    background-size: cover;
}
.wt-makes-different .bg-image:after{
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: rgba(27, 48, 92, 0.7);
    position: absolute;
    left: 0;
    top: 0;
}
.wt-makes-different .left{
    padding-top: 140px;
    padding-bottom: 180px;
    color: #fff;
}
.wt-makes-different .left .q-mark{
    width: 100px;
    height: 100px;
    margin-bottom: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    line-height: 90px;
    background: #F1CF69;
    border-radius: 50%;
    text-align: center;
}
.wt-makes-different .left h2{
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 72px;
    color: #fff;
    text-transform: capitalize;
}
.wt-makes-different .left a.read-more {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: underline !important;
}
.wt-makes-different .left a.read-more span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 12px 0 0;
    font-size: 18px;
}
.wt-makes-different .left a.read-more:hover span {
    color: #334B35;
}
.wt-makes-different .right{
    padding: 120px 0 0 60px;
}
ul.makes-different-list li{
    margin-bottom: 70px;
}
ul.makes-different-list li .inner{
    max-width: 246px;
}
ul.makes-different-list li h3{
    padding: 20px 0 15px 0;
    padding-bottom: 15px;
    font-size: 18px;
    text-transform: inherit;
    color: #fff;
}
ul.makes-different-list li p{
    font-size: 14px;
    line-height: 22px;
    color: #9ca8c3;
}

/*-----------------------------
	How Study 2
-----------------------------*/
.how-study2{
    background: #fff;
}
.how-study2 h2,
.why-choose2 h2,
.news-events2 h2,
.campus-tour2 h2{
    text-transform: inherit;
}
.how-study2 h2 span,
.why-choose2 h2 span,
.news-events2 h2 span,
.campus-tour h2 span{
    padding-bottom: 5px;
}
.how-study2 ul li .overly,
.how-study2 ul li figure{
    border-radius: 15px;
    overflow: hidden;
}

/*-----------------------------
	Why Choose 2
-----------------------------*/
.why-choose2 ul.our-strength li{
    border: none;
}

/*-----------------------------
	Testimonials 2
-----------------------------*/
.testimonial2{
    background: none;
}
.testimonial2:after{
    display: none;
}
.testimonial2 .wrapper:before,
.testimonial2 .wrapper:after{
    color: #cecece;
}
.testimonial2 h2{
    text-transform: inherit;
    color: #254b65;
}
.testimonial2 ul li p{
    color: #8397a5;
}
.testimonial2 ul li p a{
    color: #334B35;
}
.testimonial2 ul li span{
    color: #F1CF69;
}
.testimonial2 ul li span span{
    color: #8397a5;
}

/*-----------------------------
	Brands 2
-----------------------------*/
.logos2{
    padding-top: 0px;
}
.logos2 ul{
    padding: 60px 0 0;
    border-top: 1px #e9e9e9 solid;
}

/*-----------------------------
	Footer 2
-----------------------------*/
.footer2 {
    background: #333;
}
.footer2 .foot-nav ul li a,
.footer2 p,
.footer2 ul.terms li:after,
.footer2 ul.terms li a{
    color: #999;
}
.footer2 .footer-logo {
    border-color: #454545;
}
.footer2 .bottom {
    background: #1a1a1a;
}
.footer2 .connect-us,
.footer2 ul.follow-us li a,
.footer2 .subscribe{
    border-color: #262626;
}
.footer2 .subscribe input[type='email']{
    color:#999;
}
.footer2 .subscribe input[type='email']::-webkit-input-placeholder {
	color:#999;
}
.footer2 .subscribe input[type='email']:-moz-placeholder { /* Firefox 18- */
	color:#999;
}
.footer2 .subscribe input[type='email']::-moz-placeholder {  /* Firefox 19+ */
	color:#999;
}
.footer2 .subscribe input[type='email']:-ms-input-placeholder {
	color:#999;
}

/* ================================================== */
/* 07. about page */
/* ================================================== */
.about-right {
	display: block;
}
.about-right img {
	width: 100%;
}
.why-choose.grey-bg {
	background: #f3f6f8;
}
.why-choose.grey-bg:after {
	display: none;
}
.why-choose.grey-bg h2 {
	color: #2a4356;
}
.why-choose.grey-bg h2 span {
	color: #808182;
}
ul.our-strength.opt2 li {
	border-color: #dde5e9;
}
ul.our-strength.opt2 li span {
	color: #3f5044;
}
ul.our-strength.opt2 li .icon span {
	color: #334B35
}
ul.our-strength.opt2 li .title {
	color: #9099a0;
}
.about-video {
	width: 100%;
	background: url(/images/about-video-bg.jpg) no-repeat center top / cover;
	text-align: center;
	position: relative;
}
.about-video:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 1;
	content: "";
    background: #081d2d;
	opacity: 0.6;
}
.about-video .container {
	display: table;
	height: 550px;
	position: relative;
	z-index: 2;
}
.about-video p {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	font-size: 60px;
	color: #d1d3d4;
}
.about-video p a {
	color: #fff;
}
.about-video p a span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.about-video p a:hover {
	color: #334B35;
}
.browse-teacher.grey-bg {
	background: #f3f6f8;
}
.modal-content {
	border-radius: 0px;
}
.about .close, .about-video .close {
	position: absolute;
	opacity: 1;
	top: 0;
	right: 0;
	z-index: 2;
}
.about .close span,
.about-video .close span {
	width: 36px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	background: url(/images/popup-close-btn.jpg) no-repeat center top;
}
.modal {
	z-index: 99999;
}
.modal-backdrop {
	z-index: 9999;
}

/* ================================================== */
/* 08. cources listing page */
/* ================================================== */
.inner-banner {
	display: block;
	padding: 60px 0;
	min-height: 290px;
	background: url(/images/inner-banner-bg.jpg) no-repeat center top / cover;
}
.inner-banner .content {
	max-width: 100%;
}
.inner-banner h1 {
	display: block;
	padding-bottom: 18px;
	font-family: 'Roboto', sans-serif;
	font-size: 46px;
	color: #fff;
	text-transform: uppercase;
}

.inner-banner h4 {
	color: #f1cf69;
}
.inner-banner p {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #5f6465;
}
.inner-banner a.apply-online {
	max-width: 246px;
	display: block;
	margin-top: 16px;
	margin-bottom: 26px;
	background: #F1CF69;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #fff;
	position: relative;
}
.inner-banner a.apply-online:hover {
	background: #ff8800;
}
.inner-banner a.apply-online .left {
	width: 80%;
	float: left;
	padding: 20px 0 20px 24px;
}
.inner-banner a.apply-online .icon {
	display: block;
	padding-right: 15px;
	float: left;
}
.inner-banner a.apply-online .txt {
	width: 36%;
	float: left;
	line-height: 20px;
}
.inner-banner a.apply-online .arrow {
	width: 20%;
	height: 100%;
	line-height: 78px;
	position: absolute;
	right: 0px;
	background: #e38600;
	font-size: 24px;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.inner-banner a.apply-online:hover .arrow {
	background: #df7600;
}
a.download-prospects {
	display: block;
	padding: 0 10px 10px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #43647d;
	text-transform: uppercase;
}
a.download-prospects .icon-brochure-icon {
	display: block;
	margin-right: 15px;
	float: left;
	font-size: 29px;
	color: #389ceb;
}
a.download-prospects.brochure {
	background-position: left 4px;
	font-size: 18px;
	line-height: 18px;
	text-transform: none;
	color: #4f4a4a;
}
a.download-prospects .small {
	display: block;

	font-size: 12px;
	color: #8f9ba1;
	line-height: 14px;
	text-transform: uppercase;
}
a.download-prospects:hover,
a.download-prospects:hover span {
	color: #334B35;
}
.about.inner {
	background: none;
}
.about.inner .video-block {
	margin-bottom: 12px;
}
.about.inner .modal-body .video-block {
	margin-bottom: 0px;
}
.about.inner p {
	padding-bottom: 20px;
}
.about .btn-wrapper {
	display: block;
}
a.download-pros, a.download-cert {
	width: 50%;
	float: left;
	padding: 22px 20px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
}
a.download-pros {
	background: #334B35;
	border-right: 1px #fff solid;
}
a.download-cert {
	background: #F1CF69;
	border-left: 1px #fff solid;
}
a.download-pros .ico-block,
a.download-cert .ico-block {
	display: block;
	padding-right: 15px;
	float: left;
}
a.download-pros .txt-block,
a.download-cert .txt-block {
	display: block;
	padding-top: 4px;
	float: left;
	/*text-transform: uppercase;*/
}
a.download-pros .sm-txt, a.download-cert .sm-txt {
	display: block;
	font-size: 16px;
	/*text-transform: Capitalize;*/
	line-height: 30px;
	opacity: 0.7;
}
a.download-pros:hover,
a.download-cert:hover {
	background-color: #334B35;
}
.select-course {
	display: block;
	float: right;
	padding-right: 34px;
}
.select-course .select2.select2-container {
	width: 254px !important;
}
.select-course .select2-container .select2-selection--single {
	height: 48px;
}
.select-course .select2-container--default .select2-selection--single {
	background: rgba(0, 0, 0, 0.4);
}
.select-course .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 20px;
	line-height: 48px;

	color: #fff;
	text-transform: uppercase;
}
.select-course .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 46px;
	height: 46px;
	border-left: 1px #aaa solid;
	background: rgba(255, 255, 255, 0.2);
}
.our-cources.sub {
	background: url(/images/cources-bg1.jpg) no-repeat center top / cover;
}
.our-cources.sub h2 {
	padding-left: 32px;
	text-align: left;
}
.our-cources ul.inner li {
	margin-bottom: 140px;
}
.our-cources ul.inner li:before {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	bottom: -70px;
	display: block;
	background: #fff;
	content: " ";
	opacity: 0.3;
}
.our-cources ul.course-list.inner li .inner {
	padding: 40px 0 0 30px;
}
.our-cources ul.inner li:nth-child(n+9) {
	margin-bottom: 80px;
}
.our-cources ul.inner li:nth-child(n+9):before,
.our-cources ul.inner li:nth-child(4n):after {
	display: none;
}
.pagination {
	margin: 0px;
}
.pagination > li > a, .pagination > li > span {
	font-family: 'Roboto', sans-serif;
	color: #8faabe;
	margin: 0 4px;
	border: none;
	border-radius: 50%;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	background: #F1CF69;
	color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	padding: 7px 22px;
	border-radius: 25px;
	font-size: 12px;
	text-transform: uppercase;
}
.pagination li a i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	font-size: 18px;
}
.pagination > li:first-child a i {
	margin-right: 10px;
}
.pagination > li:last-child a i {
	margin-left: 10px;
}

/*-----------------------
	browse teacher
-----------------------*/
.browse-teacher {
	display: block;
}
.browse-teacher h2 {
	color: #2a4356;
}
ul.browse-teachers-list {
	display: block;
	padding-top: 20px;
}
ul.browse-teachers-list > li {
	display: block;
	text-align: center;
	border-right: 1px #e5e5e5 solid;
}
ul.browse-teachers-list > li:last-child {
	border: none;
}
ul.browse-teachers-list > li .inner-block {
	display: block;
	padding: 0 20px;
}
ul.browse-teachers-list figure {
	width: 124px;
	height: 124px;
	margin: 0 auto 28px;
	position: relative;
}
ul.browse-teachers-list figure:before {
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	background: url(/images/teacher-overlay-bg.png) no-repeat center top;
}
.browse-teacher.grey-bg ul.browse-teachers-list figure:before {
	background: url(/images/teacher-overlay-bg-grey.png) no-repeat center top;
}
.details-tab ul.browse-teachers-list figure:before {
	background: url(/images/teacher-overlay-bg-tab.png) no-repeat center top;
}
ul.browse-teachers-list h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #414a4f;
}
ul.browse-teachers-list .designation {
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
}
ul.browse-teachers-list p {
	display: block;
	padding: 0 20px 26px 20px;
	font-size: 12px;
	line-height: 22px;
}
ul.teachers-follow {
	display: block;
}
ul.teachers-follow li {
	display: inline-block;
	padding: 0 6px;
}
ul.teachers-follow li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
ul.teachers-follow li a:hover {
	background: #333 !important;
}
ul.teachers-follow li:nth-child(1) a {
	background: #00a0d1;
}
ul.teachers-follow li:nth-child(2) a {
	background: #0e76a8;
}
ul.teachers-follow li:nth-child(3) a {
	background: #00aff0;
}

/* ================================================== */
/* 09. course detail page */
/* ================================================== */
.enquire-wrapper {
	max-width: 438px;
}
.enquire-now {
	max-width: 405px;
	margin: -90px auto 0;
	position: relative;
	color: #fff;
}
.enquire-now .inner {
	padding: 40px 26px 30px 26px;
	background: #334B35;
}
.enquire-now .inner h3 {
	display: block;
	padding-bottom: 26px;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: none;
}
.enquire-now .inner .row1 {
	display: block;
	margin-bottom: 14px;
}
 .enquire-now .inner input::-webkit-input-placeholder {
 color:#fff;
}
 .enquire-now .inner input:-moz-placeholder {
 color:#fff;
}
 .enquire-now .inner input::-moz-placeholder {
 color:#fff;
}
 .enquire-now .inner input:-ms-input-placeholder {
 color:#fff;
}
.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input,
.enquire-now .inner .row1 select,
.enquire-now .inner .row2 select,
.enquire-now .inner .row1 textarea{
	width: 100%;
	height: 44px;
	padding: 0 15px;
	background: #f1cf69;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px #fff solid;
	
}

.enquire-now .inner .row1 textarea {
    height: auto;
}



.enquire-now .inner .row2 {
	display: block;
	margin: 0 -5px 14px -5px;
}
.enquire-now .inner .row2 input {
	width: calc(50% - 10px);
	margin: 0 5px;
	float: left;
}
.enquire-now .enquire-btn {
	width: 100%;
	padding: 13px 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	background: #F1CF69;
	border: none;
}
.enquire-now .enquire-btn span {
	margin-left: 4px;
	font-size: 14px;
	opacity: 0.5;
}
.enquire-now .enquire-btn:hover {
	background: #334B35;
}
.cert-head {
	display: block;
	margin-top: 15px;
	padding-bottom: 10px;
	position: relative;
}
.cert-head:after {
	width: 100%;
	height: 1px;
	position: absolute;
	top: 10px;
	left: 0px;
	background: #d8d8d8;
	content: "";
}
.cert-head h3 {
	display: inline-block;
	padding-right: 14px;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #211d1e;
	z-index: 1;
	position: relative;
}
ul.cert-list {
	display: block;
}
ul.cert-list li {
	width: calc(50% - 30px);
	float: left;
	padding: 14px 0 14px 28px;
	margin-right: 30px;
	font-weight: 700;
	border-bottom: 1px #c0c4c6 dashed;
	position: relative;
}
ul.cert-list li:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 13px;
	font-family: 'icomoon';
	font-size: 15px;
	color: #334B35;
	content: "\e91f";
}
ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
	border-bottom: none;
}
ul.cert-list li span {
	display: inline-block;
	margin-right: 6px;
	color: #334B35;
}
.course-detail {
	display: block;
	padding: 15px 15px;
	margin-top: 20px;
	border: 1px #dfe9f1 solid;
}
.course-detail .duration {
	width: 25%;
	min-height: 85px;
	padding-right: 40px;
	float: left;
	border-right: 1px #dfe9f1 solid;
}
.course-detail .duration.eligible {
	width: 34%;
	padding: 0 40px;
}
.course-detail .duration.eligible .icon {
	font-size: 34px;
}
.course-detail .duration.fee {
	width: 22%;
	padding: 0 40px;
}
.course-detail .duration.fee .detail {
	font-size: 36px;
	color: #334B35;
}
.course-detail .duration.fee .detail span {
	padding-bottom: 10px;
}
.course-detail .duration .icon {
	width: 67px;
	height: 67px;
	display: table;
	float: left;
	background: #edf1f4;
	border-radius: 50%;
	font-size: 38px;
	color: #79a2c2;
	text-align: center;
}
.course-detail .duration .icon span {
	display: table-cell;
	vertical-align: middle;
}
.course-detail .duration .detail {
	display: block;
	padding: 10px 0 0 16px;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #4f4a4a;
	line-height: 22px;
}
.course-detail .duration .detail span {
	display: block;

	font-size: 14px;
	color: #8f9ba1;
	text-transform: uppercase;
}
.course-detail .btn {
	margin: 18px 0 0 40px;
}

/*-----------------------
	course detail tab
-----------------------*/
.details-tab {
	display: block;
	background: #ebeff3;
}
#myTabs {
	padding: 0 30px;
	text-align: center;
}
.course-tab {
	margin-bottom: 50px;
	border-bottom: 2px #d8e0e7 solid;
}
.course-tab > li {
	width: 25%;
}
.course-tab > li > a {
	padding: 0 0 26px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #909aa1;
	text-transform: uppercase;
	border: none !important;
}
.course-tab > li > a span {
	display: block;
	padding-bottom: 18px;
	font-size: 50px;
	color: #a4b1bc;
}
.course-tab > li > a .block {
	display: inline;
}
.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
	background: none;
	border-bottom: 2px #334B35 solid !important;
	color: #334B35;
}
.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
	color: #334B35;
}
.details-tab #curriculam, .details-tab #schedule {
	background: #fff;
	box-shadow: 0 0 14px #d4d9de;
}
#curriculam .lecture-txt {
	display: block;
	padding-bottom: 2px;
	font-size: 12px;
	color: #a5b1a8;
	text-transform: uppercase;
}
#curriculam .lecture-txt span {
	color: #4f5c53;
}
#curriculam .lecture-txt a.preview {
	display: inline-block;
	padding: 0 12px;
	background: #334B35;
	font-size: 11px;
	color: #fff;
	border-radius: 2px;
}
#curriculam .lecture-txt a.preview:hover {
	background: #F1CF69;
}
.details-tab .course-table {
	border: 1px #d8e0e7 solid;
	margin: 0px;
}
.details-tab .course-table > thead > tr > th {
	padding: 11px 30px;
	background: #334B35;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	border-color: #c3e1f9;
}
.course-table > tbody > tr > td,
.course-table > tfoot > tr > td,
.course-table > thead > tr > td {
	padding: 15px 30px;
}
.course-table > thead > tr,
.course-table > thead > tr > td,
.course-table > thead > tr > th {
	border: 1px #c3e1f9 solid;
}
.course-table > tbody > tr > td,
.course-table > tbody > tr > th,
.course-table > tfoot > tr > td,
.course-table > tfoot > tr > th {
	border: 1px solid #eee;
	font-weight: 700;
	color: #333;
}
.table-col1 {
	display: block;
	padding-left: 20px;
	position: relative;
}
.table-col1:before {
	display: block;
	position: absolute;
	left: 0px;
	top: -4px;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #F1CF69;
	content: "\f105";
}
#schedule .course-table > thead > tr > th:first-child {
	width: 55%;
}
#schedule .fee-amt {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #334B35;
}
#schedule ul.fee-details {
	display: block;
	padding: 5px 0 0 22px;
}
#schedule ul.fee-details li {
	display: block;
	padding: 8px 0;
	border-bottom: 1px #c9cdce dashed;
	font-weight: normal;
	position: relative;
}
#schedule ul.fee-details li:last-child {
	border-bottom: none;
}
#schedule ul.fee-details li:before {
	display: block;
	position: absolute;
	left: -22px;
	top: 8px;
	font-family: 'icomoon';
	font-size: 14px;
	color: #334B35;
	content: "\e908";
}
#semester ul.content {
	display: block;
}
#semester ul.content > li {
	display: block;
	padding: 0 0 24px 24px;
	margin-bottom: 24px;
	border-bottom: 1px #c9cdce dashed;
	position: relative;
}
#semester ul.content > li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#semester ul.content > li:before {
	display: block;
	position: absolute;
	left: 0px;
	top: -2px;
	font-family: 'icomoon';
	font-size: 16px;
	color: #334B35;
	content: "\e908";
}
#semester ul.content > li:last-child {
	border-bottom: none;
}
#semester ul.content > li h4 {
	display: block;
	padding-bottom: 6px;
	font-size: 18px;
	font-weight: 700;
	color: #4c5357;
}
#semester ul.content > li p {
	display: block;
	line-height: 22px;
}
#semester ul.content > li > ul {
	max-width: 430px;
	padding: 10px 0 0 0;
}
#semester ul.content > li > ul > li {
	padding: 6px 0 6px 20px;
	font-size: 12px;
	line-height: 18px;
	position: relative;
}
#semester ul.content > li > ul > li:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 8px;
	font-family: 'icomoon';
	font-size: 12px;
	color: #79a2c2;
	content: "\e917";
}
#teachers ul.browse-teachers-list > li {
	border-color: #dbdedf;
}

/*-----------------------
	how to apply
-----------------------*/
.how-apply {
	display: block;

}
.how-apply h2 {
	color: #2a4356;
}
.how-apply ul {
	display: block;
	padding-top: 20px;
}
.how-apply ul li {
	display: block;
	text-align: center;
}
/* .how-apply ul li:nth-child(1):after {
	width: 214px;
	height: 77px;
	display: block;
	content: "";
	position: absolute;
	right: -120px;
	top: 86px;
	background: url(/images/dotted-arrow.png) no-repeat left top;
	z-index: -1;
} */
.how-apply ul li:nth-child(2):after {
	width: 221px;
	height: 84px;
	display: block;
	content: "";
	position: absolute;
	right: -122px;
	top: 32px;
	background: url(/images/dotted-arrow1.png) no-repeat left top;
	z-index: -1;
}
.how-apply ul li .icon-block {
	width: 175px;
	height: 175px;
	line-height: 175px;
	position: relative;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	background: #F1CF69;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.how-apply ul li .icon-block .num {
	width: 44px;
	height: 44px;
	position: absolute;
	right: -20px;
	top: 45px;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 44px;
	color: #fff;
	background: #334B35;
	border-radius: 50%;
}
.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
	background: #334B35;
}
.how-apply ul li:hover .num,
.how-apply ul li.active .num {
	background: #F1CF69;
}
.how-apply ul li h3 {
	display: block;
	padding: 10px 0 15px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #211d1e;
	text-transform: Capitalize; /*Rekha*/
    font-weight: bold;
}
.how-apply ul li p {
	display: block;
	padding: 0 15px 0;
}
.how-apply .button-wrapper {
	display: block;
	text-align: center;
	position: relative;
}
.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
	width: calc(50% - 110px);
	height: 1px;
	background: #d8d8d8;
	content: "";
	position: absolute;
	top: 50%
}
.how-apply .button-wrapper:before {
	left: 0;
}
.how-apply .button-wrapper:after {
	right: 0;
}
/* Focus indicator for "Constituent Colleges" links */
.how-study .play-outer:focus,
.how-study .play-outer:focus-visible {
    outline: 3px solid #000;     /* Strong visible outline */
    outline-offset: 4px;         /* Space so the outline is clearly visible */
    border-radius: 4px;          /* Smooth edges */
    background-color: #ffffff;   /* Makes text readable when focused */
    color: #000 !important;      /* Ensures text remains visible on white focus BG */
}
/* Focus indicator for the notifications page */
.blog-wrapper a:focus,
.blog-wrapper a:focus-visible,
.report-table a:focus,
.report-table a:focus-visible {
    outline: 3px solid #000;     /* Strong visible outline */
    outline-offset: 3px;         /* Creates separation from text/icon */
    border-radius: 4px;          /* Smooth and accessible */
    background-color: #fff;      /* Ensures contrast when focused */
    color: #000 !important;      /* Text remains readable */
}

/*-----------------------
	comments section
-----------------------*/
.comments-wrapper {
	display: block;
	background: #f3f6f8;
}
.comments-wrapper h2 {
	display: block;
	padding-bottom: 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #606d87;
	text-transform: uppercase;
	border-bottom: 1px #d5d7d9 solid;
	position: relative;
}
.comments-wrapper h2:after {
	display: block;
	width: 166px;
	height: 1px;
	background: #4181b9;
	position: absolute;
	bottom: -1px;
	content: "";
	background: #4181b9;
}
.comments-wrapper ul.comments {
	display: block;
	padding-top: 56px;
	padding-bottom: 40px;
}
.comments-wrapper ul.comments li {
	margin-bottom: 30px;
}
.comments-wrapper ul.comments li .com-img {
	width: 68px;
	height: 68px;
	float: left;
}
.comments-wrapper ul.comments li .com-txt {
	width: calc(100% - 92px);
	padding: 30px 60px 30px 30px;
	float: right;
	background: #fbfcfd;
	border: 1px #d1dadf solid;
	position: relative;
}
.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
	right: 100%;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.comments-wrapper ul.comments li .com-txt:after {
	border-color: rgba(243, 246, 248, 0);
	border-right-color: #fbfcfd;
	border-width: 8px;
	margin-top: -8px;
}
.comments-wrapper ul.comments li .com-txt:before {
	border-color: rgba(209, 218, 223, 0);
	border-right-color: #d1dadf;
	border-width: 9px;
	margin-top: -9px;
}
.comments-wrapper ul.comments li .com-txt h3 {
	display: block;
	padding-bottom: 13px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #4b5761;
	text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt h3 span {
	padding-left: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #96adba;
}
.comments-wrapper ul.comments li .com-txt p {
	padding-bottom: 10px;
	line-height: 20px;
}
.comments-wrapper ul.comments li .com-txt a {
	font-size: 12px;
	font-weight: 700;
	color: #4181b9;
	text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt a span {
	display: inline-block;
	vertical-align: middle;
	padding-right: 6px;
	font-size: 16px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
}
.comments-wrapper ul.comments li .com-txt a:hover {
	color: #F1CF69;
}
.comments-wrapper ul.comments li .com-txt a:hover span {
	opacity: 1;
}
.comments-wrapper hr {
	margin: 0px;
	border-color: #d5d7d9;
}
.leave-comment h4 {
	display: block;
	padding: 60px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #606d87;
	text-transform: uppercase;
}
.leave-comment .row1 {
	display: block;
	margin-bottom: 30px;
}
.leave-comment input {
	width: calc(50% - 25px);
	height: 46px;
	padding: 0 20px;
	float: left;
	background: none;
	border: none;
	border-left: 1px #cbd8de solid;
	border-bottom: 1px #cbd8de solid;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #7f8385;
}
.leave-comment input:last-child {
	float: right;
}
.leave-comment textarea {
	width: 100%;
	height: 130px;
	margin-bottom: 40px;
	padding: 10px 20px;
	float: left;
	background: none;
	border: none;
	border-left: 1px #cbd8de solid;
	border-bottom: 1px #cbd8de solid;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #7f8385;
	resize: none;
}

/* ================================================== */
/* 10. contact page */
/* ================================================== */
.inner-banner.contact {
	min-height: 240px;
	padding: 60px 0;
}
.form-wrapper {
	display: block;
}
.form-wrapper .input-row {
	display: block;
}
.form-wrapper .row .col-sm-6 {
	margin-bottom: 40px;
}
.form-wrapper input {
	width: 100%;
	padding: 0 22px;
	height: 46px;
	border: none;
	border-bottom: 1px #dae4e8 solid;
	border-left: 1px #dae4e8 solid;
	font-size: 12px;
	color: #858788;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-wrapper input:focus{
    border-color: #9da4a8;
}
.google-map {
	display: block;
	position: relative;
}
.google-map .container {
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 0px;
}
.google-map #map {
	height: 550px;
	z-index: 1;
}
.google-map #map iframe{
    width: 100%;
    height: 100%;
}
.contact-detail {
	max-width: 360px;
	margin: 96px 0;
	float: right;
	background: #334B35;
	color: #fff;
	box-shadow: 0 0 30px #bfcdbf;
	position: relative;
	z-index: 2;
}
.contact-detail .address {
	display: block;
	padding: 18px 40px 12px 70px;
}
.contact-detail .inner {
	display: block;
	padding: 18px 0;
	border-bottom: 1px #45b662 solid;
	position: relative;
}
.contact-detail .inner:before {
	width: 16px;
	height: 23px;
	display: block;
	position: absolute;
	left: -30px;
	font-family: 'icomoon' !important;
	font-size: 22px;
	content: "\e918";
	color: #a4dbb2;
}
.contact-detail .inner:nth-child(2):before {
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	left: -30px;
	font-size: 18px;
	content: "\e91a";
}
.contact-detail .inner:nth-child(3) {
	border-bottom: none;
}
.contact-detail .inner:nth-child(3):before {
	width: 21px;
	height: 15px;
	display: block;
	position: absolute;
	left: -30px;
	top: 20px;
	font-size: 16px;
	content: "\e919";
}
.contact-detail .inner h3 {
	padding-bottom: 6px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.contact-detail .inner p {
	color: #9be5ad;
	line-height: 20px;
}
.contact-detail .inner a {
	padding-bottom: 6px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.contact-bottom {
	display: block;
	padding: 27px 0 23px 0;
	background: #F1CF69;
	text-align: center;
}
.contact-bottom ul.follow-us {
	display: block;
}
.contact-bottom ul.follow-us li {
	display: inline-block;
	padding: 0 20px;
	font-size: 24px;
}
.contact-bottom ul.follow-us li a {
	color: #fff;
	opacity: 0.7;
}
.contact-bottom ul.follow-us li a:hover {
	color: #fff;
	opacity: 1;
}
.have-question h2 {
	color: #2d4256;
}
.have-question ul li {
	margin-bottom: 0px;
}
.have-question ul li:after {
	display: none;
}
.error {
	margin: 5px 0 0 0;
	font-size: 13px;
	color: #cb0101;
}
.msg {
	display: none;
}
.msg-error {
	display: block;
	padding: 6px 20px;
	margin: 30px 0 0 0;
	font-size: 13px;
	color: #fff;
	background: #c70202;
	border-radius: 4px;
}
.msg-error:after {
	display: inline-block;
	vertical-align: middle;
	font-family: 'FontAwesome';
	content: "\f071";
	float: right;
}
.msg-success {
	display: block;
	padding: 6px 20px;
	margin: 30px 0 0 0;
	font-size: 13px;
	color: #fff;
	background: #334B35;
	border-radius: 4px;
}
.msg-success:after {
	display: inline-block;
	vertical-align: middle;
	font-family: 'FontAwesome';
	content: "\f00c";
	float: right;
}

/* ================================================== */
/* 11. blog page */
/* ================================================== */
.inner-banner.blog {
	min-height: 300px;
	padding: 120px 0;
	margin-top: -60px;
}
.inner-banner.blog .content {
	margin: 0 auto;
	text-align: center;
}
.blog-wrapper {
	display: block;
}
.blog-left {
	display: block;
	position: relative;
}

.blog-left h2 {
	margin: 10px 0px !important;
}

.blog-left h4 {
	margin: 10px 0px 10px 0px !important;
}

.blog-left:after {
	width: 1px;
	height: 100%;
	display: block;
	background: #e5e5e5;
	position: absolute;
	top: 0px;
	right: -50px;
	content: "";
}
ul.blog-listing {
	display: block;
}
ul.blog-listing > li {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px #e9e9e9 solid;
}
ul.blog-listing > li h2 {
	padding: 30px 0 20px 0;

	font-size: 24px;
	color: #343a3c;
	line-height: 36px;
	text-transform: none;
}
ul.blog-listing > li p {
	padding-bottom: 26px;
	color: #8d8f8f;
}
ul.blog-listing > li .read-more {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #606d87;
	text-transform: uppercase;
}
ul.blog-listing > li .read-more span {
	vertical-align: middle;
	margin-right: 7px;
	font-size: 18px;
	color: #F1CF69;
	transition: all 0.3s ease 0s;
}
ul.blog-listing > li .read-more:hover span {
	color: #334B35;
}
ul.post-detail {
	display: block;
	padding-bottom: 17px;
}
ul.post-detail li {
	display: inline-block;
	padding-right: 20px;
	font-size: 12px;
	color: #96adba;
}
ul.post-detail li .ico {
	display: inline-block;
	vertical-align: middle;
	padding-right: 6px;
	font-size: 17px;
	color: #afc0c9;
}
ul.post-detail li .bold {
	font-weight: 700;
	color: #5c7e91;
	text-transform: uppercase;
}
ul.post-detail li .label {
	display: inline-block;
	padding: 5px 10px;
	background: #abbfc9 scroll;
	border-radius: 2px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
}
.blog-wrapper .pagination > li > a,
.blog-wrapper .pagination > li > span {
	background: #ecf4fa;
}
.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
	background: #F1CF69;
}
.blog-right {
	display: block;
	padding-left: 50px;
}
.search-block {
	display: block;
	margin-bottom: 40px;
	background: #e9e9e9;
}
.search-block input {
	width: calc(100% - 58px);
	height: 42px;
	float: left;
	padding: 0 20px;
	border: none;
	background: none;
}
.search-block .search {
	width: 40px;
	height: 42px;
	float: right;
	border: none;
	background: #F1CF69;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.search-block .search:hover {
	background: #334B35;
}
.blog-right h3 {
	padding-bottom: 16px;
	font-size: 17px;
	color: #334B35;
	text-transform: uppercase;
}
.category {
	display: block;
	padding-bottom: 70px;
}
.category h3 {
	border-bottom: 1px #eee solid;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 2px solid #334B35;
}
.category ul {
	display: block;
}
.category ul li {
	display: block;
	border-bottom: 1px #eee solid;
}
.category ul li:last-child {
	border-bottom: none;
}
.category ul li a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	color: #000;
}
.category ul li a span {
	display: inline-block;
	margin-top: 5px;
	background: #bed1db;
	float: right;
	padding: 1.5px 5px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	line-height: 14px;
	transition: all 0.3s ease 0s;
}
.category ul li a:hover span {
	background: #334B35;
}
.recent-post {
	display: block;
	padding-bottom: 60px;
}
.recent-post ul {
	display: block;
}
.recent-post ul li {
	display: block;
	padding: 15px 0;
	border-bottom: 1px #eee solid;
}
.recent-post ul li:last-child {
	border: none;
}
.recent-post ul li .img-block {
	width: 22%;
	float: left;
}
.recent-post ul li .detail {
	width: 78%;
	padding-left: 15px;
	float: left;
}
.recent-post ul li .detail h4 {
	padding-bottom: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #5f6f77;
	text-transform: uppercase;
}
.recent-post ul li .detail p {
	font-size: 12px;
	color: #b9c8d0;
}
.recent-post ul li .detail .ico {
	padding-right: 7px;
	font-size: 15px;
	color: #adbec8;
}
.recent-post ul li .detail p span {
	font-weight: 700;
	text-transform: uppercase;
	color: #98abb6;
}
.archives {
	display: block;
	padding-bottom: 60px;
}
.archives h3 {
	border-bottom: 1px #eee solid;
}
.archives ul {
	display: block;
}
.archives ul li {
	display: block;
	border-bottom: 1px #eee solid;
}
.archives ul li:last-child {
	border: none;
}
.archives ul li a {
	display: block;
	padding: 10px 0;
	font-size: 12px;
	font-weight: 700;
	color: #899eaa;
	text-transform: uppercase;
}
.archives ul li a:hover, .archives ul li:hover span {
	color: #F1CF69;
}
.archives ul li span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	padding-right: 10px;
	vertical-align: middle;
	font-size: 20px;
	color: #adbec8;
}
.blog-right .tags {
	display: block;
	padding-bottom: 70px;
}
.blog-right .tags h3 {
	border-bottom: 1px #eee solid;
}
ul.tags-list {
	display: block;
	padding-top: 24px;
}
ul.tags-list li {
	display: block;
	margin-right: 8px;
	float: left;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: bold;
}
ul.tags-list li a {
	padding: 4px 10px;
	color: #fff;
	background: #abbfc9;
	text-transform: uppercase;
	border-radius: 2px;
}
ul.tags-list li a:hover {
	background: #334B35;
}

/* ================================================== */
/* 12. blog Single page */
/* ================================================== */
.imp-quote {
	display: block;
	padding: 25px 20px 0 66px;
	margin-bottom: 30px;
	border-radius: 4px;
	background: #eef2f4;
	position: relative;
}
.imp-quote:before {
	position: absolute;
	left: 26px;
	top: 30px;
	font-family: 'icomoon';
	font-size: 20px;
	content: "\e90d";
	color: #4181b9;
}
.imp-quote > p {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: #79929f !important;
	line-height: 24px;
}
ul.blog-listing.detail > li {
	margin-bottom: 0px;
	padding-bottom: 50px;
}
.blog-left ul.follow-us {
	display: inline-block;
	padding-right: 15px;
	margin-top: -17px;
	background: #fff;
}
.blog-left ul.follow-us li {
	display: block;
	padding: 0 4px;
	float: left;
}
.blog-left ul.follow-us li:first-child {
	padding-left: 0px;
}
.blog-left ul.follow-us li a {
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 50%;
	background: #c6d9ea;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
.blog-left ul.follow-us li a:hover {
	background: #334B35;
	border-color: #1c7bc3;
}
.blog-left .comments-wrapper {
	background: none;
	padding: 50px 0 0 0;
	border-bottom: 1px #dfdfdf solid;
}
.blog-left .comments-wrapper ul.comments li .com-txt {
	background: none;
}
.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
	padding-left: 42px;
}
.blog-left .leave-comment h4 {
	padding: 50px 0;
}

/* ================================================== */
/* 13. 404 page */
/* ================================================== */
.not-found-wrapper {
	max-width: 480px;
	margin: 130px auto;
	padding: 240px 0 0 0;
	background: url(/images/404-img.png) no-repeat center top / 100%;
	text-align: center;
}
.not-found-wrapper h1 {
	font-size: 186px;
	color: #bcbfc1
}
.not-found-wrapper p {
	padding-bottom: 60px;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #bcbfc1;
	text-transform: uppercase;
}

/* ================================================== */
/* 14. FAQ opt1 page */
/* ================================================== */

.faq-wrapper {
	display: block;
	background: #f3f6f8;
}
.faq-wrapper .search-block {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 4px #eaedef;
}
.faq-wrapper .search-block input {
	height: 58px;
}
.faq-wrapper .search-block .search {
	width: 58px;
	height: 58px;
	border-radius: 0px 4px 4px 0px;
}
ul.faq-listing {
	display: block;
}
ul.faq-listing li {
	margin-bottom: 25px;
	position: relative;
}
ul.faq-listing li:after {
	width: 1px;
	height: calc(100% - 25px);
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #e2e4e6;
	content: "";
}
ul.faq-listing li:nth-child(even):after {
	display: none;
}
ul.faq-listing li:nth-child(even) .inner {
	padding-left: 88px;
}
ul.faq-listing li:nth-child(even) .inner:before {
	left: 20px;
}
ul.faq-listing li:nth-last-child(2) .inner,
ul.faq-listing li:last-child .inner {
	border-bottom: none;
}
ul.faq-listing li .inner {
	display: block;
	padding: 50px 40px 50px 68px;
	border-bottom: 1px #e2e4e6 solid;
	position: relative;
}
ul.faq-listing li .inner:before {
	position: absolute;
	left: 0px;
	top: 58px;
	font-family: 'icomoon';
	font-size: 46px;
	color: #c5d4da;
	content: "\e91c";
}
ul.faq-listing li h2 {
	padding-bottom: 20px;
	font-size: 18px;
	color: #284962;
	text-transform: uppercase;
	line-height: 26px;
}
.faq-wrapper hr {
	margin: 0px;
	border-color: #e2e4e6;
}
.faq-wrapper .text-center,
.testimonial-outer .text-center {
	margin-top: 80px;
}
.pagination.blue > li > a,
.faq-wrapper .pagination.blue > li > span {
	background: #e3edf5;
}
.pagination.blue > li > a:focus,
.pagination.blue > li > a:hover,
.pagination.blue > li > span:focus,
.pagination.blue > li > span:hover {
	background: #F1CF69;
}

/* ================================================== */
/* 15. FAQ opt2 page */
/* ================================================== */
.faq-wrapper.faq2{
	background:#fff;
}
.faq-wrapper.faq2 .search-block{
    padding-left: 50px;
	box-shadow:none;
}
.faq-wrapper.faq2 .search-block input{
	border:2px #F1CF69 solid;
	border-radius:4px 0 0 4px;
	border-right:none;
}
.panel-default{
	background:none;
	border:none;
	border-bottom:1px #ececec solid;
	border-radius:0px !important;
	box-shadow:none;
}
.panel-group .panel + .panel{
	margin:0px;
}
.panel-default > .panel-heading{
	padding:22px 0px;
	background:none;
	border:none;
	color:#738c9f;
}
.panel-default .panel-title{
	font-size:18px;
	text-transform:inherit;
}
.panel-default .panel-title a{
    display: block;
    padding-left: 30px;
    position: relative;
    color:#334B35;
}
.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed:before{
    position: absolute;
    left: 0px;
    top: -9px;
    font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:30px;
}

.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed2:before{
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:40px;
}
.panel-default .panel-title a:before{
	top:-14px;
	content:" - ";
	color:#284962;
}
.panel-default .panel-title a.collapsed{
	color:#334B35;
	font-size: 20px !important;
}
.panel-default .panel-title a.collapsed2{
	color:#334B35;
}
.panel-default .panel-title a.collapsed:before{
	content:" + ";
	color:#334B35;
}
.panel-default .panel-title a.collapsed2:before{
	content:" + ";
	color:#334B35;
}
.panel-default .panel-body{
	padding:0 0 15px 25px;
}
.panel-default .panel-body p{
	padding-bottom:15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
	border:none;
}

/* ================================================== */
/* 16. login page */
/* ================================================== */
.fill-bg {
    background: url(/images/login.jpg) no-repeat center center / cover;
    background-attachment: fixed;
}
.fill-bg:after {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
}
.login-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	display: table;
	z-index: 2;
}
.login-wrapper .inner {
	display: table-cell;
	vertical-align: middle;
}
.login-wrapper .login {
	max-width: 500px;
	margin: 30px auto;
}
.login-wrapper .login-logo {
	margin-bottom: 30px;
}
.login-wrapper .login-logo img {
	margin: 0 auto;
}
.login-wrapper .head-block {
	display: block;
	padding: 22px 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
}

.head-block p {
    padding-top: 0px !important;
}
.login-wrapper .head-block h1 {
	font-size: 34px;
	text-transform: uppercase;
	color: #353434;
}
.login-wrapper .cnt-block {
	display: block;
	padding: 40px;
	background: #334B35;
}
.form-outer input {
	width: 100%;
	height: 46px;
	margin-bottom: 30px;
	padding: 0 20px;
	background: none;
	background-color: aliceblue;
	border: none;
	border-left: 1px #dae4e8 solid;
	border-bottom: 1px #dae4e8 solid;
	font-size: 12px;
	font-weight: 700;
	color: #7f8385;
	z-index: 2;
	position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-outer input:focus {
    border-color: #9da4a8;
}
.login-wrapper .button-outer {
	display: block;
	position: relative;
}
.login-wrapper .or {
	width: 16%;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #b7c1c4;
	text-transform: uppercase;
}
.login-wrapper .btn:hover {
	background: #334B35;
}
.login-wrapper .register {
	display: block;
	float: right;
	background: #7f7f7f;
}
.login-wrapper .remember {
	display: block;
	margin: 36px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}
.login-wrapper .remember .check {
	display: inline-block;
	margin-right: 15px;
	line-height: 15px;
	color: #6e7e83;
}
.login-wrapper .remember .check input {
	height: auto;
	position: absolute;
}
.login-wrapper a.forgot {
	display: inline-block;
	margin-left: 15px;
	color: #6e7e83;
}
.login-wrapper a.forgot:hover {
	color: #334B35;
}
.login-wrapper a.forgot span {
	display: inline-block;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	background: #becfd5;
	border-radius: 50%;
	transition: all 0.3s ease 0s;
}
.login-wrapper a.forgot:hover span {
	background: #334B35;
}
.login-wrapper .login-footer {
	padding: 16px 20px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
}
.login-wrapper ul.follow-us {
	display: block;
}
.login-wrapper ul.follow-us li {
	display: inline-block;
	padding: 0 15px;
}
.login-wrapper ul.follow-us li a {
	font-size: 18px;
	color: #849da6;
}
.login-wrapper ul.follow-us li a:hover {
	color: #1e4f61;
}
/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 17px;
	height: 17px;
	background: #dae4e8;
	border-radius: 3px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
	font-family: 'icomoon';
	font-size: 11px;
	content: '\e91e';
	position: absolute;
	top: 3px;
	left: 3px;
	line-height: 0.8;
	color: #334B35;
	transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

/* ================================================== */
/* 17. testimonial page */
/* ================================================== */
.testimonial-outer {
	display: block;
}
ul.testimonials {
	text-align: center;
	border-bottom: 1px #dfe5e1 solid;
	position: relative;
}
ul.testimonials:after {
	width: 5px;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff;
}
ul.testimonials li {
	display: block;
	border-right: 1px #dfe5e1 solid;
	border-bottom: 1px #dfe5e1 solid;
	position: relative;
}
ul.testimonials li .quotblock {
	display: block;
	padding: 50px 20px;
}
ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
	border-bottom: none;
}
ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
	display: none !important;
}
ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
	width: 5px;
	height: 7px;
	display: block;
	content: "";
	background: url(/images/testi-clip.png) no-repeat left top;
	position: absolute;
	bottom: -4px;
}
ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
	padding-top: 0px;
}
ul.testimonials li:after {
	right: -1px;
}
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
	left: -1px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
ul.testimonials li img {
	margin: 0 auto 22px;
}
ul.testimonials li .icon-quote-left-icon {
	font-size: 20px;
	color: #ffac34;
}
ul.testimonials li h3 {
	padding: 14px 0 2px 0;
	font-size: 18px;
	color: #464f53;
	text-transform: none;
}
ul.testimonials li .desig {
	display: block;
	padding-bottom: 15px;
	font-size: 12px;
	font-weight: 700;
}
ul.testimonials li p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 36px;
}

/* ================================================== */
/* 18. gallery page */
/* ================================================== */
.campus-tour .pagination {
	margin: 80px 0;
}
ul.gallery-filter {
	display: block;
	padding: 0 30px;
	border-bottom: 2px #d8e0e7 solid;
	margin-bottom: 50px;
}
ul.gallery-filter li {
	width: 19%;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
}
ul.gallery-filter li a {
	display: inline-block;
	padding: 0 0 30px 0;
	color: #909aa1;
}
ul.gallery-filter li:after {
	width: 0px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -2px;
	right: 0px;
	content: "";
	background: #334B35;
	color: #4f4a4a;
	transition: all 0.5s ease 0s;
}
ul.gallery-filter li:hover:after, ul.gallery-filter li.active:after {
	width: 100%;
	left: 0px;
	color: #4f4a4a;
	outline-color: yellow;
}
ul.gallery-filter li:hover a, ul.gallery-filter li.active a {
	color: #4f4a4a;
	outline-color: yellow;
}
.mfp-counter {
	left: 0px;
	right: 0px;
	margin: 0 auto;
	text-align: center;
}

/* ================================================== */
/* 19. news & events page */
/* ================================================== */
.news-wrapper {
	background: #f1f4f6;
}
ul.news-listing > li {
	margin-bottom: 30px;
}
ul.news-listing > li .inner {
	display: block;
	padding-bottom: 15px;
	background: #fff;
	box-shadow: 0 0 8px #e4e7e9;
}
ul.news-listing > li img {
	width: 100%;
}
ul.news-listing > li .cnt-block {
	display: block;
	padding: 40px 30px;
}
ul.news-listing > li h2 {
	padding-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #4d5557;
	line-height: 30px;
	text-transform: none;
}
ul.news-listing > li p {
	padding-bottom: 26px;
	color: #8d8f8f;
}
ul.news-listing > li .read-more {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #606d87;
	text-transform: uppercase;
}
ul.news-listing > li .read-more span {
	vertical-align: middle;
	margin-right: 7px;
	font-size: 19px;
	color: #F1CF69;
	transition: all 0.3s ease 0s;
}
ul.news-listing > li .read-more:hover span {
	color: #334B35;
}
.news-wrapper ul.post-detail {
	padding-bottom: 10px;
}
.news-wrapper ul.post-detail li .ico {
	font-size: 17px;
}
.news-wrapper .text-center {
	margin-top: 50px;
}

/* ================================================== */
/* 20. privacy page */
/* ================================================== */
.privacy-wrapper {
	background: #f1f4f6;
}
.privacy-wrapper h2 {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #343a3c;
	line-height: 32px;
	text-transform: none;
}
.privacy-wrapper p {
	padding-bottom: 25px;
	color: #7d8081;
}
ul.privacy-listing {
	padding: 10px 0;
}
ul.privacy-listing > li {
	border-bottom: 2px dashed #a0b292;
	color: #334B35;
	padding: 0 0 10px 24px;
	position: relative;
    list-style-type: none;
}

ul.privacy-listing > li > a {
	color: #334B35;
}

ul.privacy-listing > li:last-child {
	border-bottom: none;
}
ul.privacy-listing > li:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 4px;
	font-family: 'icomoon';
	font-size: 12px;
	color: #334B35;
	content: "\e917";
}
ul.privacy-listing > li > ul {
	padding: 4px 0;
}
ul.privacy-listing > li > ul > li {
	font-size: 16px;
    font-weight: bold;
}
ul.privacy-listing > li > ul > li:before {
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	width: 5px;
	height: 5px;
	margin-right: 12px;
	border-radius: 50%;
	content: "";
	background: #98b4cb;
}
.privacy-wrapper hr {
	border-color: #daddde;
}
.privacy-wrapper h3 {
	display: block;
	padding-bottom: 25px;
	font-size: 24px;
	color: #343a3c;
	line-height: 32px;
	text-transform: none;
}
.privacy-wrapper .padding-top {
	padding-top: 30px;
}
.imp-note {
	display: block;
	margin: 10px 0 38px 0;
	box-shadow: 0 0 8px #e4e7e9;
	padding: 24px 40px 5px 22px;
	background: #fdfdfe;
}
.imp-note span {
	width: 72px;
	height: 72px;
	line-height: 52px;
	margin-right: 25px;
	display: block;
	float: left;
	border-radius: 50%;
	background: #fec472;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	border: 12px #fdf2e4 solid;
}
.imp-note p {
	padding-bottom: 25px;
	font-size: 18px;
	color: #000;
	line-height: 22px;
	overflow: hidden;
}
ol.ord-listing {
	padding-left: 68px;
	counter-reset: li;
	list-style: none;
 *list-style: decimal;
}
ol.ord-listing li {
	position: relative;
	min-height: 60px;
	margin-top: 15px;
	padding-bottom: 20px;
	color: #000;
	border-bottom: 1px #daddde solid;
}
ol.ord-listing li:before {
	content: counter(li);
	counter-increment: li;
	color: #fff;
	background: #334B35;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	position: absolute;
	top: 7px;
	left: -50px;
}
ol.ord-listing li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

/* ================================================== */
/* 21. register page */
/* ================================================== */
.form-outer input.country-code {
	float: left;
	width: 16%;
}
.form-outer input.phone-no {
	float: right;
	width: calc(84% - 18px);
}
.register .cnt-block textarea {
	width: 100%;
	height: 122px;
	margin-bottom: 30px;
	padding: 0 20px;
	background: none;
	border: none;
	border-left: 1px #dae4e8 solid;
	border-bottom: 1px #dae4e8 solid;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #7f8385;
	resize: none;
}
.datepicker {
	min-width: 260px;
	border: 1px #dae4e8 solid;
	box-shadow: none;
}
.form-outer .date {
	position: relative;
}
.form-outer .date .icon-calander-icon {
	position: absolute;
	right: 0px;
	top: 14px;
	font-size: 19px;
	color: #aab8be;
}
.register .cnt-block {
	padding: 70px 80px;
}
.register .regiter-inner {
	max-width: 1000px;
	padding: 0 15px;
	margin: 30px auto;
}
.form-outer h2 {
	padding-bottom: 14px;
	font-size: 13px;
	color: #353434;
}
.form-outer ul.select-opt {
	list-style: none;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0 0 40px 0;
}
ul.select-opt li {
	color: #aaa;
	display: block;
	position: relative;
	float: left;
	font-size: 12px;
}
.login-wrapper .cnt-block ul.select-opt li input {
	height: auto;
	margin: 0px;
}
ul.select-opt li input[type=radio] {
	position: absolute;
	visibility: hidden;
}
ul.select-opt li label {
	display: block;
	position: relative;
	padding: 0px 30px 0 26px;
	margin: 0px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}
ul.select-opt li .check {
	display: block;
	position: absolute;
	background: #dae4e8;
	border-radius: 2px;
	height: 17px;
	width: 17px;
	top: 4px;
	left: 0px;
	z-index: 5;
}
ul.select-opt li:hover .check {
	border: 3px solid #dae4e8;
}
ul.select-opt li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 2px;
	height: 11px;
	width: 11px;
	top: 0px;
	left: 0px;
	margin: auto;
}
.form-outer input[type=radio]:checked ~ .check {
	border: 3px solid #dae4e8;
}
.form-outer input[type=radio]:checked ~ .check::before {
	background: #ef5b34;
}
.form-outer input[type="radio"]:checked ~ label {
	color: #343a3c;
}

/* ================================================== */
/* 22. apply online page */
/* ================================================== */
.form-outer .select2.select2-container {
	width: 100% !important;
}
.form-outer .select2-container--default .select2-selection--single {
	width: 100%;
	height: 46px;
	margin-bottom: 1px;
	padding: 0 20px;
	background: none;
	border: none;
	border-left: 1px #dae4e8 solid;
	border-bottom: 1px #dae4e8 solid;
	font-size: 12px;
	font-weight: 700;
	color: #7f8385;
	border-radius: 0px;
}
.form-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0px;
	color: #7f8385;
	line-height: 43px;
}
.form-outer .col-left {
	float: left;
}
.form-outer .col-left:first-child {
	padding-right: 10%;
}

/* ================================================== */
/* 23. generic UI page */
/* ================================================== */
.generic-wrapper {
	display: block;
    padding: 0px 0px;
}
.generic-wrapper .head-block {
	display: block;
	padding-bottom: 10px;
}
.generic-wrapper .head-block h2 {
	padding-bottom: 10px;
}
.generic-wrapper .head-block p {
	color: #7d8081;
}
.generic-wrapper hr {
	margin: 0;
	border-color: #dde5e9;
}
.generic-wrapper .heading-group {
	display: block;
}
.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
	padding-bottom: 30px;
}
.heading-right {
	display: block;
	margin-top: 20px;
}
.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.heading-right p {
	padding-bottom: 20px;
}
ul.our-spec {
	display: block;
}
ul.our-spec li {
	width: 33.3%;
	padding-bottom: 50px;
	float: left;
	font-weight: 700;
	color: #284962;
	text-align: center;
	line-height: 20px;
}
ul.our-spec li .icon {
	display: block;
	padding-bottom: 15px;
}
ul.our-spec li .icon img {
	border-radius: 3px;
}
ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
	padding-bottom: 0px;
}
.button-group {
	margin-bottom: 70px;
}
.button-group a {
	display: inline-block;
	vertical-align: middle;
}
a.btn-circle {
	width: 60px;
	height: 60px;
	margin: 0 8px;
	display: inline-block;
	line-height: 64px;
	border-radius: 50%;
	text-align: center;
	background: #F1CF69;
	font-size: 22px;
	color: #fff;
}
a.btn-circle.more {
	background: #334B35;
}
a.btn-circle.plus {
	background: #334B35;
}
a.btn-circle.plus:hover {
	background: #F1CF69;
}
a.btn-circle:hover {
	background: #334B35;
}
.button-group a.btn {
	margin: 0 8px;
}
.generic-wrapper .imp-note {
	margin: 0px;
}
.button-group1 {
	margin: 0;
}
.button-group1 a.download-pros,
.button-group1 a.download-cert {
	width: calc(50% - 20px);
	margin: 0 10px;
}
.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
	padding-top: 0px;
	margin-bottom: 40px;
}
.generic-wrapper .enquire-now {
	margin: inherit;
}

/* ================================================== */
/* 24. Coming Soon */
/* ================================================== */
.coming-soon{
	display: block;
}
.coming-soon .left{
	height: 100vh;
	display:table;
	text-align: center;
	position: relative;
}
.coming-soon .inner{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
.coming-soon .left a.logo{
	width:200px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:80px;
}
.coming-soon .left .cnt-block{
    max-width: 490px;
}
.coming-soon .cnt-block{
	max-width: 520px;
	margin: 0 auto;
	position:relative;
	z-index:2;
}
.coming-soon .cnt-block h1{
	display: block;
	padding-bottom: 40px;
	font-size: 60px;
}
.stay-connected{
    width: 100%;
    position: absolute;
    bottom: 80px;
}
.stay-connected h2{
    padding-bottom: 25px;
    font-size: 18px;
    text-transform: inherit;
}
.coming-soon ul.follow-us {
	display: block;
}
.coming-soon ul.follow-us li {
	display: inline-block;
	padding: 0 3px;
}
.coming-soon ul.follow-us li a {
	width: 38px;
	height: 38px;
	display: block;
	background: rgba(28, 123, 195, 0.3);
	border-radius: 50%;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #fff;
}
.coming-soon ul.follow-us li a:hover {
	background: rgba(28, 123, 195, 1);
	border-color: #1c7bc3;
}
.coming-soon .right{
	height: 100vh;
	display:table;
	background: url(/images/coming-soon-bg.jpg) no-repeat center top / cover;
	text-align:center;
	position: relative;
	color:#fff;
}
.coming-soon .right:after{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
	background: rgba(0, 0, 0, 0.7);
}
.coming-soon .right .ready{
	display:block;
	padding-bottom:60px;
}
.coming-soon .right h2{
	padding-bottom:20px;

	font-size:20px;
	text-transform:inherit;
	color:#fff;
}
.coming-soon .right ul{
	display:block;
}
.coming-soon .right ul li{
	display:inline-block;
	position:relative;
	padding:0 20px;
	font-weight:300;
	color:#fff;
}
.coming-soon .right ul li:after {
	display:inline-block;
	vertical-align:middle;
	color: #fff;
	content: ":";
	font-size: 60px;
	position:absolute;
	right:-5px;
	top:18%;
}
.coming-soon .right ul li:last-child:after {
	display:none;
}
.coming-soon .right ul li span{
	display:block;
    font-size: 13px;
	text-transform:uppercase;
}
.coming-soon .right ul li .count{
	font-size:70px;
    font-weight: 300;
	line-height:70px;
}
.coming-soon .stay-tuned{
	max-width: 400px;
    margin: 0 auto;
}
.coming-soon .stay-tuned p{
	max-width:320px;
    padding-bottom: 25px;
	margin:0 auto;
	opacity:0.7;
}
.coming-soon .stay-tuned input[type="email"]{
	width: calc(100% - 115px);
	height:46px;
	padding:0 0 0 55px;
	border:none;
	border-radius: 25px 0 0 25px;
	color:#9cb0be;
    text-transform: none;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll {
    position: relative;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll:before {
	position:absolute;
	left:25px;
	top:50%;
    transform: translateY(-50%);
	font-family: 'icomoon';
	font-size:20px;
	content: "\e907";
	color:#c0cfda;
	z-index:1;
}
.coming-soon .stay-tuned input::-webkit-input-placeholder,
.banner2 .form-group .form-control::-webkit-input-placeholder{
	text-transform:none;
}
.coming-soon .stay-tuned input:-moz-placeholder,
.banner2 .form-group .form-control:-moz-placeholder{ /* Firefox 18- */
	text-transform:none;
}
.coming-soon .stay-tuned input::-moz-placeholder,
.banner2 .form-group .form-control::-moz-placeholder{  /* Firefox 19+ */
	text-transform:none;
}
.coming-soon .stay-tuned input:-ms-input-placeholder,
.banner2 .form-group .form-control:-ms-input-placeholder{
	text-transform:none;
}
.coming-soon .stay-tuned .clear {
    float: right;
}
.coming-soon .stay-tuned .clear .button {
    width: 115px;
    background: #F1CF69;
    padding: 10px 0;
    border:none;
    border-radius: 0 25px 25px 0;
    transition: all 0.3s ease 0s;
}
.coming-soon .stay-tuned .clear .button:hover{
    background: #334B35;
}

/* ================================================== */
/* 25. Responsive Style */
/* ================================================== */
@media (min-width: 1200px) and (max-width:1366px) {

	.logos {
		padding: 10px 0;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width:1199px) {

	.nav > li > a {
		padding: 0px 20px;
	}
	.navbar-form {
		width: 24%;
		padding: 0 20px;
	}
	.banner-outer .content h1 {
		font-size: 28px;
		line-height: 48px;
	}
	.banner-outer .content h1 span {
		font-size: 60px;
	}
	.news-events ul li .cnt-block h3 {
		font-size: 18px;
	}
	.campus-tour {
		padding: 60px 0 0 0;
		padding-bottom: 0px;
	}
	.campus-tour ul.gallery li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
/* WCAG FIX: Visible keyboard focus for gallery images */
.carousel-gallery .swiper-slide a:focus,
.carousel-gallery .swiper-slide a:focus-visible {
    outline: 3px solid #FFD200;        /* high-contrast yellow (meets 3:1 ratio) */
    outline-offset: 4px;               /* separates outline from image */
    border-radius: 6px;
    box-shadow: 0 0 6px #FFD200;       /* adds glow for extra visibility */
}

	
	.campus-tour ul.gallery li h3 {
		font-size: 20px;
	}
	.campus-tour ul.gallery li a {
		margin: 0 2px;
	}
	.campus-tour ul.gallery li .overlay {
	}
	.details-tab, .padding-lg {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	a.download-pros, a.download-cert {
		padding: 20px 16px;
	}
	a.download-pros .txt-block,
    a.download-cert .txt-block {
		text-transform: none;
	}
	a.download-pros .ico-block,
    a.download-cert .ico-block {
		padding-right: 10px;
	}
	.logos {
		padding: 40px 0;
	}
    .testimonial ul li p {
        padding-bottom: 25px;
        font-size: 20px;
        line-height: 36px;
    }
	.footer ul.follow-us li a {
		width: 36px;
		height: 36px;
		line-height: 34px;
	}
	.footer .connect-us {
		width: 100%;
	}
	.footer .subscribe {
		width: 100%;
		padding-right: 30px;
	}
	.footer .instagram {
		padding-right: 0px;
	}
	.about-video .container {
		height: 450px;
	}
	.about-video p {
		font-size: 55px;
	}
	.about {
		padding-bottom: 60px;
	}
	.about ul.our-links li {
		padding: 44px 0 60px 3%;
	}
	.course-detail {
		padding: 20px 30px;
		margin: 30px 0 0 0;
	}
	.course-detail .duration {
		width: 23%;
		padding-right: 20px;
	}
	.course-detail .duration.eligible {
		padding: 0 20px;
	}
	.course-detail .duration.fee {
		width: 21%;
		padding: 0 20px;
	}
	.course-detail .btn {
		margin: 10px 0 0 32px;
	}
	.how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
		top: 54px;
	}
	.how-apply ul li p {
		padding: 34px 0 25px;
	}
	.blog-right {
		padding-left: 60px;
	}
	ul.blog-listing > li {
		padding-bottom: 30px;
		margin-bottom: 40px;
	}
	.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
		padding-left: 53px;
	}
	.not-found-wrapper {
		width: 60%;
	}
	.not-found-wrapper h1 {
		font-size: 186px;
	}
	.login-wrapper .login {
		max-width: 460px;
	}
	.login-wrapper .login-logo {
		margin-bottom: 40px;
		text-align: center;
	}
	.login-wrapper .login-logo a {
		width: 250px;
		display: inline-block;
	}
	.login-wrapper .head-block {
		padding: 22px 0;
	}
	.login-wrapper .head-block h1 {
		font-size: 30px;
	}
	.login-wrapper .cnt-block {
		padding: 30px;
	}
	.login-wrapper .or {
		width: 20%;
	}
	.login-wrapper .btn {
		padding: 10px 20px;
	}
	ul.testimonials li p {
		font-size: 16px;
		line-height: 30px;
	}
	.coming-soon .cnt-block{
		max-width:400px;
	}
	.coming-soon .cnt-block h1{
		font-size:50px;
	}
	.coming-soon .right ul li{
		padding:0 15px;
	}
	.coming-soon .right ul li .count{
		font-size:60px
	}
    .banner2 ul.banner-list li:after {
        right: 35px;
    }
    .popular-cources ul.courses-list li .cnt-block{
        padding: 40px 25px;
    }
    .popular-cources ul.courses-list li h4 {
        font-size: 16px;
    }
    .wt-makes-different .left {
        padding-top: 100px;
        padding-bottom: 140px;
    }
    .wt-makes-different .left .q-mark {
        width: 80px;
        height: 80px;
        font-size: 50px;
        line-height: 76px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 40px;
        font-size: 52px;
        line-height: 64px;
    }
    .wt-makes-different .right {
        padding: 80px 0 0 60px;
    }
    .logos2 ul {
        padding-top: 40px;
    }
}

@media (max-width: 991px) {

    .faq-wrapper.faq2 .search-block input{
        width: calc(100% - 48px);
    }
    .panel-default .panel-title{
        font-size: 17px;
    }
    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body{
        padding-left: 40px;
    }
    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before{
        font-size: 40px;
        top: -10px;
    }
	.coming-soon .left,
	.coming-soon .right{
		width:100%;
	}
    .banner2 {
        min-height: inherit;
        padding: 60px 0;
    }
    .banner2 h1 {
        padding-bottom: 25px;
        font-size: 42px;
        line-height: 50px;
    }
    .banner2 .cnt-block {
        max-width: 630px;
    }
    .banner2 .form-group {
        width: 80%;
        margin: 30px 0 40px 0;
    }
    .banner2 .form-group .form-control {
        width: calc(100% - 60px);
        height: 50px;
        padding: 0 30px;
        font-size: 16px;
    }
    .banner2 .form-group .search-btn {
        width: 50px;
        height: 50px;
        padding: 0px;
    }
    .intro-sec .video-block .play-outer {
        width: 200px;
        height: 85px;
        padding: 10px;
    }
    .intro-sec h2 {
        padding-bottom: 20px;
        font-size: 32px;
        line-height: 40px;
    }
    .intro-sec .know-more-wrapper {
        margin-top: 20px;
    }
    .popular-cources .title-row {
        margin-bottom: 30px;
    }
    .popular-cources h3 {
        font-size: 28px;
    }
    .popular-cources a.view-courses {
        font-size: 14px;
    }
    .popular-cources a.view-courses span {
        margin: -2px 10px 0 0;
        font-size: 16px;
    }
    .popular-cources ul.courses-list li{
        margin-bottom: 30px;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 40px 50px;
    }
    .wt-makes-different .left {
        padding-top: 100px;
        padding-bottom: 140px;
    }
    .wt-makes-different .left .q-mark {
        width: 72px;
        height: 72px;
        font-size: 42px;
        line-height: 68px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 40px;
        font-size: 46px;
        line-height: 56px;
    }
    .wt-makes-different .right {
        padding: 60px 0 10px 45px;
    }
    ul.makes-different-list li {
        margin-bottom: 50px;
    }
    ul.makes-different-list li h3{
        font-size: 16px;
    }
    .why-choose h2 {
        padding-bottom: 40px;
    }
    .logos2 ul {
        padding-top: 30px;
    }
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {

	.header-top ul.follow-us li {
		padding-right: 12px;
	}
	.header-middle .contact ul {
		padding-right:28px;
	}
	.header-middle .contact ul li {
		padding: 0 20px;
		font-size: 16px;
	}
	.header-middle a.login {
		padding: 5px 14px;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 14px;
	}
	.navbar-inverse .container {
		padding: 0px;
	}
	.nav > li > a {
		padding: 18px 12px;
	}
	.navbar-form {
		width: 24%;
		padding: 0 15px;
	}
	.banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3,
	.banner-outer .slide4,
	.banner-outer .slide5,
	.banner-outer .slide6,
	.banner-outer .slide7,
	.banner-outer .slide8,
	.banner-outer .slide9 {
		height: 450px;
	}
	.banner-outer .content h1 {
		font-size: 22px;
		line-height: 40px;
	}
	.banner-outer .content h1 span {
		font-size: 50px;
	}
	.banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
		font-size: 46px;
	}
	.banner-outer .content p {
		font-size: 14px;
	}
	.about {
		padding-bottom: 60px;
	}
	.about .video-block a {
		width: 50px;
		margin-top: -25px;
	}
	.about ul.our-links li {
		padding: 34px;
		text-align: center;
	}
	.about ul.our-links li .icon {
		width: 26%;
		float: none;
		margin: 0 auto;
		padding-bottom: 15px;
	}
	.about ul.our-links li .detail {
		width: auto;
		padding-left: 0px;
	}
	.about .btn-wrapper {
		margin-bottom: 30px;
	}
	.our-impotance ul li .inner {
		padding: 30px 0;
	}
	.details-tab, .padding-lg {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
		font-size: 30px;
	}
	.our-cources ul.inner li:nth-child(9) {
		margin-bottom: 160px;
	}
	.our-cources ul.inner li:nth-child(3n):after,
    .our-cources ul.inner li:nth-child(n+10):before {
		display: none;
	}
	.our-cources ul.inner li:nth-child(9):before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0px;
		bottom: -70px;
		display: block;
		background: #fff;
		content: " ";
		opacity: 0.3;
	}
	ul.our-strength li span {
		font-size: 38px;
	}
	ul.our-strength li {
		width: 24%;
	}
	.news-events ul li .cnt-block {
		padding: 32px 20px 20px;
	}
	.news-events ul li .cnt-block h3 {
		padding-bottom: 26px;
		font-size: 18px;
		line-height: 24px;
	}
	.news-events ul li .bottom-block {
		padding: 20px 0 0;
	}
	.news-events ul li .icon {
		margin-right: 4px;
	}
	.news-events ul li .icon span {
		font-size: 14px !important;
	}
	.news-events ul li .cnt-block .plus-icon {
		width: 54px;
		height: 54px;
		line-height: 54px;
	}
	.news-events ul li .date span,
    .news-events ul li .comment span {
		font-size: 11px;
	}
	.how-study ul li .cnt-block {
		max-width: 152px;
	}
	.how-study ul li a.more {
		right: 10px;
	}
	.how-study ul li .cnt-block h3 {
		font-size: 18px;
		line-height: 20px;
	}
	.campus-tour {
		padding-bottom: 0px;
	}
	.campus-tour ul.gallery li h3 {
		font-size: 14px;
	}
	.campus-tour ul.gallery li a {
		width: 34px;
		height: 34px;
		margin: 0 2px;
		line-height: 34px;
		font-size: 14px;
	}
	.campus-tour ul.gallery li .overlay {
	}
	.campus-tour ul.gallery li:hover .overlay {
		top: 60%;
	}
	.campus-tour ul.gallery li p {
		padding-bottom: 10px;
	}
	.logos {
		padding: 30px 0;
	}
	.testimonial ul li p {
		font-size: 18px;
		line-height: 30px;
	}
	.testimonial ul li span {
		font-size: 16px;
	}
	.testimonial .wrapper:before,
    .testimonial .wrapper:after {
		font-size: 38px;
	}
	.footer .footer-logo {
		padding-bottom: 20px;
	}
	.footer p {
		line-height: 20px;
	}
	.footer .bottom {
		padding: 20px 0;
	}
	.footer .connect-us {
		width: 100%;
	}
	.footer .subscribe {
		width: 100%;
		padding-right: 30px;
	}
	.footer .subscribe input[type='email'] {
		width: 75%;
	}
	.footer .subscribe .clear:before{
		font-size:18px;
		top:3px;
	}
	.footer .subscribe .clear .button{
		width:40px;
		height:34px;
	}
	.footer ul.follow-us li {
		padding: 0 2px;
	}
	.footer ul.follow-us li a {
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 14px;
		border-width: 1px;
	}
	.footer .instagram {
		padding: 14px 15px 18px 0;
	}
	.footer .subscribe input[type='email'] {
		width: 78%;
		height: 34px;
	}
	ul.browse-teachers-list p {
		padding: 0 0 20px 0;
	}
	.about-video .container {
		height: 400px;
	}
	.about-video p {
		font-size: 50px;
	}
	.inner-banner a.apply-online {
		width: 100%;
	}
	.enquire-wrapper {
		max-width: none;
		margin-top: 30px;
	}
	.enquire-now {
		margin-top: 20px;
		max-width: none;
	}
	.course-detail {
		padding: 20px;
		margin: 30px 0 0 0;
	}
	.course-detail .duration {
		width: 33.3%;
		padding-right: 20px;
	}
	.course-detail .duration .icon {
		float: none;
		margin: 0 auto;
	}
	.course-detail .duration .detail {
		width: 100%;
		padding-left: 0px;
		text-align: center;
	}
	.course-detail .duration.eligible {
		width: 33.3%;
		padding: 0 20px;
	}
	.course-detail .duration.fee {
		width: 33.3%;
		border-right: none;
		padding: 0 20px;
	}
	.course-detail .btn {
		margin: 10px 0 0 32px;
	}
	.how-apply ul li .icon-block {
		width: 135px;
		height: 135px;
		line-height: 135px;
	}
	.how-apply ul li .icon-block img {
		width: 60px;
	}
	.how-apply ul li p {
		padding: 34px 0 25px;
	}
	.how-apply ul li .icon-block .num {
		width: 34px;
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		top: 20px;
		right: -8px;
	}
	.how-apply ul li:nth-child(1):after {
		top: 10px;
	}
	#myTabs {
		padding: 0px;
		    margin-left: 4px;
    margin-right: 12px;
	}
	.course-tab > li > a {
		padding: 18px 0px;
		font-size: 16px;
	}
	.course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
		padding: 18px 20px;
	}
	#schedule .fee-amt {
		font-size: 20px;
	}
	#semester ul.content > li h4 {
		font-size: 16px;
	}
	ul.blog-listing > li {
		padding-bottom: 30px;
		margin-bottom: 40px;
	}
	ul.blog-listing > li h2 {
		padding: 20px 0 10px;
		font-size: 20px;
	}
	.blog-left:after {
		right: -20px;
	}
	.blog-right {
		padding-left: 20px;
	}
	.search-block input {
		width: 78%;
	}
	ul.post-detail li {
		padding-right: 15px;
	}
	.category ul li a {
		font-size: 12px;
	}
	.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
		padding-left: 64px;
	}
	.not-found-wrapper {
		width: 60%;
		margin: 80px auto;
		padding-top: 198px;
	}
	.not-found-wrapper h1 {
		font-size: 166px;
	}
	.faq-wrapper .search-block input {
		height: 48px;
	}
	.faq-wrapper .search-block .search {
		width: 48px;
		height: 48px;
	}
	ul.faq-listing li .inner {
		padding: 20px 20px 20px 68px;
	}
	ul.faq-listing li .inner:before {
		top: 36px;
	}
	.faq-wrapper .text-center,
    .testimonial-outer .text-center {
		margin-top: 40px;
	}
	.login-wrapper .login {
		max-width: 460px;
	}
	.login-wrapper .login-logo {
		margin-bottom: 40px;
		text-align: center;
	}
	.login-wrapper .login-logo a {
		width: 250px;
		display: inline-block;
	}
	.login-wrapper .head-block {
		padding: 22px 0;
	}
	.login-wrapper .head-block h1 {
		font-size: 30px;
	}
	.login-wrapper .cnt-block {
		padding: 30px;
	}
	.login-wrapper .or {
		width: 20%;
	}
	.login-wrapper .btn {
		padding: 10px 20px;
	}
	ul.testimonials li p {
		font-size: 15px;
		line-height: 26px;
	}
	ul.testimonials li .quotblock {
		padding: 40px 10px;
	}
	ul.gallery-filter li {
		width: auto;
		font-size: 17px;
		padding: 0 16px;
	}
	ul.gallery-filter li a {
		padding-bottom: 20px;
	}
	.campus-tour .pagination {
		margin: 50px 0;
	}
	.news-wrapper .text-center {
		margin-top: 10px;
	}
	ul.news-listing > li h2 {
		font-size: 18px;
		line-height: 26px;
	}
	ul.news-listing > li p {
		line-height: 24px;
	}
	.news-wrapper ul.post-detail li {
		padding-right: 10px;
		padding-bottom: 2px;
	}
	ul.news-listing > li .cnt-block {
		padding: 20px;
	}
	.form-outer .cnt-block {
		padding: 50px 20px;
	}
	.form-outer ul.select-opt {
		padding-bottom: 30px;
	}
	.form-outer .col-left:first-child {
		padding-right: 0;
	}
	.col-left ul.select-opt li label {
		padding-right: 21px;
	}
	.generic-wrapper ul.our-spec {
		padding-bottom: 40px;
	}
	.generic-wrapper .button-group {
		text-align: center;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .navbar {
        min-height: 45px;
    }
	.navbar-inverse .navbar-toggle {
		border: none;
	}
	.navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
		background: none;
	}
	.navbar-form {
		background: none;
		border: none;
		box-shadow: none;
	}
	.navbar-form .search-btn {
		top: 4px;
	}
	.form-control {
		padding: 6px 30px;
	}
    .navbar-toggle {
        padding: 6px 0px;
    }
	.navbar-toggle .icon-bar {
		width: 26px;
		height: 3px;
	}
	.navbar-collapse {
		box-shadow: none;
		border: none;
		padding: 0 15px;
	}
	.navbar-form {
		width: auto;
		margin: 0 -15px;
	}
	.nav > li > a {
		padding: 12px 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #333;
	}
	.navbar-nav .open .dropdown-menu {
		background: #fff;
		border-radius: 0px;
	}
	.navbar .dropdown-menu {
		padding: 10px 0;
	}
	.navbar .dropdown-menu:after {
		display: none;
	}
	.header-top ul.top-nav li {
		padding: 0 7px;
	}
	.header-top .right-block {
		float: none;
	}
	.header-top .lang-wrapper {
		margin-right: -15px;
	}
	.header-middle a.login {
		padding: 5px 14px;
	}
	.banner-outer .content {
		float: none;
		padding: 50px 0px;
	}
	.banner-outer .content h1 span {
		font-size: 60px;
	}
	.banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
		font-size: 44px;
	}
	.banner-outer .content p {
		font-size: 14px;
		line-height: 24px;
	}
	.banner-outer .bx-wrapper .bx-pager {
		bottom: 10px;
	}
	.banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3,
	.banner-outer .slide4,
	.banner-outer .slide5,
	.banner-outer .slide6,
	.banner-outer .slide7,
	.banner-outer .slide8,
	.banner-outer .slide9,
	.banner-outer .slide10{
		height: 350px;
	}
	.about {
		padding: 226px 0 40px;
	}
	.about .video-block a {
		width: 50px;
		margin-top: -25px;
	}
	.modal-open .modal {
		padding-right: 0px !important;
	}
	.about ul.our-links {
		margin: -226px -15px 30px -15px;
	}
	.about ul.our-links li {
		padding: 20px 20px 30px 20px;
	}
	.about ul.our-links li .icon {
		width: 20%;
	}
	.about ul.our-links li .detail {
		width: 80%;
	}
	.about ul.our-links li .detail a.more {
		width: 30px;
		height: 30px;
		line-height: 24px;
		font-size: 16px;
		position: relative;
	}
	.about .left-block {
		padding-bottom: 30px;
	}
	.details-tab, .padding-lg {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
		padding-bottom: 30px;
		font-size: 26px;
	}
	.our-impotance ul li .inner {
		padding: 10px 10px 30px 10px;
		border-bottom: 1px #e9e9e9 solid;
	}
	.our-impotance ul li:last-child {
		margin-bottom: 0px !important;
	}
	.our-impotance ul li:last-child .inner {
		border-bottom: none;
	}
	.our-impotance ul li {
		border-right: none;
		margin-bottom: 30px !important;
	}
	.our-impotance ul li:after {
		display: none;
	}
	.our-impotance ul li h3 span {
		display: inline;
	}
	.how-study ul li {
		margin-bottom: 20px;
	}
	.how-study ul li .cnt-block {
		left: 20px;
	}
	ul.our-strength li {
		width: 24%;
		border: none;
	}
	ul.our-strength li span {
		font-size: 26px;
	}
	ul.our-strength li .title {
		line-height: 20px;
	}
	.news-events ul {
		margin-bottom: 30px;
	}
	.news-events ul li {
		margin-bottom: 30px;
	}
	.news-events ul li .cnt-block {
		padding: 40px 20px 20px;
	}
	.news-events ul li .cnt-block h3 {
		font-size: 18px;
		line-height: 28px;
	}
	.news-events ul li .cnt-block .plus-icon {
		width: 54px;
		height: 54px;
		line-height: 54px;
		font-size: 30px;
		top: -27px;
	}
	.news-events ul li .bottom-block {
		padding-top: 20px;
	}
	.campus-tour {
		padding-bottom: 0px;
	}
	.campus-tour ul.gallery li {
		width: 50%;
	}
	.campus-tour ul.gallery li h3 {
		font-size: 18px;
	}
	.campus-tour ul.gallery li a {
		width: 44px;
		height: 44px;
		margin: 0 4px;
		line-height: 44px;
		font-size: 18px;
	}
	.campus-tour ul.gallery li:hover .overlay {
		top: 60%;
	}
	.campus-tour ul.gallery li p {
		padding-bottom: 10px;
	}
	.logos {
		padding: 30px 0;
	}
	.testimonial ul li p {
		font-size: 18px;
		line-height: 28px;
	}
	.testimonial ul li span {
		font-size: 16px;
	}
	.testimonial .wrapper:before,
    .testimonial .wrapper:after {
		font-size: 38px;
	}
	.footer .row1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footer .row1 .col-sm-9 {
		padding-bottom: 15px;
	}
	.footer .foot-nav {
		width: 100%;
		border-bottom: 1px #2e5f85 solid;
		padding: 10px 0 12px 0;
	}
	.footer .foot-nav h3 {
		padding-bottom: 0px;
		cursor: pointer;
	}
	.footer .foot-nav h3:after {
		display: inline-block;
		vertical-align: middle;
		margin-top: -4px;
		float: right;
		content: " + ";
	}
	.footer .foot-nav h3.open:after {
		content: " - ";
	}
	.footer .foot-nav ul {
		padding: 15px 0 10px 0;
	}
	.footer .bottom {
		padding: 20px 0px;
	}
	.footer .connect-us,
    .footer .subscribe,
    .footer .instagram {
		width: 100%;
		border-right: none;
		padding-right: 0px;
	}
	.footer .instagram ul li a img {
		width: 100%;
	}
	ul.browse-teachers-list > li {
		padding-top: 30px;
		padding-bottom: 30px;
		border-bottom: 1px #e5e5e5 solid;
	}
	ul.browse-teachers-list > li:nth-child(2n) {
		border-right: none;
	}
	ul.browse-teachers-list > li:nth-last-child(2) {
		border-bottom: none;
	}
	.about-video .container {
		height: 300px;
	}
	.about-video p {
		font-size: 36px;
	}
	.inner-banner {
		padding: 30px 0 20px;
	}
	.inner-banner h1 {
		font-size: 30px;
		padding-bottom: 10px;
	}
	.inner-banner p {
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.inner-banner a.apply-online .left {
		padding: 12px 0 12px 24px;
	}
	.inner-banner a.apply-online .arrow {
		line-height: 64px;
	}
	.about .btn-wrapper {
		margin-bottom: 20px;
	}
	.select-course {
		float: left;
		margin-bottom: 30px;
	}
	.our-cources.sub h2 {
		padding-left: 0px;
	}
	.our-cources ul.inner li {
		margin-bottom: 70px;
	}
	.our-cources ul.inner li:before {
		bottom: -35px;
		display: none;
	}
	.our-cources ul.inner li:nth-child(2n):after {
		display: none;
	}
	ul.cert-list li {
		width: 100%;
		float: none;
	}
	ul.cert-list li:nth-last-child(2) {
		border-bottom: 1px dashed #c0c4c6;
	}
	.enquire-now {
		max-width: none;
		margin-top: 0;
	}
	.enquire-wrapper {
		max-width: none;
	}
	.course-detail {
		padding: 0 20px;
		margin: 20px 0 0 0;
	}
	.course-detail .duration {
		width: auto;
		padding: 20px 0;
		border: none;
		float: none;
		border-bottom: 1px solid #dfe9f1;
	}
	.course-detail .duration.eligible {
		width: auto;
		padding: 20px 0px;
	}
	.course-detail .duration.fee {
		width: auto;
		float: none;
		padding: 20px 0px;
		border: none;
	}
	.course-detail .duration.fee .detail {
		padding: 0px;
	}
	.course-detail .btn {
		position: absolute;
		right: 36px;
		bottom: 22px;
		float: none;
		margin: 10px 0 0 0;
	}
	.how-apply ul, .how-apply ul li {
		padding-bottom: 30px;
	}
	.how-apply ul li .icon-block {
		width: 135px;
		height: 135px;
		line-height: 135px;
	}
	.how-apply ul li .icon-block img {
		width: 60px;
	}
	.how-apply ul li .icon-block .num {
		width: 34px;
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		top: 20px;
		right: -8px;
	}
	.how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
		display: none;
	}
	.comments-wrapper ul.comments {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.comments-wrapper ul.comments li .com-txt {
		padding: 20px;
	}
	.leave-comment {
		padding-bottom: 30px;
		border-bottom: 1px solid #e9e9e9;
	}
	.leave-comment h4 {
		padding: 30px 0;
	}
	.leave-comment textarea {
		height: 100px;
	}
	#myTabs {
		padding: 0px;
	}
	.course-tab {
		margin-bottom: 30px;
	}
	.course-tab > li > a {
		font-size: 14px;
		padding-bottom: 16px;
	}
	.course-tab > li > a span {
		font-size: 44px;
		padding-bottom: 14px;
	}
	.course-tab > li > a .block {
		display: block;
	}
	.course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
		padding: 18px 20px;
	}
	#schedule .fee-amt {
		font-size: 18px;
	}
	#semester ul.content {
		border-bottom: 1px dashed #c9cdce;
		padding-bottom: 24px;
		margin-bottom: 24px;
	}
	#semester .col-sm-6:last-child ul.content {
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	#semester ul.content > li h4 {
		font-size: 16px;
	}
	.inner-banner.contact, .inner-banner.blog {
		padding: 30px 0 60px 0;
	}
	.inner-banner.contact p, .inner-banner.blog p {
		padding-bottom: 0px;
	}
	.form-wrapper .row .col-sm-6 {
		margin-bottom: 20px;
	}
	.contact-detail .address {
		padding: 18px 40px 12px 60px;
	}
	.contact-bottom {
		padding: 18px 0 14px 0;
	}
	.blog-left {
		padding-bottom: 30px;
	}
	.blog-left:after {
		display: none;
	}
	.blog-right {
		padding-left: 0px;
	}
	ul.blog-listing > li {
		padding-bottom: 30px;
		margin-bottom: 40px;
	}
	ul.blog-listing > li h2 {
		padding: 20px 0 15px;
		font-size: 18px;
		line-height: 26px;
	}
	ul.post-detail li {
		padding-bottom: 4px;
		padding-right: 18px;
	}
	.inner-banner.blog {
		min-height: 160px;
	}
	.recent-post, .archives {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px #e9e9e9 solid;
	}
	.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
		padding-left: 64px;
	}
	.category {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px #e9e9e9 solid;
	}
	.not-found-wrapper {
		width: 80%;
		margin: 50px auto;
		padding-top: 178px;
	}
	.not-found-wrapper h1 {
		font-size: 116px;
	}
	.not-found-wrapper p {
		font-size: 26px;
		padding-bottom: 40px;
	}
	.faq-wrapper .search-block input {
		height: 48px;
	}
	.faq-wrapper .search-block .search {
		width: 48px;
		height: 48px;
	}
	ul.faq-listing li .inner {
		padding: 10px 20px 30px 48px;
	}
	ul.faq-listing li .inner:before {
		top: 26px;
		font-size: 36px;
	}
	ul.faq-listing li:nth-last-child(2) .inner {
		border-bottom: 1px #e2e4e6 solid;
	}
	ul.faq-listing li:nth-child(2n) .inner {
		padding-left: 48px;
	}
	ul.faq-listing li .inner:before {
		left: 0px !important;
		top: 22px;
	}
	.faq-wrapper .text-center,
    .testimonial-outer .text-center {
		margin-top: 40px;
	}
    .panel-default .panel-title{
        font-size: 15px;
        line-height: 20px;
    }
    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before{
        font-size: 30px;
        top: 0px;
    }
    .panel-default > .panel-heading{
        padding: 15px 0;
    }

	.panel-default > .panel-heading2{
        padding: 15px 0;
    }
    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body{
        padding-left: 30px;
    }
	.login-wrapper .login {
		max-width: 360px;
	}
	.login-wrapper .login-logo {
		margin-bottom: 30px;
		text-align: center;
	}
	.login-wrapper .login-logo a {
		width: 220px;
		display: inline-block;
	}
	.login-wrapper .head-block {
		padding: 18px 15px;
	}
	.login-wrapper .head-block h1 {
		font-size: 26px;
	}
	.login-wrapper .cnt-block {
		padding: 30px;
	}
	.login-wrapper .btn {
		padding: 8px 14px;
	}
	.login-wrapper .login-footer {
		padding: 12px 15px;
	}
	.login-wrapper ul.follow-us li {
		padding: 0 12px;
	}
	ul.testimonials:after {
		display: none;
	}
	ul.testimonials li h3 {
		padding-top: 8px;
	}
	ul.testimonials li p {
		font-size: 15px;
		line-height: 28px;
	}
	ul.testimonials li .quotblock {
		padding: 30px 10px 15px 10px;
	}
	ul.testimonials li:nth-child(3) .quotblock {
		padding-top: 30px;
	}
	ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
		border-bottom: 1px solid #dfe5e1 !important;
	}
	ul.testimonials li:nth-child(odd):before,
    ul.testimonials li:nth-child(even):after {
		display: none;
	}
	ul.testimonials li:nth-child(even) {
		border-right: none;
	}
	ul.testimonials li:nth-last-child(2):before,
	ul.testimonials li:nth-last-child(3):before,
	ul.testimonials li:nth-last-child(2):after,
	ul.testimonials li:nth-last-child(3):after{
		display: block !important;
	}
	ul.gallery-filter {
		padding: 0px;
	}
	ul.gallery-filter li {
		width: auto;
		float: none;
		display: inline-block;
		padding: 0 16px;
		font-size: 16px;
	}
	ul.gallery-filter li a {
		padding-bottom: 20px;
	}
	.campus-tour .pagination {
		margin: 40px 0;
	}
	.news-wrapper .text-center {
		margin-top: 10px;
	}
	ul.news-listing > li h2 {
		font-size: 18px;
		line-height: 26px;
	}
	ul.news-listing > li p {
		line-height: 24px;
	}
	.news-wrapper ul.post-detail li {
		padding-right: 10px;
		padding-bottom: 2px;
	}
	ul.news-listing > li .cnt-block {
		padding: 20px;
	}
	.privacy-wrapper h2 {
		font-size: 24px;
	}
	.privacy-wrapper h3 {
		font-size: 20px;
	}
	ul.privacy-listing {
		padding: 0px;
	}
	ul.privacy-listing > li {
		padding-bottom: 10px;
	}
	ul.privacy-listing > li:last-child {
		border-bottom: 1px dashed #c9cdce;
	}
	ul.privacy-listing > li.last {
		border-bottom: none;
	}
	.privacy-wrapper .padding-top {
		padding-top: 10px;
	}
	.imp-note {
		padding: 20px;
	}
	.imp-note span {
		float: none;
		margin: 0px auto 20px;
	}
	.imp-note p {
		text-align: center;
	}
	.form-outer ul.select-opt {
		padding-bottom: 20px;
	}
	.form-outer .cnt-block textarea {
		height: 100px;
	}
	.form-outer .col-left {
		float: none;
	}
	.form-outer .select2.select2-container {
		margin-bottom: 30px;
	}
	.modal-body {
		padding: 10px;
	}
	.generic-wrapper ul.our-spec {
		padding-bottom: 40px;
	}
	.generic-wrapper .button-group {
		margin-bottom: 40px;
		text-align: center;
	}
	.generic-wrapper .pagination {
		padding-bottom: 30px;
	}
	.generic-wrapper ul.privacy-listing > li:last-child {
		border-bottom: none;
	}
	.coming-soon .left,
	.coming-soon .right{
		display:block;
		height:auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	.coming-soon .inner{
		display:inline-block;
		position:inherit;
	}
	.coming-soon .left a.logo{
		display:block;
		position:inherit;
		top:auto;
	}
	.coming-soon .cnt-block{
		padding:60px 0 40px 0;
	}
	.stay-connected{
		position:inherit;
		bottom:auto;
	}
    .banner2 {
        padding: 40px 0 60px 0;
    }
    .banner2 .form-group{
        margin-bottom: 0px;
    }
    .banner2 ul.banner-list{
        display: none;
    }
    .intro-sec .left-block{
        padding-bottom: 30px;
    }
    .intro-sec .video-block img{
        width: 100%;
    }
    .popular-cources ul.courses-list li:last-child{
        margin-bottom: 0px;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 40px 30px;
    }
    .wt-makes-different .bg-image {
        width: 100%;
    }
    .wt-makes-different .left {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .wt-makes-different .left .q-mark {
        width: 70px;
        height: 70px;
        font-size: 40px;
        line-height: 66px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 30px;
        font-size: 42px;
        line-height: 52px;
    }
    .wt-makes-different .right {
        padding: 40px 0 10px 0px;
    }
    .footer2 .foot-nav {
        border-color: #454545;
    }
}
.swiper-button-next::after,
.swiper-button-prev::after {
    color: yellow !important;
}


/* Landscape phones and down */
@media (max-width: 640px) {

	.banner-outer .content h1 span {
		font-size: 50px;
	}
	.why-choose ul li {
		width: 48%;
		padding-bottom: 30px;
	}
	.why-choose ul li:nth-child(n+3) {
		padding-bottom: 0px;
	}
	ul.our-strength.opt2 li {
		border-right: none;
	}
	ul.testimonials li {
		width: 100%;
	}
	ul.testimonials li:before,
    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:after,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
		display: none !important;
	}
	ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
		border-bottom: 1px solid #dfe5e1;
	}
	ul.testimonials li:first-child .quotblock {
		padding-top: 0px;
	}
	ul.testimonials li:nth-child(2) .quotblock {
		padding-top: 30px;
	}
	ul.gallery-filter li {
		margin-bottom: 10px;
		font-size: 15px;
		padding: 0 6px;
	}
	ul.gallery-filter li a {
		padding-bottom: 8px;
	}
	ul.news-listing > li {
		width: 100%;
	}
	ul.select-opt li {
		width: 100%;
		margin-bottom: 8px;
		float: none;
	}
	.generic-wrapper ul.our-spec li {
		width: 50%;
		min-height: 142px;
	}
	.generic-wrapper a.btn-circle {
		margin-bottom: 20px;
	}
	.button-group1 a.download-pros,
    .button-group1 a.download-cert {
		width: 100%;
		margin: 0 0 2px 0;
	}
	.coming-soon .right .cnt-block{
		padding:0px;
	}
	.coming-soon .right ul li:after{
		font-size:50px;
	}
	.coming-soon .right ul li .count{
		font-size:60px;
		line-height:60px;
	}
	.coming-soon .cnt-block h1{
		font-size:50px;
		padding-bottom:30px;
	}
    .banner2 h1 {
        padding-bottom: 20px;
        font-size: 36px;
        line-height: 48px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

	.banner-outer .content h1 {
		font-size: 26px;
		line-height: 38px;
	}
	.banner-outer .content h1 span {
		font-size: 50px;
	}
	.our-impotance ul li {
		width: 100%;
	}
	.our-impotance ul li:after {
		width: 94%;
	}
	.our-impotance ul li .inner {
		padding: 10px 10px 30px 10px;
	}
	.our-impotance ul li h3 span {
		display: inline;
	}
	.testimonial ul li p {
		font-size: 16px;
		line-height: 26px;
	}
	.testimonial .wrapper:before,
    .testimonial .wrapper:after {
		font-size: 28px;
	}
	.about-video .container {
		height: 300px;
	}
	.about-video p {
		font-size: 32px;
	}
	a.download-pros {
		margin-bottom: 1px;
	}
	a.download-pros, a.download-cert {
		width: 100%;
		border: none;
	}
	.our-cources ul.inner li {
		width: 100%;
		margin-bottom: 40px;
	}
	.our-cources ul.inner li:nth-child(n+9) {
		margin-bottom: 40px;
	}
	.our-cources ul.course-list li:after {
		display: none;
	}
	.enquire-now .inner .row2 input {
		width: 100%;
		margin: 0 0 14px 0;
	}
	ul.browse-teachers-list > li {
		width: 100%;
		border: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.leave-comment input {
		width: 100%;
	}
	.leave-comment input:first-child {
		margin-bottom: 30px;
	}
	.course-detail .duration .icon {
		width: 57px;
		height: 57px;
		font-size: 34px;
	}
	.form-outer input {
		height: 40px;
		padding: 0 15px;
		margin-bottom: 20px;
	}
	.login-wrapper .remember {
		margin-top: 20px;
	}
	.register .cnt-block textarea {
		margin-bottom: 20px;
	}
	.form-outer input.country-code {
		width: 20%;
	}
	.form-outer input.phone-no {
		width: calc(80% - 18px);
	}
	.coming-soon .left,
	.coming-soon .right {
		padding-bottom:50px;
		padding-top:50px;
	}
	.coming-soon .cnt-block{
		padding:40px 0;
	}
	.coming-soon .cnt-block h1{
		font-size:40px;
	}
	.coming-soon .right ul li{
		padding:0 15px;
	}
	.coming-soon .right ul li:after{
		font-size:40px;
		top:13%;
	}
	.coming-soon .right ul li .count{
		font-size:44px;
		line-height:50px;
	}
    .banner2 {
        padding: 30px 0 40px 0;
    }
    .banner2 h1 {
        padding-bottom: 12px;
        font-size: 30px;
        line-height: 40px;
    }
    .banner2 p {
        font-size: 14px;
        line-height: 22px;
    }
    .banner2 .form-group {
        margin-top: 20px;
    }
    .popular-cources a.view-courses {
        display: none;
    }
    .wt-makes-different .left .q-mark {
        width: 60px;
        height: 60px;
        font-size: 32px;
        line-height: 56px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 20px;
        font-size: 38px;
        line-height: 46px;
    }
    .wt-makes-different .left a.read-more {
        font-size: 15px;
    }
    .wt-makes-different .right {
        padding: 30px 0 0 0;
    }
    ul.makes-different-list li h3 {
        font-size: 17px;
    }
}

/* iPhone 6 Plus and down */
@media (max-width: 414px) {

    .header-middle {
        padding-top: 7px;
        padding-bottom: 7px;
    }
	.about-video p {
		font-size: 26px;
	}
	.pagination > li > a, .pagination > li > span {
		margin: 0 2px;
		padding: 4px 10px;
		font-size: 13px;
	}
	.pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
		padding: 5px 14px;
	}
	.pagination > li:first-child a i {
		margin-right: 4px;
	}
	.pagination > li:last-child a i {
		margin-left: 4px;
	}
	.course-tab > li > a {
		font-size: 13px;
	}
	.not-found-wrapper {
		padding-top: 158px;
	}
	.not-found-wrapper h1 {
		font-size: 96px;
	}
	.not-found-wrapper p {
		font-size: 22px;
		padding-bottom: 30px;
	}
    .banner2 h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner2 .form-group .form-control {
        height: 42px;
        padding: 0 20px;
        font-size: 14px;
    }
    .banner2 .form-group .search-btn {
        width: 42px;
        height: 42px;
    }
    .banner2 .form-group .search-btn img {
        width: 18px;
    }
    .intro-sec h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 42px;
    }
    .wt-makes-different .left .q-mark {
        width: 52px;
        height: 52px;
        font-size: 26px;
        line-height: 48px;
        margin-bottom: 15px;
    }
    ul.makes-different-list li{
        width: 100%;
        margin-bottom: 30px;
    }
    ul.makes-different-list li .inner {
        max-width: inherit;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 30px 20px;
    }
}

@media (max-width: 1330px){
   .smallscreen{
        display:block;
    }
    .largescreen{
        display:none;
    } 
}
    
@media (min-width: 1330px){
   .smallscreen{
     display:none;
 } 

.largescreen{
    display:block;
}  
}
/* iPhone 6 and down */
@media (max-width: 375px) {

	.header-middle a.login {
		padding: 2px 8px;
	}
	.banner-outer .content h1 {
		font-size: 22px;
		line-height: 34px;
	}
	.banner-outer .content h1 span,
    .banner-outer .slide2 .content h1,
    .banner-outer .slide2 .content h1 {
		font-size: 38px;
		line-height: 40px;
	}
	.btn {
		padding: 8px 16px;
	}
	.testimonial #bx-pager a {
		margin: 0 2px;
	}
	.testimonial .wrapper:before {
		top: 44px;
	}
	.testimonial .wrapper:after {
		bottom: -26px;
	}
	.testimonial ul li p {
		padding-top: 30px;
	}
	.course-tab > li > a span {
		font-size: 40px;
	}
	.course-tab > li > a {
		font-size: 12px;
	}
	.not-found-wrapper {
		padding-top: 138px;
	}
	.not-found-wrapper h1 {
		font-size: 86px;
	}
	.login-wrapper .head-block h1 {
		font-size: 20px;
	}
	
	
	.login-wrapper .login {
		max-width: 320px;
	}
	.login-wrapper .cnt-block {
		padding: 20px 15px;
	}
	.login-wrapper .btn {
		padding: 6px 12px;
	}
	.privacy-wrapper h2 {
		font-size: 22px;
	}
	.coming-soon .right ul li{
		padding:0 12px;
	}
	.coming-soon .stay-tuned input[type="email"]{
		width:calc(100% - 90px);
	}
	.coming-soon .stay-tuned .clear .button{
		width:90px;
	}
    .banner2 h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .banner2 h1 br{
        display: none;
    }
    .banner2 .form-group {
        width: 100%;
    }
    .intro-sec .video-block .play-outer {
        width: 170px;
        height: 52px;
        padding: 8px;
    }
    .intro-sec .video-block .play-outer span {
        padding-left: 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .intro-sec .video-block .play-outer figure {
        width: 36px;
    }
}

/* iPhone 4 */
@media (max-width: 320px) {

	.about-video p {
		font-size: 24px;
	}
	.course-detail .btn {
		position: inherit;
		margin: 10px 0 20px 0;
		right: auto;
	}
	.not-found-wrapper {
		padding-top: 128px;
	}
	.not-found-wrapper h1 {
		font-size: 66px;
	}
	.not-found-wrapper p {
		font-size: 18px;
	}
	ul.faq-listing li h2 {
		font-size: 16px;
	}
	.login-wrapper .login {
		max-width: 300px;
	}
	.login-wrapper .cnt-block {
		padding: 20px 15px;
	}
	.login-wrapper .btn {
		padding: 6px 12px;
		font-size: 12px;
	}
	.coming-soon .cnt-block h1{
		font-size:34px;
	}
	.coming-soon .right ul li {
 		padding: 0 8px;
	}
}

.note-bg {
	padding: 10px !important;
	text-align: center;
}

.background-box {
	background-color: #fff !important;
	padding: 20px 0px;
	
	margin-top: 20px;
	border-radius: 50px;
}
/*
.background-box p {
	color: #000;
}

.hover1 {
	--c: #1095c1;

	color: #0000;
	background:
	  linear-gradient(90deg,#fff 50%,var(--c) 0) calc(100% - var(--_p,0%))/200%,
	  linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) no-repeat,
	  var(--_c,#0000);
	-webkit-background-clip: text,padding-box,padding-box;
			background-clip: text,padding-box,padding-box;
	transition: 0s ,color .5s,background-color .5s;
  }
  .hover1:hover {
	color: #fff;
	--_c: var(--c);
	--_p: 100%;
	transition: 0.5s,color 0s .5s,background-color 0s .5s;
  } */
  .header-top1 {
	background-color: #F1CF69;
	padding: 0px;
  }
  .header-top1 ul.top-nav li a {
	color: #334B35;
	font-size: 14px;
  }

  .header-top1 ul.top-nav li {
	margin-top: 5px; /* Rekha commented*/
  }

  .search1 {
	background-color: #e9e9e9;
	border: none;
	padding: 0px 20px;
	margin-right: -3px;
  padding: 6px;
  border: none;
  font-size: 17px;
  }

  .search2 {
	background-color: #334B35;
	color: #e9e9e9;
  padding: 6px 10px;
  border: none;
  font-size: 17px;
  }

  .library-list li {
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
  }


  /* Mobile */

  .mobile {
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
}
.phone {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 400px;
     background: #334B35;
     border-radius: 30px;
     padding: 10px;
     position: relative;
}
.phone-mirror {
     position: relative;
     width: 100%;
     height: 400px;
     background-color: rgb(26, 25, 25);
     border-radius: 30px;
}
.topWrapper {
     position: relative;
     width: 130px;
     height: 20px;
     margin: 0px auto 0 auto;
     float: left;
     left: 30%;
     background-color: #232526;
     border-radius: 0 0 45px 45px;
}
.line-rec {
     position: relative;
     width: 60px;
     height: 6px;
     margin: 0px auto 0 auto;
     float: left;
     left: 20%;
     top: 4px;
     background-color: rgb(83, 83, 82);
     border-radius: 5px;
     border: 1px solid rgb(214, 214, 214);
}
.camera {
     position: relative;
     float: left;
     margin-right: 8px;
     left: 18%;
     width: 11px;
     height: 11px;
     top: 1px;
     background-color: rgb(83, 83, 82);
     border-radius: 30px;
     border: 1px solid rgb(214, 214, 214);
}
.buttons {
     background-color: black;
     width: 100%;
     height: 30px;
     border-radius: 0 0 45px 45px;
}

.home-marquee {
	font-weight: 700;
	padding-top: 5px;
}
.home-marquee a{
	text-decoration: underline;
}

.image-sec {
	background-color: #334B35;
	color: #fff;
	text-align: center;
	padding: 8px;
	font-size: 18px;
	margin-bottom: 20px;
}

.image-sec p {
	padding: 0px;
}

.tb-size1 td {
	padding: 15px !important;
}

.tb-size  {
	font-size: 18px !important;
}

.new-list ol {
    list-style-type: decimal;
}

.new-list ol > li > ol {
    list-style-type: upper-roman;
}

.active-clr {
	color: #334B35;
	font-weight: bold;
}

.nest-list ul li ul li {
	list-style-type: disc;
	color: #000 !important;
	background-color: #000 !important;
}

.number-list {
	padding-left: 20px;
}

.number-list ol {
	list-style: none;
    counter-reset: num;
	padding-inline-start: 0px !important;
}

.number-list ol li {
	counter-increment: num;
}

.number-list ol li::before {
	content: counter(num) ". ";
	font-weight: bold;
	padding-right: 8px;
}



.roman-list {
	padding-left: 20px;
}

.roman-list ol {
	padding-inline-start: 0px !important;
}

.roman-list ol li {
	list-style-type: lower-roman;
	padding-left: 20px;
}

.alpha-list {
	padding-left: 20px;
}

.alpha-list ol {
	padding-left: 0px;
}

.alpha-list ol li {
	list-style-type: lower-alpha;
}

.disc-list {
	padding-left: 20px;
}

.disc-list ul li {
	list-style-type: disc;
}

.white li {
	color: #fff;
}

.white li span {
	color: #f1cf69;
}

/* Position the image container (needed to position the left and right arrows) */
.container2 {
	position: relative;
  }

  /* Hide the images by default */
  .mySlides2 {
	display: none;
  }

  /* Add a pointer when hovering over the thumbnail images */
  .cursor2 {
	cursor: pointer;
  }

  /* Next & previous buttons */
  .prev2,
  .next2 {
	cursor: pointer;
	position: absolute;
	top: 30%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: #F1CF69;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	background-color: #334B35;
  }

  /* Position the "next button" to the right */
  .next2 {
	right: 0;
	border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev2:hover,
  .next2:hover {
	background-color: rgba(0, 0, 0, 0.8);
  }

  /* Number text (1/3 etc) */
  .numbertext2 {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }

  /* Container for image text */
  .caption-container2 {
	text-align: center;
	background-color: #222;
	padding: 2px 16px;
	color: white;
	margin-bottom: 20px;
  }

  .row2:after {
	content: "";
	display: table;
	clear: both;
  }

  /* Six columns side by side */
  .column2 {
	float: left;
	width: 16.66%;
  }

  /* Add a transparency effect for thumnbail images */
  .demo2 {
	opacity: 0.6;
  }

  .active2,
  .demo2:hover {
	opacity: 1;
  }

  .img-btm p {
	background-color: #334B35;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin-top: 7px;
	font-weight: bold;
	font-size: 18px;
  }
.contact-box{
	border: 1px solid #003034;
    border-radius: 20px;
    padding: 5px 0;
    background-color: #efefef;
}

.exportBtnClass{
	padding: 5px;
    background-color: #130e0e;

    border-radius: 5px;
	font-weight: 600;
}

.exportBtnClass a{
	color: #ffda55;

}

#More1{
	display:none;
}
#More2{
	display:none;
}

#More3, #More4, #More5{
	display: none;
}

#myButton1, #myButton2, #myButton3{
	cursor: pointer;
}

.scrollInfo{
	height: 400px;
	overflow-y: auto;
    padding: 15px;
}

.slider{
	max-width: 100%;
	display: flex!important;
  }
  .slider .card{
	flex: 1;
	margin: 0 10px;
	background: #fff;
	height: 450px;
	padding: 15px;

  }

  .sliderHeading{
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #4d5557;
	padding-top: 12px;
  }

  .owl-nav{
	display: none;
    pointer-events: none;
  }



  .newNav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px;

	width: 100%;
	background-color: #334B35;

	position: absolute;
    z-index: 11;
  }

  .navHeadings{

    /* flex: 11; */

	font-size: 13px;
    font-weight: bolder;


  }

  .navHeadings ul li a:hover{
	background-color: rgb(238, 204, 104);
	border-radius: 5%;
  }







  .navImg{
	/* flex:1; */
	background-color: white;
	height: 100px;
	width: 100px;
	object-fit: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;

  }


  /* Heading Styles */

  /* === HEADING STYLE #3 === */
  .three h1 {
	font-size: 28px;
	font-weight: 500;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5em;
	padding-bottom: 15px;
	position: relative;
    color: #334B35;
  }
  .three h1:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: #6D8C54;
  }
  .three h1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 255px;
	background-color: #6D8C54;
  }



  /* Style 9
	 ----------------------------- */
  .nine h1 {
      text-align: center;
      font-size: 36px;
      color: #334B35;
      letter-spacing: 1px;
      font-weight: bold;
  }
 /* .nine h1 span {*/
	/*margin-top: 5px;*/
	/*  font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;*/
	/*  text-transform: uppercase; font-family:"Raleway", sans-serif; font-weight:500;*/

	/*  display: grid;*/
	/*  grid-template-columns: 1fr max-content 1fr;*/
	/*  grid-template-rows: 27px 0;*/
	/*  grid-gap: 20px;*/
	/*  align-items: center;*/
 /* }*/

  .nine h1 span:after,.nine h1 span:before {
	  content: " ";
	  display: block;
	  border-bottom: 1px solid #6D8C54;
	  border-top: 1px solid #6D8C54;
	  height: 5px;
	background-color:#fff;
  }

  .para-cls {
	text-align: justify;
  }

  .bg01 {
	background: linear-gradient(-45deg, #334B35, #5A835B, #334B35, #5F7E5C);
    animation: gradient 15s ease infinite;
    height: auto;
 	width: 100%;
}

@keyframes gradient {
	    0% {
	        background-position: 0% 50%;
	    }
	 
	    50% {
	        background-position: 100% 50%;
	    }
	 
	    100% {
	        background-position: 0% 50%;
	    }
	}


/* Card */
.wrimagecard{
	margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}

.wrimagecard-topimage_title p {
	font-weight: bold;
	font-size: 18px;
}


.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.corevalues__contentboxWrap .contentbxitem {
	padding: 30px 20px;
    border-radius: 15px;
    background-color: #fff;
    min-height: 100%;
	margin: 10px;
	border-bottom: 5px solid #537051;
}

.align-items-start {
	align-items: flex-start !important;
}

.shadow {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.d-flex {
	display: flex !important;
}

.corevalues__contentboxWrap .contentbxitem h3 {
	font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
	padding-right: 25px;
}

.corevalues__contentboxWrap .contentbxitem .contentbxitem__right {
	flex: 0 0 100px;
    margin-left: auto;
}



/* Read More */
  .moretext {
	display: none;
  }

.new-headbar{
	display: flex;
	justify-content: center;
	align-items: center;
}

.new-navbar{
	display: flex!important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 0px!important;
	padding-right: 0px!important;
}


.header-top1 ul.new-navbar li{
	border-right: 1px #000 solid;

}



.header-top1 ul.new-navbar li a {
    color: #334B35;
    font-size: 15px;
}
@media screen and (max-width: 500px){
    .forSlider{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .img-fluid{
        width:280px;
        height:250px;
       
    }
    
    
    .intro-sec .video-block .play-outer{
    padding: 10px;
    background: #334B35;
    width: 100%;
    margin-top:2px;
}
    .head1{
        padding-left:0px !important ;
        padding-right:0px !important ;
    }
    
    .header-top1 ul.top-nav li a {
	color: #334B35;
	font-size: 10px;
  }
   .research{
        padding-right: 20px !important;
        padding-left: 15px !important; 
    }
    
    .socialmedia{
        margin-bottom: -120px;
    }
    
    .navbar-inverse .navbar-nav > li > a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #fff;
}
    
    .btn{
        white-space: normal !important;
        padding: 12px 6px !important;
    }
    
    .blog-left {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    .nine h1 span {
	margin-top: 5px;
	  font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
	  font-family:"Raleway", sans-serif; font-weight:500;

	  display: grid;
	  /*grid-template-columns: 1fr max-content 1fr;*/
	  /*grid-template-rows: 7px 0;*/
	  grid-gap: 20px;
	  align-items: center;
  }
  
  /*.col-sm-12 .col-sm-12{*/
  /*    padding-right: 0px !important;*/
  /*    padding-left: 0px !important;*/
  /*}*/
  
  .bg01{
      margin-bottom:30px !important;
  }
    
    .mobile{
     height: 90vh;
    }
    
    .directorate{
        text-align: justify !important;
    }
    .campus-tour ul.gallery li:hover .mobile-screen {
	top: 24%;
	opacity: 1;
    } 
    
    .left-block {
        padding-right:0px;
        padding-left: 0px;
    }
    
    .colour-block{
        padding: 15px !important;
    }
    .mobile-view{
        height:250px;
        width:350px;
    }
    
}


@media screen and (min-width: 768px){
.col-sm-2 {
    width: 17.66666667%;
}

.navbar-inverse .navbar-nav > li > a {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #fff;
}

 .nine h1 span {
	margin-top: 5px;
	  font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
	 font-family:"Raleway", sans-serif; font-weight:500;

	  display: grid;
	  grid-template-columns: 1fr max-content 1fr;
	  grid-template-rows: 27px 0;
	  grid-gap: 20px;
	  align-items: center;
  }

}

.newHead2{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.flex{
	display: flex;
    justify-content: center;
    align-items: center;
}

.campus-tour ul.gallery li:hover .overlay {
	top: 44%;
	opacity: 1;

}

.header-socialinfo ul {
    margin-top: 8px;
    padding: 0px 25px;
    float: right;
}

.header-socialinfo ul li {
    padding: 5px !important;
    border-right: none !important;
}

.header-socialinfo ul li a {
    color: #fff;
    padding: 1px 10px;
}

.img-wd  {
    width: 600px !important;
}

.table-bordered>tbody>tr>th {
    background-color: #334B35 !important;
    color: #fff;
}

.directorate{
text-align: center;    
}

.notify-one {
    padding: 0px;
    background-color: #9d0000 !important;
}

.notify-two {
    padding: 0px;
    background-color: #9d0000 !important;
}

.notify-three {
    padding: 0px;
    background-color: #F1D069 !important;
}

.main-notify {
    border: 1px solid #b6b6b6;
    background-color: rgb(240, 255, 228);
}

.notify-head1 {
    color: #fff;
}

.notify-head2 {
    color: #fff;
}

.notify-head3 {
    color: #fff;
}

.notify-bg {
    background-image: url('/images/1717.jpg');
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

}

.news-bg {
    background-image: url('/images/news-bg.png');
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

}

header {
    background-color: #334B35 !important;
}


.btn-nav{
    border: none;
    margin: 10px;
    padding: 10px 20px;
    font-family: "montserrat",sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    background-size: 200%;
    transition: 0.6s;
  }



  .btn2{
    background-image: linear-gradient(to left,#334B35,#5A835B,#334B35);
  }


  .btn-nav:hover{
    background-position: right;
  }


/* Beauty Css */
.colour-block {
	background: #334B35;
	width: 100%;
	padding: 25px;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	border-radius: 20px;


  }
  .white-block {
	background: #fff;
	width: 100%;
	padding: 25px;
	color: #369a7e;
  }

  .colour-block h4 {
	color: #F1CF69;
  }
  .colour-block h3 {
	color: #F1CF69;
  }

  /*----------------*/
  /*  SCALLOP down  */
  /*----------------*/
  /* .scallop-down {
	height: 50px;
	width: 100%;
	background: -webkit-gradient(
	  radial,
	  50% 0,
	  10,
	  50% 0,
	  40,
	  from(#334B35),
	  color-stop(0.49, #334B35),
	  color-stop(0.51, #fff),
	  to(white)
	);
	-webkit-background-size: 49px 100%;
  } */

  /*----------------*/
  /*  SCALLOP up    */
  /*----------------*/
  /* .scallop-up {
	height: 50px;
	width: 100%;
	background: -webkit-gradient(
	  radial,
	  50% 100%,
	  10,
	  50% 100%,
	  40,
	  from(#334B35),
	  color-stop(0.49, #334B35),
	  color-stop(0.51, #fff),
	  to(white)
	);
	-webkit-background-size: 49px 100%;
  } */

/* second style */
  .colour-block1 {
	background: #f1cf69;
	width: 100%;
	padding: 25px;
	color: #fff;
	border-radius: 20px;
	box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;

  }
  .white-block1 {
	background: #f1cf69;
	width: 100%;
	padding: 25px;
	color: #369a7e;
  }

  .colour-block1 h4 {
	color: #334B35;
  }
  .colour-block1 h3 {
	color: #334B35;
  }

  .colour-block1 p {
	color: #000;
  }

  /*----------------*/
  /*  SCALLOP down  */
  /*----------------*/
  /* .scallop-down1 {
	height: 50px;
	width: 100%;
	background: -webkit-gradient(
	  radial,
	  50% 0,
	  10,
	  50% 0,
	  40,
	  from(#f1cf69),
	  color-stop(0.49, #f1cf69),
	  color-stop(0.51, #fff),
	  to(white)
	);
	-webkit-background-size: 49px 100%;
  } */



  /*----------------*/
  /*  SCALLOP up    */
  /*----------------*/
  /* .scallop-up1 {
	height: 50px;
	width: 100%;
	background: -webkit-gradient(
	  radial,
	  50% 100%,
	  10,
	  50% 100%,
	  40,
	  from(#f1cf69),
	  color-stop(0.49, #f1cf69),
	  color-stop(0.51, #fff),
	  to(white)
	);
	-webkit-background-size: 49px 100%;
  } */


/* fAQs */
.faq-bg-yl {
	background-color: #ffe390;
	margin-top: 10px;
}

.panel-heading2 {
	padding: 5px 0px !important;
}

.faq-bg-gn {
	background-color: #6D8C54;
}

.faq-bg-gn h4 a {
	color: #f1cf69 !important;
	font-size: 20px !important;
}

.faq-bg-wt {
	background-color: #fff;
	border: 2px solid #ccc;
}

.forest-pattern {
	background-image: url('/images/patterns/forest-pt.png');
}

.leaf-pattern {
	background-image: url('/images/patterns/leaf-pt.png');
}

.fruit-pattern {
	background-image: url('/images/patterns/fruit-pt.png');

}

.white-box {
	background-color: #fff;
    border-bottom: 5px solid #334B35;
    padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
      justify-content: center;
  align-items: center; 
    
}



.white-box-lg {
	border-bottom: 5px solid #6D8C54;

}

.white-box-yl {
	border-bottom: 5px solid #F1CF69;
}

.outer {
  display: table;
  height: 100vh;
}
.inner {
  display: table-cell;
  vertical-align: middle;
}

.white-box1 {
		background-color: #fff;
    padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
      justify-content: center;
  align-items: center; 
}

.home-row{
    vertical-align: middle;
    display:table-cell;
}

.home-container{
    width: 100%;
    height: 100%;
  
    background-color: rgba(139,0,0,0.4);
   display:table;

}

/* Organization Chart */

.team-structure {
	background: white;
	padding: 20px;
	text-align: center;
  }
  .team-structure p, .team-structure h3 {
	margin: 0px;
	padding: 0px;
  }
  .team-structure .section-title {
	font-weight: bold;
	color: white;
	background: #6D8C54;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	text-transform: uppercase;
  }
  .team-structure__top-container {
	min-width: 300px;
	display: flex;
	justify-content: center;
  }
  .team-structure__middle-container {
	display: flex;
	justify-content: center;
	min-width: 300px;
  }
  .team-structure__middle-container .vertical-line {
	border-right: 3px #2A363B dashed;
	height: 50px;
  }
  .team-structure__middle-container .vertical-line:before {
	content: " ";
  }
  .team-structure__bottom-container {
	min-width: 300px;
	border: 1px solid black;
  }
  .team-structure__bottom-container .tile {
	margin-top: 10px;
  }
  .team-structure__bottom-container .tiles-container {
	margin-bottom: 10px;
	/* display: flex; */
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: space-between;
  }
  .team-structure .tile {
	min-width: 200px;
	box-shadow: 0 10px 6px -6px #777;
	background: #6D8C54;
	color: white;
	cursor: pointer;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
  }
  .team-structure .tile:hover {
	background: #2a363bed;
	box-shadow: -9px 10px 6px -6px #777;
  }
  .team-structure .tile-header {
	padding: 10px 0px;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
  }
  .team-structure .tile-divider {
	border-bottom: #ffe600 5px dotted;
	padding: 0px;
	margin: 0px 10px;
  }
  .team-structure .tile-body {
	padding: 10px 0px;
	font-size: 1.2rem;
  }

  .card001 {
	font-size: 16px;
  }

  .card-header001 {
	font-weight: bold;
  }

  .card21{
      background-color:white;
      padding: 20px !important;
      max-height:335px;
      border-radius:0px 0px 5px 5px;
      
      
  }
  

 .btn-nav2{
     background-color: #f1cf69 !important;
     color: white !important;
     padding: 15px;
     border-radius: 5px;
 }

 .card21 h3 {
     margin-top:0px;
 }

.white-text p {
    color: #fff;
}


/* Gallery*/
.title {
  margin-top: 20px;
}
.title h1 {
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: Arial;
  text-transform: uppercase;
  color: #d63031;
}
.title h1 span {
  display: block;
  color: #300a0a;
  font-size: 20px;
  margin-bottom: 10px;
}
/*Carousel Gallery*/
.carousel-gallery {
  margin: 50px 0;
  padding: 0 30px;
  
}
.carousel-gallery a:focus-visible img {
    outline: 3px solid #ffbf00;  /* Yellow outline on image */
    outline-offset: 4px;
}
.carousel-gallery .swiper-slide a {
  display: block;
  width: 100%;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
}
.carousel-gallery .swiper-slide a:hover .image .overlay {
  opacity: 1;
}
.carousel-gallery .swiper-slide a .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  
}
.carousel-gallery .swiper-slide a .image .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 20, 0.8);
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.carousel-gallery .swiper-slide a .image .overlay em {
  color: #fff;
  font-size: 26px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
}
.carousel-gallery .swiper-pagination {
  position: relative;
  bottom: auto;
  text-align: center;
  margin-top: 25px;
}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline-color: yellow;
}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.7;
}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6D8C54;
  transform: scale(1.1, 1.1);
  outline-color: yellow;
 
}
/*# Carousel Gallery*/
.plugins {
  text-align: center;
}
.plugins h3 {
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: Arial;
  text-transform: uppercase;
  color: #111;
}
.plugins a {
  display: inline-block;
  font-family: Arial;
  color: #777;
  font-size: 14px;
  margin: 10px;
  transition: all 0.2s linear;
}
.plugins a:hover {
  color: #d63031;
}


.logo-nav li {
    display: inline-block;
}

.logo-nav li a {
    display: inline-block;
}



/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  width: 20%;
}

.tab2 {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  width: 100%;
  display:flex;
}

/* Style the buttons inside the tab */
.tab button {
  
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 1em;
  border-bottom:1px solid #ccc;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #334B35;
  color:#F1CF69;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding:20px;
  width: 80%;
  border-left: none;
}
/* Fix layout at 400% zoom (approx. max-width: 400px) */
@media screen and (max-width: 400px) {
    .tabcontent {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 10px !important;
    }
}


/* Faculty */

.faculty-card {
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    border-radius: 5px;
    margin-top: 30px;
}

.faculty-card .faculty-img {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    border: 2px solid rgb(226, 226, 226);
}

.faculty-content h4 {
    color: #6D8C54 !important;
    font-style: normal;
    font-size: 20px;
    margin-bottom: 12px;
    font-size: 20px;
    padding: 6px 0px;
    text-transform: uppercase;
    text-align: center;
}

.faculty-content p {
    text-align: center;
    padding: 10px 0px 20px 0px;
} 

@media only screen and (max-width: 600px) {
  .padding-lg .col-sm-12 .heade-block {
    min-height:300px!important;
  }
}
@media only screen and (min-width: 1024px) {
  .padding-lg .col-sm-12 .heade-block {
    height:350px;
  }
}


.owl-item .card {
    margin-left:10px;
    margin-right:10px;
}


.verti-align a {
    display: inline-flex;       /* ensures padding expands clickable area */
    align-items: center;        /* centers icon vertically */
    justify-content: center;    /* centers icon horizontally */
    padding: 8px;               /* gives approx 32x32px tap target */
    margin-right: 10px;         /* space between buttons */
}

.verti-align a i {
    pointer-events: none;      /* prevents accidental click on icon edge */
}

/* TAB BUTTONS */
.tab {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 20px;
}

.tab button {
    background: #004d26;
    color: #fff;
    border: 2px solid transparent;
    padding: 10px 18px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 4px;
    white-space: nowrap;
}

.tab button:hover {
    background: #006b32;
}

/* Visible focus indicator - HIGH CONTRAST */
.tab button:focus {
    outline: 3px solid #f1cf69; /* meets 3:1 contrast */
    outline-offset: 2px;
}

/* Active State */
.tab button.active {
    background: #f1cf69;
    color: #000;
    font-weight: bold;
}

/* TAB CONTENT */
.tabcontent {
    display: none;
    padding: 10px 0;
}

/* Responsive - stack buttons */
@media(max-width: 768px) {
    .tab button {
        flex: 1 1 100%;
        text-align: center;
    }
}