/* COMMON CSS FOR ALL PAGES */
@import url("https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500&display=swap");
html,body {
    font-family: "Baloo Da 2", cursive;
	font-size: 14px;
	color: #5e5f5f;
	line-height: 26px;
	overflow-x : hidden;
}
body {
	background : url(../images/donate-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
body * {
	font-weight: normal!important;
}
h1,h2,h3,h4,h5,h6,li,a,p,span,.btn,form {
    font-family: "Baloo Da 2", cursive;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	color: #24353b;
}
h1 {
	font-size: 46px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 14px;
}
p {
	padding: 0px;
	margin: 0px;
}
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;
}
::-moz-placeholder {  /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder {
	opacity:1;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
.btn {
	outline : none!important;
}
.copyright {
	text-align : center;
	border-top : 1px  solid #eee;
	padding-top : 15px;
	margin-top : 30px;
}
#getFixed {
  font: bold 15px arial;
  width: 100%;
}
#getFixed.sticky {
	position: fixed;
	top : 100px;
	max-width: 22%;
	z-index: 1;
}
.mt0 {
	margin-top : 0!important;
}
.bg-white {
	background : #fff;
}
.bg-black {
	background: #222!important;
}
.bg-lite-2 {
	background : #EFF7F5;
}
.white-bg {
    background: #fff;
}
.yellow-clr {
	color: #F5C800;
}
.pb-70 {
    padding-bottom: 70px;
}
.resize0 {
	resize : none;
}
.theme-btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    z-index: 1;
    padding: 0;
    border: 0;
    transition: .3s;
    cursor: pointer;
    animation-delay: 0.4s;
}
.theme-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    left: 10px;
    top: 10px;
    z-index: -1;
}
.theme-btn.dark-before::before {
	border-color : #333;
}
.btn-text,.btn-theme {
    padding: 8px 10px;
    background-color: #30C0B4;
    text-transform: uppercase;
    color: #eee;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
}
.btn-theme.blue {
	background: #3F8AC5;
}
.btn-theme:hover {
	color: #eee;
}
.theme-btn:hover {
    transform: translateY(-6px);
}
#loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.btn-category {
	position: fixed;
	bottom: 75px;
	right: 5px;
	background: #0274B3;
	width: 40px;
	height: 40px;
	padding: 8px;
	border: none;
	border-radius: 40px;
	color: #fff;
	font-size: 17px;
	outline: none;
}
.bg-lite {
	/* background: #eee; */
}
table {
	margin-top: 0!important;
}
ul.style-1,
ul.style-2 {
	margin-top: 10px;
}
ul.style-1 li,
ul.style-2 li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 7px!important;
}
ul.style-2 li {
	margin-bottom: 10px!important;
	font-size: 16px;
}
ul.style-1 li::before,
ul.style-2 li::before {
	content: '\f105';
	position : absolute;
	left: 0;
	top: -2px;
	font-family: 'FontAwesome';
	font-size: 16px;
}
ul.style-2 li::before {
	content: '*';
	font-size: 20px;
	top: 1px;
}
ul.style-1 li::after {
	display: none!important;
}
.cookies-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: #fff;
    z-index: 999;
    display: grid;
    grid-template-columns : auto 180px;
    border: none;
    /* border-radius: 3px; */
    /* border-left: 7px solid #202332; */
    -moz-box-shadow: 0 0 3px #888;
    /* -webkit-box-shadow: 0 0 3px#888; */
    /* box-shadow: 0 0 3px #888; */
    padding: 15px 7% 10px 7%;
    color: #777;
  }
  @media(max-width: 767px) {
    .cookies-box {
      display: block;
    }
  }
  .cookies-box * {
    margin: 0;
  }
  .cookies-content {
  	padding-right: 30px;
  }
  .cookies-content h4 {
  	font-size: 15px;
  	font-weight: bold!important;
  }
  .cookies-content a {
    color: #202332;
    border-bottom: 1px solid #202332;
  }
  .btn-got-it {
    background: #202332!important;
    padding: 2px 6px!important;
    text-transform: uppercase;
    margin-top: 9px;
    color: #eee!important;
    width: 100%;
  }
.theme-select {
	border: 1px solid #fff;
	border-radius: 0;
	background: #60B1F0;
	height: 42px;
	color: #fff;
}
.loadingImg {
	margin-top: -50px;
}
.flex {
	display: flex;
}
@media(min-width: 767px) {
	.centerMe {
		margin: auto;
	}
}
.width-100 {
	width: 100%;
}
.btn-phone {
	position: relative;
	display: inline-block;
	background: transparent;
	border: 1px solid #333;
	padding: 2px 20px 2px 35px!important;
	margin-top: 10px;
	font-size: 14px;
	margin-top: 25px;
	line-height: 20px!important;
	border-radius: 20px;
	line-height: 20px;
	color: #444;
}
.header-style-2 .btn-phone {
	border-color : #fff;
	color: #fff!important;
}
.btn-phone span {
    background: #fff;
    position: absolute;
    left: 26px;
    top: -8px!important;
    font-size: 8px!important;
    text-transform: uppercase;
    top: 0;
    padding: 0 6px;
    line-height: 10px;
    color: #111!important;
}
.header-style-2 .btn-phone span {
	background: transparent;
	top: -13px!important;
	color: #fff!important;
}
.btn-phone .fa {
    position: absolute;
    left: 9px;
    font-size: 26px;
    top: -8px;
    background: #fff;
    padding-left: 6px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.header-style-2 .fa {
	background : transparent;
	color : #fff;
}
.text-center {
	text-align: center!important;
}
.set0 {
	padding: 0;
	margin: 0;
}
.p0 {
	padding: 0;
}
.m0 {
	margin: 0;
}
.mtopM30 {
	margin-top: -30px;
}
a.btn-main-menu {
	width: 40px!important;
	margin-top: 15px;
	margin-right: 10px;
}
a.btn-main-menu i.lines{
	width: 100%;
	height: 2px;
	background: #333;
	margin-bottom: 6px;
	display: block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a.btn-main-menu i.line1{
	width: 70%;
}
a.btn-main-menu i.line3{
	width: 80%;
}
a.btn-main-menu:hover i.line1{
	width: 100%;
}
a.btn-main-menu:hover i.line2{
	width: 80%;
}
a.btn-main-menu:hover i.line3{
	width: 60%;
}
.title-thm h2 span {
	display: block;
	/* font-weight: bold!important; */
	font-size: 16px;
	margin-bottom: 5px;
	color: #777;
	text-transform: none;
}
.title-thm h1 {
	font-size: 28px;
	margin: 10px 0 40px 0;
	color: #2EC2B2;
}
.title-thm h1 span {
	display: inline-block;
	color: #ddd;
}
.enquire-fixedBottom {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #106CF5;
	border: none;
	color: #fff;
	padding: 10px;
	border-top: 1px dashed rgba(255, 255, 255, .3);
	text-transform: uppercase;
	width: 100%;
}
.enquire-wrap-1 {
	background: #f5f5f5;
	padding: 20px 20px 5px;
  border: 1px dashed #ccc;
}
.enquireModal .modal-body {
	background: #f5f5f5!important;
}
.enquireModal .enquire-wrap-1 {
	border: none;
}
.floating-1 {
	position: relative;
}
.floating-1 .inputText {
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px dashed #aaa;
  background: transparent;
  margin-top: 20px;
}
.floating-1 .floating-label {
  position: absolute;
  pointer-events: none;
  left: 7px;
  top: 4px;
  transition: 0.2s ease all;
  font-size: 10px;
  padding: 0 5px;
  background: #f5f5f5;
}
.floating-1 .floating-label.active {
  left: 7px!important;
  top: 4px!important;
  font-size: 10px!important;
}
	.floating-1 .inputText:not(:focus):valid ~ .floating-label{
  top: 26px;
  left: 10px;
  font-size: 14px;
  opacity: 1;
}
.btn-small {
	border: none;
	margin-top: 15px;
}
  .img-success {
  	border-radius: 50%;
  	margin-bottom: 20px;
  }
  .steps span {
  	text-transform: uppercase;
  	display: inline-block;
  	padding: 0 0;
  	margin : 0 10px;
  	font-size: 14px;
  	line-height: 20px;
  	color: #333;
  	position: relative;
  	font-weight: bold;
  }
  .steps span.active {
  	color: #2EC2B2;
  }
  .steps span.focus {
  	border-bottom: 1px solid #2EC2B2;
  }
  .steps span.focus .fa {
  	position: absolute;
  	bottom: -10px;
  	left: 45%;
  }
  .box-register-wrapper.support {
  	margin-top: -20px!important;
  }
  .box-register-wrapper.support h5 {
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .support-block a {
    display: inline-block;
    background: #777777;
    color: #eee;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 4px;
    margin-top: 10px;
	}

/* PRELOADER */
#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: #3E8AC5;
	-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;
	}
}

/* MAIN HEADER */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
	transition : .6s ease;
}
.main-header {
	height : 80px;
}
.header-style-2 {
	background: transparent;
}
.next-header {
	margin-top: 50px;
}
@media(min-width: 992px) {
	.next-header {
		margin-top: 75px;
	}
}
.header-top {
	display: block;
	background: #211d1e;
}
.header-top ul.follow-us {
	display: block;
	padding-top: 8px;
	float: left;
}
.header-top ul.follow-us li {
	display: inline-block;
	padding-right: 20px;
	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;
	float: right;
}
.header-top ul.top-nav {
	display: block;
	padding-top: 8px;
	padding-right: 10px;
	float: left;
}
.header-top ul.top-nav li {
	display: block;
	padding: 0 13px;
	float: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}
.header-top ul.top-nav li a {
	color: #6c777d;
}
.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: #2FC3B6;
}
.logo-block {
	position: absolute;
	left: 10px;
	top: 2px;
	z-index: 10;
}
.logo {
	width : 140px;
	margin : 20px auto;
}
.img-success {
	width : 120px!important;
    border-radius: 50%;
    margin-bottom: 20px;
}
.logo img {
	width  :100%;
}
.header-middle .contact {
	display: block;
	padding: 4px 0 0 0;
	float: right;
}
.header-middle .contact ul {
	display: block;
	padding-right: 5px;
	float: left;
}
.header-middle .contact ul ul {
	padding: 10px 0px;
	border: none;
	box-shadow: none;
	display: none;
	background: #f5f5f5;
	min-width: 360px;
}
.header-middle .contact ul li:nth-child(2) ul {
	min-width: 200px;
}
.header-middle .contact ul li {
	display: block;
	padding: 0 5px;
	/* border-right: 1px #dedddd solid; */
	float: left;
	font-size: 14px;
	color: #4f4a4a;
	line-height: 45px;
}
.header-middle .contact ul ul li {
	width: 100%;
}
.header-middle .contact ul ul li a {
	padding: 7px 12px;
}
.collapse-wrap {
	width: 90%;
	margin-left: 5%;
	border-left: 1px solid #777;
}
.collapse-wrap a {
	width: 100%;
	position: relative;
	display: block;
	line-height: 14px;
	text-transform: none!important;
	color: #666;
	font-size: 13px;
}
.collapse-wrap a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 7px;
	height: 1px;
	background: #777;
}
.header-middle .contact ul li span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #8f9ba1;
	text-transform: uppercase;
}
.header-middle .contact ul li a {
	color: #4f4a4a;
	text-transform: uppercase;
	/* font-weight: bold!important; */
	background: transparent;
	font-size: 13px;
}
.header-middle .contact ul li a:hover {
	color: #2c97ea;
}
.header-middle a.login {
	display: inline-block;
	padding: 5px 10px;
	border: 2px #2c97ea solid;
	background: #2c97ea;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	margin-top: 14px;
	margin-left: 10px;
	color: #FFF!important;
	font-weight: 700;
}
a.login.dark {
	border-color: #202332;
	background: #202332;
}
a.login.active {
	border-color: #2EC2B2;
	background: #2EC2B2;
	color: #fff;
	/* margin-top: -7px; */
}
a.login.dark:hover {
	background: #00A785!important;
	border-color: #00A785;
}
.img-logo-digital {
	max-width : 90px!important;
}
.header-middle a.login:hover {
	background: #2c97ea;
	/* color: #fff; */
}
a.login.active:hover {
	background: #807A7B;
	border-color: #807A7B;
}
.bottom-btn-holder {
	width : 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}
.bottom-btn-holder .btn {
	width: 50%;	
	float: left;
	border-radius: 0;
}
.bottom-btn-holder .btn.dark {
	background: #202332;
}
.header-middle a.login span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 10px;
	font-size: 14px;
}
.header-middle a.login:hover span {
	color: #fff;
}
.main-logo {
	width: 140px;
}
/* NAVIGATION MENU */
.navbar {
	border-radius: 0px;
	margin: 0px;
	border: none;
}
.navbar-collapse {
	padding: 0px;
}
.navbar-inverse {
	background: #3E8AC5;
	min-height: 0;
}
body.scrolled .navbar-inverse {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
}
.nav > li > a {
	background: transparent!important;
	padding: 11px 5px;
	line-height: 50px;
}
.navbar-nav > li > a {
	text-transform: uppercase;
}
.navbar-nav > li:last-child {
	border: none;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 14px;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a i {
	font-size: 14px;
	color: #eee;
}
.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: #2EC2B2;
	margin: 0px;
	position: relative;
}
.navbar-form .form-control {
	width: 100%;
	margin: 7px 0;
	padding-left: 0px;
	height: auto;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	font-size: 12px;
	color: #fff;
}
.navbar-form .form-control::-webkit-input-placeholder {
     color:#fff;
}
.navbar-form .form-control:-moz-placeholder { /* Firefox 18- */
     color:#fff;
}
.navbar-form .form-control::-moz-placeholder {  /* Firefox 19+ */
     color:#fff;
}
 .navbar-form .form-control:-ms-input-placeholder {
     color:#fff;
}
.navbar-form .search-btn {
	display: block;
	border: none;
	position: absolute;
	right: 25px;
	top: 10px;
	background: none;
	font-size: 16px;
	color: #fff;
}
.navbar .dropdown-menu {
	min-width: 260px;
	padding: 0px;
	border: none;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	border-top: 4px #2EC2B2 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: #2EC2B2;
	border-width: 10px;
}
.navbar .dropdown-menu > li > a {
	padding: 7px 15px;
}
.navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > li > a:hover {
	background: #2EC2B2;
	color: #fff;
}
input[type=checkbox].innerDropDown {
  display: none;
}
input[type=checkbox].innerDropDown ~ label {
  all : unset;
  color: #fff;
  padding: 0px 12px!important;
  display: block;
  color: #555;
  cursor: pointer;
  font-size: 13px;
  line-height: 30px;
  position: relative;
}
input[type=checkbox].innerDropDown ~ label span {
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 1px;
	background: #666;
}
input[type=checkbox].innerDropDown ~ label .fa {
	position: absolute;
	right: 0;
	top: 4px;
}
input[type=checkbox].innerDropDown ~ label::before,
input[type=checkbox].innerDropDown ~ label::after {
    all : unset;
    display: none!important;
}
.content-innerMenu {
    padding: 0;
    margin-left: 20px;
    display: none;
    clear: both;
}
.content-innerMenu a {
	position: relative;
	padding-left: 20px;
	color: #888!important;
	-webkit-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
}
.content-innerMenu a:hover {
	color: #2C97EA!important;
	padding-left: 30px;
}
.content-innerMenu a::before {
	content: '\f105';
	position: absolute;
	left: 0;
	top: 7px;
	font-family: 'FontAwesome';
	background: transparent!important;
}
input[type=checkbox]:checked ~ label + .content-innerMenu { 
  display: block;
}

.subscribe-box {
    padding: 25px 0px;
    background-color: #30C0B4;
    position: relative;
    z-index: 8;
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.subscribe-text h1 {
    margin: 5px 0 0;
    font-size: 22px;
    font-weight: 800;
    color: #002147;
    line-height: 1;
}
.subscribe-text span {
	color: #002147;
}
.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.email-submit-form {
    margin-top: 7px;
}
.subscribe-form form {
    position: relative;
} 	
.subscribe-form form input {
    height: 46px;
    background: #fff;
    border: 0;
    border-radius: 30px;
    padding-left: 20px;
    width: 100%;
}
.subscribe-form form button {
    top: 50%;
    position: absolute;
    border: none;
    background: #fff;
    right: 15px;
    color: #002147;
    font-size: 15px;
    transform: translateY(-50%);
    outline: none;
}
.single-footer-contact-info {
	position: relative;
	padding-left: 25px;
	color: #bbb;
}
.single-footer-contact-info .fa {
	position: absolute;
	left: 0;
	top: 5px;
	color: #F5C800;
}
.opening-time {
    margin-top: 20px;
}
.opening-time span {
    display: block;
    color: #ccc;
    font-size: 15px;
    font-weight: 500;
}
span.opening-date {
    font-weight: inherit;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    color: #ccc;
}
.footer-copyright {
	padding: 20px;
	color: #aaa;
}
.box-visitors {
	display: inline-block;
	margin-bottom: 10px;
}
.box-visitors h3 {
	font-size: 13px;
	color: #ddd;
	margin-bottom: 10px;
	margin-right: 10px;
}
.box-visitors p {
	font-size: 18px;
	display: inline-block;
}
.box-visitors p span {
	position: relative;
	display: inline-block;
	padding: 6px 10px;
	font-size: 22px;
	border-radius: 3px;
	color: #002147;
	font-weight: bold!important;
	background-color : #fff;
	overflow: hidden;
}
.box-visitors p span::before {
	content : '';
	position : absolute;
	left : 0;
	bottom : 0;
	width  :100%;
	height : 50%;
	background: #f1f1f1;
	border-top : 1px solid rgba(0,0,0,.125);
}
.box-visitors p span b {
	position: relative;
}
.primary-bg {
    background: #002147;
}
.footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding: 45px 0;
}
.footer-logo {
    margin-bottom: 19px;
}
.footer-logo img {
	width: 200px;
}
.footer-heading h1 {
    font-size: 16px;
    color: #30C0B4;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    margin-bottom: 20px;
}
.footer-menu ul li {
    float: l100%;
    line-height: 1;
}
.footer-menu ul li a {
    font-size: 13px;
    color: #fff;
    opacity: .66;
    padding: 0;
    display: block;
    line-height: 1;
    margin-bottom: 14px;
}
.footer-para p {
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    opacity: .66;
    margin: 0;
}
.footer-socila-icon {
    margin-top: 0;
}
.footer-socila-icon span {
    font-size: 16px;
    color: #cbcbcb;
    font-weight: 700;
    line-height: 1;
}
.footer-social-icon-list {
    margin-top: 0;
}
.footer-social-icon-list ul li {
    display: block;
    margin-right: 19px;
    transition: .3s;
}
.footer-social-icon-list ul li a {
    color: #ffffff;
    opacity: .66;
    position: relative;
    padding-left: 25px;
}
.footer-social-icon-list ul li a:hover {
	opacity: 1;
}
.footer-socila-icon i {
    font-size: 16px;
    color: #cbcbcb;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}
@media(min-width: 992px) {
	.row-footer-wrap {
		display: grid;
		grid-template-columns : 1fr 1fr 1fr 1.5fr 1.5fr;
		grid-gap : 20px;
	}
}
@media(min-width: 768px) and (max-width: 991px) {
	.row-footer-wrap {
		display: grid;
		grid-template-columns : 1fr 1fr 1fr;
		grid-gap : 20px;
	}
	.footer-wrap-box:nth-child(4) {
		grid-column-start: 1; 
  		grid-column-end: 2; 
	}
	.footer-wrap-box:nth-child(5) {
		grid-column-start: 2; 
  		grid-column-end: 4; 
	}
}
.footer-wrap-box {
	margin-bottom: 20px;
}
@media(max-width: 767px) {
	.footer-wrap-box {
		padding: 0 15%;
	}
}
/* INDEX PAGE */
#myCarousel {
	margin-top: 50px;
}
@media(min-width: 768px) {
	#myCarousel {
		margin-top: 75px;
	}
}
#myCarousel .carousel-control {
	background: transparent;
	opacity: 1;
}
.carousel-control .fa {
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    font-size: 30px;
}
.carousel-control.left {
	left: -10px;
}
.carousel-control.right {
	right: -10px;
}
.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
	position: absolute;
	top: 0;
	height: calc(100% - 25px);
	z-index: 99;
	width: 60px;
	text-align: center;
	font-size: 30px;
}
.bx-default-pager {
	display: none;
}
.bx-controls-direction .bx-next {
	right: 0;
}
.bx-controls-direction .bx-prev i,
.bx-controls-direction .bx-next i {
	position: absolute;
	top: 35%;
	color: #eee;
}
.d-flex {
	display: flex;
}
.index-2 {
	padding: 60px 0 0;
}
@media(max-width: 767px) {
	.index-2 {
		text-align: center;
	}
	.about-title-section p {
		padding-right: 0!important;
	}
	.index-2 img {
		margin-top: 30px;
		width: 100%;
	}
}
.f-left {
    float: left;
}
#events {
	background-image: url(../../images/course/courses_bg.png);
	padding: 45px 0;
}
.events-wrapper {
	margin-bottom: 30px;
}
.events-thumb img {
	height: 250px;
	width: 250px;
	object-fit : cover;
	border-radius: 6px 0 0 6px;
}
.events-list {
	margin-top: 25px;
}
@media(min-width: 768px) {
	.events-inner {
		display: grid;
		grid-template-columns : 1fr 1fr;
		margin-bottom: 20px;
	}
}
.events-inner img {
	width: 100%;
}
@media(max-width: 768px) {
	.events-text {
		border-radius: 0!important;
	}
}
.events-text {
    padding: 15px;
    padding-right: 20px;
    border-radius: 0px 5px 5px 0px;
    padding-bottom: 20px;
}
.events-calendar {
    padding: 10px;
    display: inline-block;
    background-color: #30C0B4;
    border-radius: 5px;
    margin-right: 14px;
}
.date {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.events-calendar .month {
    display: block;
    font-size: 11px;
    color: #FFFF55;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 2px;
    font-weight: bold;
}
.events-text-title {
    overflow: hidden;
}
.events-text-title h4 {
    font-size: 15px;
    color: #333;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 9px;
    margin-top: 4px;
    transition: .4s;
}
.time-area span {
    font-size: 14px;
    line-height: 1;
    color: #002147;
}
.time-area span {
    font-size: 14px;
    line-height: 1;
    color: #002147;
}

span.published-time {
    color: #8a8a8a;
    margin-left: 9px;
}
.events-para p {
    line-height: 26px;
    font-size: 14px;
    color: #444;
    margin: 10px 0 0;
    display: block;
    float: left;
}
.events-speaker {
    margin-top: 10px;
}
.events-speaker h2 {
    font-size: 14px;
    color: #777;
    line-height: 1;
    margin-top: 15px!important;
    display: block;
}
.events-speaker h2 span {
    font-size: 15px;
    font-weight: 600;
}
.about-title-section h1 {
    font-size: 30px;
    color: #002147;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 23px;
}
.about-title-section p {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 30px;
    padding-right: 82px;
}
.about-right-img {
    text-align: right;
}
.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 {
	display: block;
	height: 588px;
}
.banner-outer .slide1 {
	background: url(../../images/banner1.jpg) no-repeat center top / cover;
}
.banner-outer .slide2 {
	background: url(../../images/banner2.jpg) no-repeat center top / cover;
}
.banner-outer .slide3 {
	background: url(../../images/banner3.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-size: 32px;
	color: #24343a;
	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: #24343a;
	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: rgb(57, 57, 134)!important;
	font-size: 14px;
	color: #fff;
	text-transform: 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;
	border : none;
	border-radius: 30px;
	font-size: 18px;
}
.btn {
	outline : none;
}
.btn span {
	margin: 0 8px;
	display: inline-block;
}
.btn:hover, .btn:focus {
	background: #	;
	color: #fff;
}
.btn.white {
	background: #fff;
	color: #595545;
}
.btn.white:hover {
	background: #2c97ea;
	color: #fff;
}
.btn.blue {
	background: #2c97ea;
	color: #fff;
}
.btn.blue:hover {
	background: #3E8AC5;
}
.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;
}
.explore-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #2EC2B2;
	z-index: 999;
	color: #000;
	font-weight: bold;
	padding: 10px 20px;
	display: none;
}
.explore-bottom.active {
	display: block;
}
.explore-bottom .btn {
	padding: 4px 8px;
	box-shadow: none;
	font-size: 11px!important;
}
.explore-bottom.closed {
	display: none!important;
}
.btn-blue:not(:hover) {
	background: #3E8AC5!important;
}
.btn-danger {
	background: #DE3434!important;
}
.section-title-heading h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 30px;
}

.white-color {
    color: #fff;
}
.section-title-para p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

/* courses */
.courses-area {
	background-image: url(../../images/course/courses_bg.png);
	padding: 45px 0;
}
.section-title-heading h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 30px;
}

.section-title-para p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

.courses-wrapper {
    background-color: #fff;
    border-radius: 5px;
}
.courses-active {
	margin-top: 30px;
}
.courses-thumb img {
    width: 100%;
    position: relative;
}
.courses-content {
	padding: 0 10px;
	text-align: center;
}

.courses-wrapper-bottom {
    padding-right: 23px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.courses-wrapper-bottom-2 {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

.courses-content-3 .courses-wrapper-bottom {
    padding: 0;
    margin-top: 30px;
}

.courses-wrapper.course-radius-none {
    border-radius: 0;
}

.courses-wrapper.course-bg-none {
    background: 0;
}
.related-courses-block img {
	display: block;
	margin-bottom: 10px;
	border-radius: 3px;
	opacity: .8;
	-webkit-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	transition: .4s ease-out;
}
.related-courses-block img:hover {
	opacity: 1;
}
.courses-heading h1 {
    font-size: 22px;
    line-height: 1;
    margin: 0;
    color: #002147;
    margin-top: 26px;
    margin-bottom: 19px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.courses-category-name span {
    line-height: 1;
}

.courses-category-name span a {
    font-size: 12px;
    color: #002147;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background-color: #30C0B4;
    padding: 9px 15px;
    border-radius: 3px;
    display: inline-block;
    transition: .3s;
}

.courses-category-name span:hover a {
    color: #fff;
    background-color: #002147;
}

.courses-heading h1 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
    color: #002147;
    margin-top: 16px;
    margin-bottom: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.courses-heading h1:hover a,
.courses-heading h1:focus a {
    color: #30C0B4 !important;
}

.courses-para p {
    line-height: 26px;
    font-size: 14px;
    margin: 0;
    color: #8a8a8a;
}

.courses-single-icon {
    margin-right: 20px;
    font-size: 14px;
    color: #002147;
    padding-right: 20px;
    border-right: 1px solid #e4e4e4;
}
.fixed-navigate-top {
    display: none;
  }
  .fixed-navigate-top-wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 5px 6%;
    background: #f5f5f5;
    text-align: center;
  }
  .btn-theme.call {
  	background: #428AC2;
  }
  .btn-theme.online {
  	background: #129F59;
  }
  .btn-theme.call:hover,
  .btn-theme.online:hover {
  	background: #333;
  }
  @media(max-width: 767px) {
    .fixed-navigate-top {
      display: block!important;
    }
  	.fixed-navigate-top-wrap {
      padding: 0;
  	}
    .fixed-navigate-top .btn-theme {
    	padding: 10px;
    	font-size: 13px;
    	width: 50%;
    	float: left;
    	text-align: center;
    }
  	.btn-theme.call {
  		width: 100%;
  	}
  }
.course-main-content {
    border-bottom: 1px solid #e4e4e4;
}

.courses-single-icon:last-child {
    border: 0;
}

.courses-single-icon span.user-number {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-left: 8px;
}

.courses-icon {
    margin-top: 4px;
}

.courses-button a {
    font-size: 14px;
    color: #002147;
    font-weight: 500;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    transition: .3s;
}

.courses-button:hover a {
    color: #30C0B4;
}

.courses-content-2 {
    padding: 0;
}

.courses-content-2 .courses-heading h1 {
    font-size: 18px;
    margin: 0;
    color: #002147;
    margin-top: 18px;
    margin-bottom: 25px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    padding: 0 34px;
}

.courses-author-2 img {
    margin-top: -30px;
    position: relative;
    z-index: 1;
}

.courses-single-icon-2 {
    display: inline-block;
    margin: 0px 9px;
}

.courses-single-icon-2 span.price,
.courses-single-icon-2 span.seat {
    font-size: 14px;
    color: #777777;
    font-weight: 600;
    margin-left: 3px;
}

.courses-single-icon-2 span.user-number {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-left: 1px;
    font-size: 16px;
    color: #f6393e;
}

.courses-content-2 {
    padding: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 9px;
}

.courses-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: 0;
    border: 0;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.courses-list:hover .courses-active .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.courses-active .slick-next {
    right: -50px;

}

.courses-active .slick-prev {
    z-index: 1;
    left: -50px;
}

.courses-active .slick-next::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    right: -40px;
    top: 13px;
    background: #fff;
}

.courses-active .slick-prev::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    left: -40px;
    top: 13px;
}

.courses-active .slick-arrow:hover {
    color: #30C0B4;
}

.courses-single-icon .ti-user {
    display: inline-block;
}


/* ABOUT PAGE */
.about {
	display: block;
	position: relative;
	padding: 100px 0 0 0;
	background: url(../../images/about-bg.jpg) no-repeat center bottom;
}
.about ul.our-links {
	display: block;
	margin: -130px 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: #106cf5;
}
.about ul.our-links li.prospects .detail p.more {
	border: 2px #106cf5 solid;
	color: #106cf5;
}
.about ul.our-links li.prospects {
	background: #2c97ea;
}
.about ul.our-links li.prospects .detail p.more {
	border: 2px #2c97ea solid;
	color: #2c97ea;
}
.about ul.our-links li.certification {
	background: #09c4d6;
}
.about ul.our-links li.certification .detail p.more {
	border: 2px #09c4d6 solid;
	color: #09c4d6;
}
.about ul.our-links li {
	display: block !important;
	padding: 24px 10px 30px 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-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 p.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: #106cf5;
	border-radius: 50%;
	text-align: center;
	border: 2px #106cf5 solid;
}
.about ul.our-links li .detail p.more:hover {
	color: #211d1e;
}
.about .sm-head {
	display: block;
	font-family: 'texgyreadventorregular';
	font-size: 14px;
	color: #7d7c7c;
	line-height: 18px;
	text-transform: uppercase;
}
.about .left-block {
	display: block;
}
/* UPCOMING EVENTS PAGE */
@media(min-width:768px) {
	.about .upcoming-block {
		display: grid;
		grid-template-columns: 200px auto;
		grid-column-gap : 20px;	
	}
}
.about .img-upcoming img {
	width : 100%;
	margin-bottom: 15px;
}
.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%;
}
#thumbnail_container {
	overflow: hidden;
	width: 100%;
}
.about .video-block img {
	width: 100%;
}
.about .video-block a {
	width: 67px;
	display: block;
	position: absolute;
	margin: -34px auto 0;
	left: 0px;
	right: 0px;
	top: 50%;
	cursor: pointer;
}
.about h2 {
	padding-bottom: 10px !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-size: 14px;
	color: #645847;
	text-transform: uppercase;
}
.about a.know-more span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 4px;
	color: #2FC3B6;
}
.about a.know-more:hover span {
	color: #3E8AC5;
}

/* HOSTEL FACILITIES PAGE */
.hostel-facilities {
	padding: 30px;
}
.hostel-facilities h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
.facilities-box-top {
	/* background: #eee; */
	/* padding: 35px; */
	margin-bottom: 20px;
}
.facilities-box-top p {
	margin-bottom: 10px;
	line-height: 22px;
}
@media(min-width: 0) {
	.split-2 {
		display: grid;
		grid-template-columns : 1fr 1fr;
		grid-gap : 5px;
		margin-top: 5px;
	}
}
.box-amenties-wrap {
	display: grid;
	grid-template-columns : repeat(7, 1fr);
	grid-gap : 10px;
	padding: 15px 0;
}
@media(min-width: 768px) and (max-width: 991px) {
	.box-amenties-wrap {
		grid-template-columns : repeat(4, 1fr);
	}
}
@media(max-width: 767px) {
	.box-amenties-wrap {
		grid-template-columns : repeat(2, 1fr);
	}
}
.box-amenties {
	text-align: center;
	border: 1px dashed #888;
	border-radius: 6px;
	padding: 10px;
}
.box-amenties img {
	width: 70px;
	height: 60px;
	margin-bottom: 6px;
}
.box-amenties h4 {
	font-size: 13px;
}
.amentiesWrapper {
	border: 1px dashed #666;
	border-radius: 5px;
	margin-top: 20px;
	padding: 35px;
}
.row-campus-grid  {
	padding: 0;
}
@media(min-width: 992px) {
	.row-campus-grid {
		display: grid;
		grid-template-columns : 1fr 1fr;
	}
}
.row-campus-grid > div {
	padding: 35px;
	background: #f5f5f5;
}
.row-campus-grid > div h2 {
	font-size: 18px;
	margin-bottom: 4px;
}
.row-campus-grid > div h3,
.row-campus-grid > div h4 {
	font-size: 16px;
	color: #2FC1B4;
	margin-bottom: 5px;
}
.row-campus-grid > div h4.parallel {
	padding-left: 15px;
}
.row-campus-grid > div p {
	margin-bottom: 15px;
	line-height: 22px;
	color: #666;
}
.row-campus-grid > div:first-child {
	background: #eee;
}
/* CONSOLIDATION COURSE PAGE */
.consolidation-course {
	background: #fff;
	padding: 30px;
}

/* FOUNDER PAGE */
.img-founder {
	width: 250px;
    height: 250px;
    margin-top: 30px;
    border: 1px solid #ddd;
    border-radius: 0;
}
@media(min-width: 992px) {
	.founder-wrap {
		display: grid;
		grid-template-columns : 1fr 1fr;
	} 
}
.founder-wrap > div {
	padding: 50px;
}
.founder-wrap .left {
	display: flex;
}
.founder-wrap .right {
	text-align: left;
	background: #f5f5f5;
}
.founder-wrap .right h5 {
	line-height: 26px;
	margin-bottom: 10px;
}
.founder-wrap .right p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px;
}

/* VISION MISSION PAGE */
.row-vision-mission-wrap {
	padding: 30px;
}
@media(min-width: 992px) {
	.row-vision-mission-wrap {
		display: grid;
		grid-template-columns : repeat(3, 1fr);
		grid-gap : 20px;
		padding: 50px 0;
	}	
}
.vm-box {
	border: 1px solid #333;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}
.vm-box .vm-content {
	padding: 5px 20px 15px 20px;
}
.vm-box h3 {
	margin: 0 0 10px;
	font-size: 20px;
}
.vm-box img {
	width: 100%;
	margin-bottom: 15px;
}
@media(min-width: 992px) {
	.vm-box img {
		height: 200px;
		object-fit : cover;
	}	
}
.vision-mission-box img {
	width: 100%;
	margin-bottom: 10px;
	height: 100%;
	object-fit : cover;
}
@media(min-width: 992px) {
	.vision-mission-box {
		display: grid;
		grid-template-columns : 1fr 2fr;
		grid-gap : 20px;
	}
}

/* INDEX PAGE */
@media(min-width : 768px) {
	.announcement {
		margin-bottom: 30px;
		margin-top: 30px;
	}
}
.announcement img {
	width: 100%;
}
.box-announcement-big h4 {
	margin: 10px 0;
	font-size: 20px;
}
.box-announcement-big h6 {
	color: #888;
	margin-bottom: 10px;
}
.box-announcement-big p {
	line-height: 20px;
	color: #333;
	font-size: 14px;
	margin: 10px 0;
}
.box-announcement-big a {
	color: #665;
	font-style: italic;
	margin-top: 10px;
}
.announcement p {
	padding-bottom: 0;
	color: #777;
	font-size: 14px;
	font-weight: normal;
}
.announcement-right {
	background: #2EC2B2;
	overflow: hidden;
	padding: 10px;
}
.announcement-right img {
	width: 100%;
	-webkit-transition: .6s ease-out;
	-o-transition: .6s ease-out;
	transition: .6s ease-out;
}
.announcement-right:hover img {
	transform : scale(1.1);
}
.online-education {
	padding: 40px 6%;
	background: #f5f5f5;
}
/*-----------------------
	cources
-----------------------*/
.padding-lg {
	display: block;
	padding-top: 45px;
	padding-bottom: 45px;
}
.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-size: 17px;
	font-weight: bold!important;
	text-transform: uppercase;
	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-family: 'texgyreadventorregular';
	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;
}
.our-cources ul.course-list li .inner figure {
	position: absolute;
	left: 4px;
	top: 1px;
	opacity: 0.3;
}
.our-cources ul.course-list li h3 {
	display: block;
	padding-bottom: 10px;
	
	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: #2FC3B6;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	position: relative;
	text-transform: uppercase;
}
.our-cources ul.course-list li .fess-box span {
	
	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-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.our-cources ul.course-list li .duration span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	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;
}
.table-course-detail {
	margin-top: 10px;
}
.table-course-detail tr th,
.table-course-detail tr td {
	padding: 8px!important;
}
.table-course-detail tr th {
	width: 200px;
}
.table-course-detail tr th .fa {
	color: #2EBDB0;
}
.serial-row th {
	background: #eee;
	font-weight: bold!important;
}
/*-----------------------
	impotance
-----------------------*/
/*.our-impotance {
	background: #fff;
}*/
.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 a:hover h3 {
	color: #2EC2B2;
}
.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 0 0;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	text-transform: none;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient : vertical;
	-webkit-line-clamp: 2;
	height: 70px;
	/* background: red; */
	text-overflow : ellipsis;
	overflow: hidden;
}
.our-impotance ul li h3 span {
	display: block;
}
.our-impotance ul li p {
	display: block;
	font-size: 12px;
	color: #ddd;
	line-height: 18px;
	display: -webkit-box;
	-webkit-box-orient : vertical;
	-webkit-line-clamp : 3;
	text-overflow : ellipsis;
	overflow: hidden;
}

/*-----------------------
	how study
-----------------------*/
.how-study {
	background: #f3f6f8
}
.how-study h2 {
	color: #2d4256;
}
.how-study h2 span {
	color: #7d8792;
	margin-bottom: 10px;
}
.how-study ul {
	display: block;
}
.how-study ul li img {
	width: 100%;
	height: 290px;
	object-fit : cover;
}
.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: rgba(0, 0, 0, 0.5);
	transition: all 0.4s ease 0s;
}
.how-study ul li .cnt-block {
	max-width: 220px;
	position: absolute;
	bottom: 30px;
	left: 11%;
	color: #fff;
}
.how-study ul li .cnt-block h3 {
	display: block;
	padding-bottom: 12px;
	font-family: 'texgyreadventorregular';
	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: #2FC3B6;
}
.how-study ul li:nth-child(2) .cnt-block h3:before, .how-study ul li:nth-child(2) a.more:hover {
	background: #3E8AC5;
}
.how-study ul li:nth-child(3) .cnt-block h3:before, .how-study ul li:nth-child(3) a.more:hover {
	background: #1876bf;
}
.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: #2FC3B6;
	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: #3E8AC5;
	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-family: 'texgyreadventorregular';
	font-size: 48px;
}
ul.our-strength li .couter-outer {
	display: block;
}
ul.our-strength li .title {
	display: block;
	font-family: 'texgyreadventorregular';
	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;
	box-shadow: 0px 0px 3px #c4c6c8;
	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: 40px 30px 30px 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: #2c97ea;
	border-radius: 50%;
	font-size: 34px;
	color: #fff;
	box-shadow: 0px 5px 5px #c0e0f9;
}
.news-events ul li .cnt-block .plus-icon:hover {
	background: #2FC3B6;
}
.news-events ul li .cnt-block h3 {
	display: block;
	padding-bottom: 36px;
	font-family: 'texgyreadventorregular';
	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;
}
.newsletter {
    background: url(../../images/bg-newsletter.jpg) no-repeat;
    background-size: cover;
    padding: 45px;
    color: #ddd;
  }
  .newsletter h3 {
    display: block;
    margin-top: 20px!important;
    color: #fff;
    font-size: 22px;
  }
  .form-newsletter {
    margin-top: 20px;
  }
  .form-newsletter input {
    margin-bottom: 20px;
    height: 45px;
    border: none;
    background: #3b4b6b!important;
    color: #fff!important;
    outline: none!important;
    font-weight: normal;
  }
  .form-newsletter input::-webkit-input-placeholder { 
    color: #aaa;
  }
  .form-newsletter input:-ms-input-placeholder {
    color: #aaa;
  }
  .form-newsletter input::placeholder {
    color: #aaa;
  }
  .form-newsletter .btn {
    padding-left: 35px;
    padding-right: 35px;
  }
  @media(min-width: 992px) {
    .grid-2 {
      display: grid;
      grid-template-columns : 1fr 1fr;
      grid-gap : 20px;
    }
  }

/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
	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;
}
.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-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: #2FC3B6;
	transition: all 0.3s ease 0s;
}
.news-events a.know-more:hover span {
	color: #3E8AC5;
}

/*-----------------------
	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%;
	margin-top: -57px;
	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-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: #2FC3B6;
	font-size: 22px;
	color: #fff;
}
.campus-tour ul.gallery li a.more {
	background: #3E8AC5;
}
.campus-tour ul.gallery li a:hover {
	background: #2c97ea;
}
.mfp-arrow-left:before, .mfp-arrow-left:after, .mfp-arrow-right:before, .mfp-arrow-right:after {
	border: none;
}
.mfp-arrow-left:before, .mfp-arrow-right:after {
	width: 20px;
	height: 38px;
	display: block;
	content: "";
	background: url(../../images/popup-arrows.png) no-repeat center bottom;
}
.mfp-arrow-left:before {
	background-position: left top;
}
.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;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/*-----------------------
	client logos
-----------------------*/
.logos {
	display: block;
	padding: 60px 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: #2e5f85;
	opacity: 0.8;
}
.testimonial .container {
	position: relative;
	z-index: 2;
}
.testimonial h2 {
	
	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-family: 'texgyreadventorregular';
	font-size: 23px;
	color: #b2d3ed;
	line-height: 38px;
}
.testimonial ul li p a {
	
	font-size: 18px;
	color: #fff;
}
.testimonial ul li span {
	font-family: 'texgyreadventorregular';
	font-size: 18px;
	color: #fff;
}
.testimonial ul li span span {
	font-size: 14px;
	color: #7fadd2;
}
.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: #234a66;
}
.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-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.footer .foot-nav ul li a {
	font-size: 14px;
	color: #8eb6d6;
}
.footer .foot-nav ul li a:hover {
	color: #fff;
}
.footer .footer-logo {
	display: block;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px #3e6583 solid;
}
.footer p {
	font-size: 12px;
	color: #8eb6d6;
}
.footer p span {
	color: #fff;
	font-weight: 700;
}
.footer ul.terms {
	display: block;
}
.footer ul.terms li {
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 700;
}
.footer ul.terms li:after {
	display: inline-block;
	padding: 0 4px;
	content: " I ";
}
.footer ul.terms li:last-child:after {
	display: none;
}
.footer ul.terms li:first-child {
	padding-left: 0px;
}
.footer ul.terms li a {
	color: #8eb6d6;
}
.footer ul.terms li a:hover {
	color: #fff;
}
.footer .bottom {
	display: block;
	padding: 20px 0;
	background: #2e5f85;
}
.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 #4d87b5 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 .subscribe {
	display: block;
	padding: 14px 58px 18px 0;
	width: 95%;
	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: #2c97ea;
	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;
}
.address-h4 {
	color: #8eb6d6;
	font-size: 16px;
	text-transform: capitalize;
}
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: #3E8AC5;
}
a.scroll-top:hover {
	background: #2FC3B6;
}

/* ================================================== */
/* 06. 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: #3E8AC5
}
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-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: #3E8AC5;
}
.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: 0;
}
.modal-account .modal-body {
	padding : 30px 30px 10px;
}
.close {
	opacity : 1;
}

/* TERMS AND CONDITIONS PAGE */
  ul {
    list-style: none;
  }
  .small-print-block {
    max-width: 960px;
    margin: 40px auto;
  }
  ul.terms {
    list-style-type: none;
  }
  ul.terms > ul {
    margin-left: 20px;
    margin-bottom: 20px;
  }
  ul.terms.privacy > li > ul > li {
    margin-bottom: 25px  
  }
  ul.terms li {
    position: relative;
    font-size: 15px;
    padding-left: 30px;
    margin-bottom: 15px;
  }
  ul.terms > li {
    /* background: #eee;
    padding: 25px; */
  }
  ul.terms li span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
  }
  ul.terms li h4 {
    text-transform: uppercase;
    color: #715675;
    font-weight: bold;
    font-size: 16px;
  }
  ul.terms li h4 span {
    display: none;
  }
  ul.terms li > ul >li ul li {
    padding-left: 40px;
  }
  ul.decorate li {
    position: relative;
    padding-left: 25px!important;
  }
  ul.decorate li::before {
    content: '\f105';
    font-family: 'FontAwesome';
    left: 10px;
    top: 0;
    position: absolute;
  }

/* ================================================== */
/* 07. cources listing page */
/* ================================================== */
.inner-banner {
	position: relative;
	display: block;
	padding: 24px 15px 15px;
	margin-top: 75px;
	background: url(../../images/bg_breadcrumb.jpg) no-repeat center top / cover;
}
.inner-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
@media(min-width: 768px) {
	.inner-banner .content {
		display: grid;
		grid-template-columns : 1fr 1fr;
	}
	.inner-banner .content .right h1 {
		display: none;
	}
	.inner-banner .content h1 {
		text-align: left;
	}
}
.inner-banner h1 {
	display: block;
	padding-bottom: 8px;
	font-size: 14px;
	color: #eee;
	text-transform: capitalize;
	text-align: center;
}
.inner-banner p {
	display: none;
	font-size: 14px;
	line-height: 26px;
	color: #5f6465;
}
.inner-banner a.apply-online {
	max-width: 246px;
	display: block;
	margin-top: 16px;
	margin-bottom: 26px;
	background: #2FC3B6;
	text-transform: uppercase;
	
	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;
}
.inner-banner .right {
	display: none;
}
a.download-prospects {
	display: block;
	padding: 0 10px 10px 0;
	
	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-family: 'texgyreadventorregular';
	font-size: 12px;
	color: #8f9ba1;
	line-height: 14px;
	text-transform: uppercase;
}
a.download-prospects:hover, a.download-prospects:hover span {
	color: #2c97ea;
}
.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: #2c97ea;
	border-right: 1px #fff solid;
}
a.download-cert {
	background: #f0bc01;
	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: 12px;
	text-transform: uppercase;
	line-height: 18px;
	opacity: 0.7;
}
a.download-pros:hover, a.download-cert:hover {
	background-color: #3E8AC5;
}
.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;
	font-family: 'texgyreadventorregular';
	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 {
	
	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: #2FC3B6;
	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-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;
}

/* ================================================== */
/* 08. course detail page */
/* ================================================== */
section.product .col.menu-right{
    /* background: #F7F7F7; */
    /* padding: 40px; */
}
section.product .col.menu-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
    margin-top: 15px;
}
section.product .col.menu-right ul a {
    text-decoration: none;
    color: #666!important;
}
section.product .col.menu-right ul a li {
    padding: 15px 0;
    border-bottom: 1px solid #ddd!important;
    font-size: 17px;
}
section.product .pg-cate{
	margin-bottom: 0;
}
section.product .pg-cate .panel-default{
	border: 0;
	box-shadow: none;
}
section.product .pg-cate .panel-default > .panel-heading{
    padding : 15px 10px 5px;
	padding-left: 0;
	border-bottom: 1px solid #ddd;
}
section.product .pg-cate .panel-default .panel-collapse{
	background: #eee!important;
}
section.product .pg-cate .panel-default .panel-collapse .panel-body{
	padding: 0!important;
	border-top: none!important;
	background: #f5f5f5!important;
}
section.product .pg-cate .panel-default .panel-collapse .panel-body a{
	padding: 5px 10px!important;
	font-size: 13px;
	font-size: 14px;
	ont-weight: normal!important;
	width: 100%;
	border-bottom: 1px dashed #ddd;
}
section.product .pg-cate .panel-default .panel-collapse .panel-body a:last-child{
    margin-bottom: 20px;
}
.courseFrequencyTable tr th {
	width: 140px;
}
.payment-box div.bg {
	padding: 15px 20px;
	margin-bottom: 6px;
	background: #129F59;
	color: #eee;
	border-radius: 4px;
}
.payment-box div.bg2 {
	background: #428AC2;
}
.payment-box div.bg3 {
	background: #30C0B4;
}
.payment-box div h5 {
	margin-bottom: 6px;
	font-size: 16px;
	color: #fff;
}
.payment-box div p {
	line-height: 20px;
	font-size: 18px;
	font-weight: bold!important;
}
.payment-box div .btn {
	padding: 4px 12px;
	margin: 0!important;
	color: #222;
	font-size: 16px;
	background: #eee;
	line-height: 1px;
	border-radius: 4px!important;
}
.payment-box div .btn span {
	font-size: 13px;
	color: #666;
	opacity: 1;
}
.payment-box > div .btn:hover,
.payment-box > div .btn:hover span {
	color: #eee;
}
.payment-box > div.req {
	text-align: center;
}
.cb,.wp {
	padding: 7px;
}
.payment-box > div.req .btn-theme {
	background: #FF2A55!important;
	padding: 15px;
}
.btn-theme.whatsapp {
	background: #129F59;
	color: #fff;
}
.payment-box > div.req p {
	line-height: 34px;
	text-transform: uppercase;
}
.wp a,.wp p {
	color: #129F59;
}
@media(max-width: 767px) {
	.courseFrequencyTable tr th {
		display: none;
	}
	.common-btn-batch a {
		display: block;
		margin-bottom: 10px;
	}
}
#filterModal.xsCategory .modal-content{
    background: #f5f5f5;
}
#filterModal.xsCategory .modal-body{
    padding : 20px 40px;
}
.closeCategory{
    cursor: pointer;
    font-size: 22px;
}
.table-collapse tr:first-child td {
	background: #002147;
	color: #eee;
	font-weight: normal;
	text-transform: uppercase;
}
/*.table-collapse tr #tdid {
	background: #002147;
	color: #eee;
	font-weight: normal;
	text-transform: uppercase;
}*/


@media(min-width: 992px) {
	.table-collapse tr td:first-child {
		width: 500px;
	}
}
.table-collapse tr td {
	position: relative;
}
@media(max-width: 767px) {
    /*.table-collapse tr:first-child {
      display: none;
    }
    .table-collapse {
      width: 100%;
      background: transparent;
      border: none;
      border-top: 1px solid #ddd;
    }
    .table-collapse tr td {
      display: block;
      width: 100%;
      position: relative;
      padding-left: 95px!important;
      border: 1px solid #fff;
    }
    .table-collapse tr td:last-child {
      border-bottom: 1px solid #ddd;
    }
    .table-collapse tr td::before {
      content: attr(data-title);
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background: #f5f5f5;
      width: 85px;
      color: #333;
      padding: 5px 10px;
    }
    .table-collapse tr td:first-child::before {
      background: #e5e5e5;
    }*/
  }
.course-big-img {
	margin-bottom: 10px;
}
.enquire-wrapper {
	max-width: 438px;
	border: 1px dashed #888;
}
.enquire-now {
	max-width: 405px;
	margin: -90px auto 0;
	position: relative;
	color: #fff;
}
.enquire-now .inner {
	padding: 0px 26px 30px 26px;
	background: #fff;
}
.enquire-now .inner h3 {
	display: block;
	padding: 10px 0;
	font-size: 20px;
	color: #333;
	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 {
	width: 100%;
	height: 44px;
	padding: 0 15px;
	background: #60b1f0;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px #fff solid;
}
.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-size: 16px;
	text-transform: uppercase;
	background: #2FC3B6;
	border: none;
}
.enquire-now .enquire-btn span {
	margin-left: 4px;
	font-size: 14px;
	opacity: 0.5;
}
.enquire-now .enquire-btn:hover {
	background: #3E8AC5;
}
.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-size: 18px;
	color: #211d1e;
	z-index: 1;
	position: relative;
}
ul.cert-list {
	display: block;
}
ul.cert-list li {
	width: 100%;
	float: left;
	padding: 7px 0 7px 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: 9px;
	font-family: 'icomoon';
	font-size: 15px;
	color: #2c97ea;
	content: "\e91f";
}
ul.cert-list li:last-child {
	border-bottom: none;
}
ul.cert-list li span {
	display: inline-block;
	margin-right: 6px;
	color: #2c97ea;
}

.course-wrapper {
	background: #fff;
	border: 1px solid #30C1B3;
	padding: 30px;
	margin-bottom: 15px;
	border-radius: 4px;
}
.course-wrapper:last-child {
	margin-bottom: 0;
}
.course-detail {
	display: block;
	padding: 15px 15px 15px;
	background: #f5f5f5;
	margin-top: 10px;
}
@media(min-width: 992px) {
	.row-courses {
		display: grid;
		grid-template-columns : 1fr 3fr;
		grid-gap : 20px;
	}
}
@media(min-width: 767px) {
	.course-detail {
		display: grid;
		grid-template-columns : 1fr 1fr;
	}		
}
.action-box a {
	margin-top: 20px;
	font-size: 13px;
	padding: 7px 15px;
}
.action-box a.lite {
	background: #2EC2B2;
}
.action-box a:hover {
	background: #333;
}
.row-courses .left {
	background: #f5f5f5;
}
.row-courses .left h5 {
	padding: 15px 15px;
	background: #444;
	color: #fff;
}
.nav-courses li {
	display: block;
	width: 100%;
	margin-left: 0!important;
	position: relative;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
}
@media(max-width: 991px) {
	.nav-courses {
		margin-bottom: 20px;
	}
	.nav-courses li {
		width: 33.3%;
		display: inline-block;
	} 
	.inner-banner {
		margin-top: 50px;
	}
}
.nav-courses li a {
	display: block;
	padding: 0px 30px;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
}
.nav-courses li.active {
	background: #30C1B3;
}
@media(min-width: 991px) {
	.nav-courses li.active::before {
		content: '';
		position: absolute;
		top: 0;
		right: -15px;
		width: 0;
		height: 0;
		border-top: 25px solid transparent;
		border-left: 30px solid #30C1B3;
		border-bottom: 25px solid transparent;
	}
}
.nav-courses li a .fa {
	font-size: 25px;
}
.detail-p {
	font-size: 14px;
	color: #6e6b6b;
	padding-bottom: 0!important;
	line-height: 28px;
}
.detail-p a {
	color: #3D8BC7;
}
.detail-p strong {
	color: #444;
	font-weight: bold!important;
}
.course-detail > div {
	position: relative;
	font-size: 14px;
	border-right: 1px solid #eee;
	color: #555;
	padding-left: 75px;
}
.course-detail > div:last-child {
	border-right: none;
}
.course-detail .duration .icon {
	font-size: 34px;
	margin-right: 15px;
}
.course-detail .duration .detail span {
	padding-bottom: 0px;
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 16px;
}
.course-detail .duration .icon {
	width: 47px;
	height: 47px;
	position: absolute;
	left: 15px;
	top: 4px;
	display: table;
	float: left;
	background: #edf1f4;
	border-radius: 50%;
	font-size: 24px;
	color: #79a2c2;
	text-align: center;
}
.grid-3 {
	display: grid;
	grid-template-columns : repeat(3, 1fr);
}
@media(max-width: 767px) {
	.xsPad {
		padding: 0 20px;
	}
	.grid-3 {
		display: block;
	}
	.course-detail .duration .icon {
		position: relative;
		width: 100%;
		border-radius: 0;
		margin-bottom: 15px;
		left: 0;
		top: 0;
	}
	.course-detail .duration .detail {
		text-align: center;
	}
}
.course-detail .duration .icon span {
	display: table-cell;
	vertical-align: middle;
}
.course-detail a {
	display: block;
	margin-bottom: 10px;
}

/*-----------------------
	course detail tab
-----------------------*/
.details-tab {
	display: block;
	padding: 50px 0 90px 0;
	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-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 #3E8AC5 solid !important;
	color: #3E8AC5;
}
.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: #3E8AC5;
}
.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: #2c97ea;
	font-size: 11px;
	color: #fff;
	border-radius: 2px;
}
#curriculam .lecture-txt a.preview:hover {
	background: #2FC3B6;
}
.details-tab .course-table {
	border: 1px #d8e0e7 solid;
	margin: 0px;
}
.details-tab .course-table > thead > tr > th {
	padding: 11px 30px;
	background: #e9f4fd;
	
	text-transform: uppercase;
	font-size: 14px;
	color: #4e5d52;
	border-color: #c3e1f9;
}
.course-table > tbody > tr > td, .course-table > tfoot > tr > td, .course-table > thead > tr > td {
	padding: 28px 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: #707c82;
}
.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: #2FC3B6;
	content: "\f105";
}
#schedule .course-table > thead > tr > th:first-child {
	width: 55%;
}
#schedule .fee-amt {
	
	font-size: 24px;
	color: #585d60;
}
#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: #2c97ea;
	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: #2c97ea;
	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;
	padding-bottom: 70px;
}
.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: #2FC3B6;
	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-size: 18px;
	line-height: 44px;
	color: #fff;
	background: #2c97ea;
	border-radius: 50%;
}
.how-apply ul li:hover .icon-block, .how-apply ul li.active .icon-block {
	background: #3eb25c;
}
.how-apply ul li:hover .num, .how-apply ul li.active .num {
	background: #2FC3B6;
}
.how-apply ul li h3 {
	display: block;
	padding: 34px 0 25px 0;
	
	font-size: 18px;
	color: #211d1e;
	text-transform: uppercase;
}
.how-apply ul li p {
	display: block;
	padding: 0 40px 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;
}

/*-----------------------
	comments section
-----------------------*/
.comments-wrapper {
	display: block;
	background: #f3f6f8;
}
.comments-wrapper h2 {
	display: block;
	padding-bottom: 22px;
	
	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-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: #2FC3B6;
}
.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-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;
}

/* ================================================== */
/* 09. 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;
}
.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: #3E8AC5;
	color: #fff;
	box-shadow: 0 0 30px #bfcdbf;
	position: relative;
	z-index: 2;
}
.facilities .contact-detail {
	width: 100%;
	margin: 20px 0;
	max-width: none;
	border-radius: 6px;
}
.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;
	
	color: #fff;
}
.contact-bottom {
	display: block;
	padding: 27px 0 23px 0;
	background: #2FC3B6;
	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: #3E8AC5;
	border-radius: 4px;
}
.msg-success:after {
	display: inline-block;
	vertical-align: middle;
	font-family: 'FontAwesome';
	content: "\f00c";
	float: right;
}

/* ================================================== */
/* 10. blog page */
/* ================================================== */
.inner-banner.blog {
	padding: 60px 0;
	margin-top: 50px;
}
.inner-banner.blog .content {
	margin: 0 auto;
	text-align: center;
}
.blog-wrapper {
	display: block;
}
.blog-left {
	display: block;
	position: relative;
}
.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-family: 'texgyreadventorregular';
	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-size: 14px;
	color: #606d87;
	text-transform: uppercase;
}
ul.blog-listing > li .read-more span {
	vertical-align: middle;
	margin-right: 7px;
	font-size: 18px;
	color: #2FC3B6;
	transition: all 0.3s ease 0s;
}
ul.blog-listing > li .read-more:hover span {
	color: #3E8AC5;
}
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: #2FC3B6;
}
.blog-right {
	display: block;
	padding-left: 100px;
}
#categoryXsModal .modal-body {
	padding: 40px 60px 0;
}
#categoryXsModal .blog-right {
	padding: 0;
}
.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: #2FC3B6;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.search-block .search:hover {
	background: #3E8AC5;
}
.blog-right h3 {
	padding-bottom: 16px;
	font-size: 17px;
	color: #606d87;
	text-transform: uppercase;
}
.category {
	display: block;
	padding-bottom: 70px;
}
#categoryXsModal .blog-right .category {
	padding-bottom: 30px;
}
.category h3 {
	border-bottom: 1px #eee solid;
}
.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: 13px;
	color: #899eaa;
}
.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: #2c97ea;
}
.recent-post {
	padding-bottom: 10px;
}
.recent-post .recent-post-thumb img {
	width: 60px;
	height: 55px;
	object-fit : cover;
}
.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-text {
    margin-left: 15px;
}
.recent-post-text p {
    font-size: 12px;
    color: #fff;
    opacity: .66;
    line-height: 24px;
    margin-bottom: 0;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 2;
    text-overflow : ellipsis;
    overflow: hidden;
}
.footer-time {
    margin-top: 0;
    color: #777;
}
span.footer-published-time {
    margin-left: 9px;
    color: #fff;
}

.footer-time span {
    font-size: 12px;
    line-height: 1;
    margin: 0;
    color: #30C0B4;
}
span.footer-published-time {
    color: #b6b3b3;
    opacity: .66;
    margin-left: 7px;
    margin-top: -4px;
    font-size: 11px;
}
.recent-post ul li .detail {
	width: 78%;
	padding-left: 15px;
	float: left;
}
.recent-post ul li .detail h4 {
	padding-bottom: 4px;
	
	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;
}
#categoryXsModal .blog-right .archives{
	padding-bottom: 30px;
}
#categoryXsModal .close {
	opacity: 1;
	position: absolute;
	background: #FFFFD4;
	top: 0px;
	right: 0;
	text-shadow : none;
	padding: 15px;
}
.xs-btn-category {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	font-size: 15px;
	background: #30C1B3;
	z-index: 10;
}
.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: #2FC3B6;
}
.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: #3E8AC5;
}

/* ================================================== */
/* 11. blog detail 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: #3E8AC5;
	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;
}

/* ================================================== */
/* 12. 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-size: 30px;
	color: #bcbfc1;
	text-transform: uppercase;
}

/* ================================================== */
/* 13. FAQ pages */
/* ================================================== */

/*-----------------------
	FAQ 1
-----------------------*/
.course-highlights {
	margin-top: 30px;
}
.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: 15px 0;
	border-bottom: 1px #e2e4e6 solid;
	position: relative;
}
ul.faq-listing li .inner:before {
	/*position: absolute;
	left: 0px;
	top: 16px;
	font-family: 'FontAwesome';
	font-size: 27px;
	color: #c5d4da;
	content: "\f105";*/
}
ul.faq-listing li h2 {
	font-size: 16px;
	color: #284962;
	text-transform: uppercase;
	line-height: 26px;
	font-weight: bold!important;
}
.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: #333;
	color: #fff;
}
.pagination.blue > li > a.active,
.pagination.blue > li > a:focus, .pagination.blue > li > a:hover, .pagination.blue > li > span:focus, .pagination.blue > li > span:hover {
	background: #2FC3B6;
}
.pagination.blue > li > a.active {
	color: #fff;
}

/*-----------------------
	FAQ 2
-----------------------*/
.faq-wrapper.faq2{
	background:#fff;
}
.faq-wrapper.faq2 .search-block{
    padding-left: 50px;
	box-shadow:none;
}
.faq-wrapper.faq2 .search-block input{
	border:2px #2FC3B6 solid;
	border-radius:4px 0 0 4px;
	border-right:none;
}
.panel-default{
	background:none;
	border:none;
	border-radius:0px !important;
	box-shadow:none;
	margin-bottom: 10px!important;
}
.panel-group .panel + .panel{
	margin:0px;
}
.panel-default > .panel-heading{
	padding: 0;
	background:none;
	border:none;
	color: #fff;
	background: #4B90C6;
}
.panel-default .panel-title{
	font-size:16px;
	text-transform:inherit;
}
.panel-default .panel-title a {
    display: block;
    padding: 12px;
    padding-left: 35px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    /* font-weight: bold!important; */
}
.categoriesList .panel-default .panel-title a {
	padding-left: 0;
	font-size: 14px;
}
.categoriesList a {
	color: #777;
}
.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed:before{
    position: absolute;
    left: 16px;
    top: 7px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 24px;
    color: #fff;
}
.categoriesList .panel-default .panel-title a::before {
	display: none;
}
.panel-default .panel-title a:before{
	/* top:-20px; */
	content:" - ";
	color: #fff;
}
.panel-default .panel-title a.collapsed{
	color: #fff;
	font-size: 16px;
	font-weight: normal!important;
}
.panel-default .panel-title a.collapsed:before{
	content:" + ";
	color: #fff;
}
.panel-default .panel-body{ 
	padding: 0;
}
.panel-default .panel-body p{ 
	padding-bottom:15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{ 
	border:none;
}
.table-collapse tr td {
	padding: 10px!important;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #111;
}
.table-collapse tr:first-child td {
	background: #fff;
	color: #111;
}
@media(min-width: 992px) {
	/*.table-collapse tr:first-child td {
		background: #f5f5f5;
		color: #111;
	}*/

.table-collapse tr #tdid {
	background: #f5f5f5;
		color: #111;
	}
}

.table-collapse tr td .btn {
	padding: 3px 10px;
	width: 100%;
	font-size: 12px;
	background: #fff;
	border: 1px solid #222;
	color: #111;
}
.table-collapse tr td .btn.btn1 {
	border-color: #2C97EA;
	background: #2C97EA;
	color: #fff;
}
.table-collapse tr td .btn.btn2 {
	border-color: #2EC0B3;
	background: #2EC0B3;
	color: #fff;
}
.table-collapse tr td .btn:hover {
	border-color: #111;
	background: #111;
	color: #fff;
}
@media(max-width: 991px) {
	.table-collapse {
	  width: 100%;
	  background: transparent;
	  border: none;
	  border : 1px solid #ddd;
	}
	.table-collapse tr td {
	  display: block;
	  width: 100%;
	  position: relative;
	  border: 1px solid #fff!important;
	}
    .table-collapse tr td:last-child {
      border-bottom: 1px solid #ddd!important;
    }
    .table-collapse tr:first-child td:last-child {
      border-bottom: none;
    }
}

/* ================================================== */
/* 14. login page */
/* ================================================== */
.fill-bg {
    background: url(../../images/login-bg.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%;
	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);
}
.login-wrapper .head-block h1 {
	font-size: 26px;
	text-transform: uppercase;
	color: #353434;
}
.login-wrapper .cnt-block {
	display: block;
	padding: 40px;
	background: #fff;
}
.form-outer .col-sm-12 {
	margin-bottom: 15px;
}
.form-outer a {
	font-family: 'Abel', sans-serif;
	font-weight : bold;
}
.form-outer .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
	top: 9px;
}
.form-outer input {
	width: 100%;
	height: 46px;
	padding: 0 20px;
	background: none;
	border: none;
	border: 1px #dae4e8 solid;
	font-size: 12px;
	font-weight: 700;
	color: #7f8385;
	z-index: 2;
	position: relative;
}
.login-wrapper .button-outer {
	display: block;
	position: relative;
}
.login-wrapper .or {
	width: 16%;
	display: inline-block;
	
	font-size: 18px;
	text-align: center;
	color: #b7c1c4;
	text-transform: uppercase;
}
.login-wrapper .btn:hover {
	background: #3E8AC5;
}
.login-wrapper .register {
	display: block;
	float: right;
	background: #7f7f7f;
}
.login-wrapper .remember {
	display: block;
	margin: 0;	
	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: #3E8AC5;
}
.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: #3E8AC5;
}
.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) + label, [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 23px;
	cursor: pointer;
	/* margin-top: 10px; */
	/* left: 0; */
	/* top: 10px; */
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	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: 8px;
	left: 3px;
	line-height: 0.8;
	color: #3E8AC5;
	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);
}

/* ================================================== */
/* 15. 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-size: 18px;
	line-height: 36px;
}

/* ================================================== */
/* 16. 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-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: #3E8AC5;
	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;
}
ul.gallery-filter li:hover a, ul.gallery-filter li.active a {
	color: #4f4a4a;
}
.mfp-counter {
	left: 0px;
	right: 0px;
	margin: 0 auto;
	text-align: center;
}

/* ================================================== */
/* 17. 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%;
	height: 200px;
	object-fit : cover;
}
ul.news-listing > li .cnt-block {
	display: block;
	padding: 20px;
}
ul.news-listing > li h2 {
	margin-bottom: 9px;
	font-size: 18px;
	color: #4d5557;
	line-height: 25px;
	text-transform: none;
	display: -webkit-box;
	-webkit-box-orient : vertical;
	-webkit-line-clamp : 1;
	text-overflow : ellipsis;
	overflow: hidden; 
}
ul.news-listing > li p {
	/* padding-bottom: 26px; */
	color: #8d8f8f;
}
ul.news-listing > li .read-more {
	
	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: #2FC3B6;
	transition: all 0.3s ease 0s;
}
ul.news-listing > li .read-more:hover span {
	color: #3E8AC5;
}
.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;
}

/* ================================================== */
/* 18. 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: 1px dashed #c9cdce;
	color: #707c82;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 0 0 15px 24px;
	position: relative;
}
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: #79a2c2;
	content: "\e917";
}
ul.privacy-listing > li > ul {
	padding: 4px 0;
}
ul.privacy-listing > li > ul > li {
	font-size: 12px;
	font-weight: normal;
}
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: 13px;
	color: #94a6af;
	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: #7d8081;
	border-bottom: 1px #daddde solid;
}
ol.ord-listing li:before {
	content: counter(li);
	counter-increment: li;
	color: #fff;
	background: #3E8AC5;
	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;
}

/* ================================================== */
/* 19. 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: 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: 15px;
	top: 14px;
	font-size: 19px;
	color: #aab8be;
}
.register-stands {
	position: relative;
    background: url(../../images/login-bg.jpg) no-repeat center center / cover;
}
.register-stands::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .55);
}
.register .cnt-block {
	padding: 30px 30px;
}
.register .regiter-inner {
	padding: 0;
	margin-top: 45px;
	margin-bottom: 45px;
}
.form-outer h2 {
	padding-bottom: 14px;
	font-size: 13px;
	text-transform: uppercase;
	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;
	text-transform: uppercase;
}
.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;
}

/* ================================================== */
/* 20. 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: 1px #dae4e8 solid;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	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%;
}

/* ================================================== */
/* 21. generic UI page */
/* ================================================== */
.generic-wrapper {
	display: block;
}
.generic-wrapper .head-block {
	display: block;
	padding-bottom: 50px;
}
.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;
}
.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: #2FC3B6;
	font-size: 22px;
	color: #fff;
}
a.btn-circle.more {
	background: #3E8AC5;
}
a.btn-circle.plus {
	background: #2c97ea;
}
a.btn-circle.plus:hover {
	background: #2FC3B6;
}
a.btn-circle:hover {
	background: #2c97ea;
}
.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;
}

/* ================================================== */
/* 22. Coming Soon */
/* ================================================== */
.vision-mission-1{
	display: block;
}
.row-grid-type img {
	width: 100%;
	height: 100%;
	object-fit : cover;
}
.row-grid-type .left.cdetail h5 {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold!important;
}
.vision-mission-1 .left{ 
	position: relative;
	padding: 5%;
}	
@media(min-width: 992px) {
	.row-grid-type {
		display: grid;
		grid-template-columns : 1fr 1fr;
		padding: 0;
	}
	.row-grid-type.courseDetail {
		grid-template-columns : 3fr 1fr;
	}
	.vision-mission-1 .left{ 
		position: relative;
		padding: 40px;
	}
	.vision-mission-1 .inner { 
		position:relative;
	}
}
@media(min-width: 768px) {
	.row-grid-type.sm-also {
		display: grid;
		grid-template-columns : 1fr 1fr;
		padding: 0;		
	}
}
.row-grid-type.courseDetail .right {
	background: #f5f5f5;
	padding: 30px 20px;
}
.row-grid-type.courseDetail .right h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
.vision-mission-1 .inner h4 {
	line-height: 30px;
	padding-bottom: 10px; 
	font-size: 22px;
	font-weight: bold!important;
}
.vision-mission-1 .inner h5 {
	background: #2FC1B4;
	padding: 10px 15px;
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
	color: #eee;
}
.vision-mission-1 .cnt-block p{ 
	line-height: 26px;
	font-size: 15px;
}
.vision-mission-1 .cnt-block p strong {
	font-weight: bold!important;
}
.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: ""; 
}
.coming-soon .right .ready{
	display:block;
	padding-bottom:60px;
}
.coming-soon .right h2{
	padding-bottom:20px;
    font-family: 'texgyreadventorregular';
	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 {
	text-transform:none;
}
.coming-soon .stay-tuned input:-moz-placeholder { /* Firefox 18- */
	text-transform:none;
}
.coming-soon .stay-tuned input::-moz-placeholder {  /* Firefox 19+ */
	text-transform:none;
}
:-ms-input-placeholder {
	text-transform:none;
}
.coming-soon .stay-tuned .clear {
    float: right;
}
.coming-soon .stay-tuned .clear .button {
    width: 115px;
    background: #2FC3B6;
    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: #2c97ea;
}

/* ================================================== */
/* 23. Responsive Style */
/* ================================================== */
@media (min-width: 1200px) and (max-width:1366px) {
	
	.logos {
		padding: 40px 0;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width:1199px) {
	.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;
	}
	.campus-tour ul.gallery li h3 {
		font-size: 20px;
	}
	.campus-tour ul.gallery li a {
		margin: 0 2px;
	}
	.campus-tour ul.gallery li .overlay {
		margin-top: -55px;
	}
	.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;
	}
	.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%;
	}
	.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
	}
}

@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%;
	}
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.xs-footer {
		text-align: center;
		margin-bottom: 25px;
		padding: 25px 20px;
		border-bottom : 1px solid rgba(255, 255, 255, .1);
	}	
	.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 {
		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 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 {
		margin-top: -58px;
	}
	.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: 1px solid #4d87b5;
	}
	.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;
	}
	.requestCallForm {
		padding: 50px 120px;
	}
	.course-detail .duration .icon {
		float: none;
		margin: 0 auto;
	}
	.course-detail .duration .detail {
		width: 100%;
		padding-left: 0px;
	}
	.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;
	}
	.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: 0;
	}
	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) {
	.xs100 {
		width: 100%;
	}
	p.more {
		display: none!important;
	}
	.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 .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 {
		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;
	}
	.details-tab, .padding-lg {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.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: 15px 0 5px;
		margin-top: 50px;
	}
	.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;
	}
	.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: 0;
	}
	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: 10px;
    }
    .panel-default > .panel-heading{
        /* 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 .inner{
		display:inline-block;
		position:inherit;
	}
	.coming-soon .left a.logo{
		display:block;
		position:inherit;
		top:auto;
	}
	.stay-connected{
		position:inherit;	
		bottom:auto;
	}
}

/* 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;
	}
}

/* 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;	
	}
}
	
/* iPhone 6 Plus and down */
@media (max-width: 414px) {
	.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;
	}
}

/* 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;	
	}
}

/* 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;
	}
}

/* REGISTRATION PAGE */
  .radio-3 label {
    margin-bottom: 0;
    display: inline-block;
    border: 1px solid #444;
    color: #666;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
  }
  .radio-3.block label {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 20px;
    padding-right: 30px;
    position: relative;
    color: #333;
    font-size: 16px;
  }
  .show-other:not(.active) {
	  display : none;
  }
  
  @media(min-width : 768px) {
	.radio-3.inline-block {
		display : grid;
		grid-template-columns : repeat(4, 1fr);
		grid-gap : 5px;
	}
  }
  .radio-3.inline-block label.other {
	grid-column-start: 1;
	grid-column-end : 3;
	margin : 0;
  }
  @media(max-width : 767px) {
	.radio-3.inline-block label.other {
		margin-bottom : 10px;
	}
}
  .radio-3.inline-block .form-group {
	grid-column-start: 3;
    grid-column-end: 5;
    margin: 0;
    border: 1px solid #444;
    border-radius: 6px;
    overflow: hidden;
  }
  .radio-3.inline-block .form-group .form-control {
	  margin : 0;
  }
  .gift:not(.active) {
	  display : none!important;
  }
  .radio-3.block label input[type="radio"] {
    display: none;
  }
  .radio-3.block label::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    width: 12px;
    height: 12px;
	border-radius : 12px;
    border: 1px solid #393131;
    background: transparent;
    font-family: 'FontAwesome';
  }
  .radio-3.block label.active::after {
    top: 10px;
    right: 25px;
    width: 10px;
    height: 18px;
	border-radius : 0;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(
40deg
);
    transform: rotate(
40deg
);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  .radio-3 label.active {
    background: #b60030;
    border-color: #b60030;
    color: #eee;
  }
  @media(max-width: 768px) {
    .radio-3 label {
      font-size: 12px;
    }
  }
.form-group {
	position: relative;
}
.proceedNext {
	opacity: 1;
}
.proceedNext.disabled {
	opacity: .7;
	pointer-events : none;
}
@media(min-width : 768px) {
	.grid-separator {
		display: grid;
		grid-template-columns : 1fr 1fr;
		grid-column-gap : 10px;
		margin-bottom: 15px;
	}
}
@media(max-width : 767px) {
	.grid-separator > div select,
	.grid-separator > div input {
		margin-bottom : 10px!important;		
	}
}
.grid-separator .form-group {
	margin: 0!important;
}
.terms-box {
	background: #EFF3F6;
	padding: 20px;
	margin-bottom: 10px;
}
.terms-box h6 {
	margin-bottom: 6px;
}
.terms-box ul li {
	font-size: 12px;
	line-height: 20px;
}
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
  }

  /* Hide the browser's default checkbox */
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #00A583;
  }

  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
    background-color: #00A583;
    border: none;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

#loginModal .form-group,#advancedSearch .form-group,
.theme-modal .form-group,#advancedSearch .form-group,
.theme-form .form-group{
    margin-top: 15px;
    position: relative;
}
  #advancedSearch .form-group{
    margin: 0;
  }
  #loginModal .form-group input[type="text"],
  .theme-modal .form-group .form-control,
  #loginModal .form-group .form-control,
  .theme-form .form-group .form-control,
  #advancedSearch .form-group .form-control{
    height: 45px;
    border-radius: 0;
    background: #eaeaea;
    border : none;
    box-shadow: none;
    padding-left: 40px;
    font-size: 14px;
  }
  .pad-left10 {
    padding-left: 10px!important;
  }
  #advancedSearch .form-group .form-control{
    padding-left: 20px;
  }
  #loginModal .form-group p,
  .theme-modal .form-group p,
  .theme-form .form-group p {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
  }
  .theme-form .form-group>i,
  .theme-modal .form-group>i,
  #loginModal .form-group>i,#advancedSearch .form-group>i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 16px;
  }
  .close-abs {
  	position: absolute;
  	right: 0;
  	top: 0;
  	background: red;
  	color: #fff;
  	z-index: 10;
  	border: none;
  	padding: 5px 10px;
  	font-size: 18px;
  }
  .theme-modal .form-group.textarea > i {
    top: 20px;
  }
  .theme-modal .tarea.form-group>i {
    top: 20px;
  }
  .theme-form .form-control{
    padding-left : 15px!important;
    padding : 25px 15px!important;
    color : #333;
    font-size: 16px;
  }
  .theme-form .form-group .fa-spl{
    right: 20px;
    left: auto;
    font-size: 20px;
  }
  textarea{
    height: 100px!important;
  }
  .form-grid{
    display: grid;
    grid-template-columns : 1fr 1fr;
  }
  .gap20{
    grid-gap: 20px;
  } 
	.user-profile-step-1 {
	    /* background: rgba(255, 255, 255, .35); */
	    min-height : 100vh;
	  }
	  .user-profile-step-1 h3 {
	    text-transform: uppercase;
	    font-size: 18px;
	    position: relative;
	    padding-left: 35px;
	    color: #333;
	  }
	  .user-profile-step-1 h3::before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 10px;
	    width: 25px;
	    height: 2px;
	    background: #444;
	  }
	  .user-profile-step-1 .box-register-wrapper {
	    background: #fff;
	    padding-bottom: 30px;
	  }
	  .step-navigation-link {
	    text-align: center;
	    margin-top: 10px;
	    margin-bottom: 20px;
	    pointer-events : none;
	    padding: 0;
	    background: #fff;
	    text-align: center;
	  }
	  .step-navigation-link a {
	    position: relative;
	    color: #333;
	    display: inline-block;
	    font-size: 14px;
	    text-transform: uppercase;
	    padding: 0px 20px;
	    margin-left: -10px;
	  }
	  .step-navigation-link a::before {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 2px;
	    left: 0;
	    top: 20px;
	    background: #333;
	  } 
	  .step-navigation-link a:first-child::before {
	    width: 50%;
	    left: 50%;
	  }
	  .step-navigation-link a:last-child::before {
	    width: 50%;
	  }
	  .step-navigation-link a.active::before {
	    background: #b60030;
	  }
	  .step-navigation-link a.active {
	    color: #b60030;
	  }
	  .step-navigation-link a .fa {
	    background: #333;
	    width: 45px;
	    height: 45px;
	    border-radius: 45px;
	    line-height: 45px;
	    color: #eee;
	    font-size: 18px;
	    margin-bottom: 10px;
	    position: relative;
	  }
	  .step-navigation-link a.active .fa {
	    background: #b60030;
	  }
	  .step-navigation-link a span {
	    display: block;
	  }
	  .box-steps {
		  max-width : 1100px;
		  margin : 20px auto;
		  display : grid;
		  grid-template-columns : 1fr 1fr;
		  /* border: 1px solid #bbb; */
		  background: #fff;
		  border-radius: 10px;
		  overflow: hidden;
		 }
	  @media(max-width : 991px) {
		.box-steps {
			display : block;
			margin : 0 20px 20px;
		}
		.steps-left {
			display : none;
		}
	}
	  .steps-left img {
		  width : 100%;
		  height : 100%;
		  object-fit  :cover;
	  }
	  .box-steps .box-register-wrapper {
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	  }
	  .box-steps .box-register-wrapper {
		padding: 30px;
		margin: 30px auto;
		border-radius: 10px;
	  }
	  .box-steps .box-register-wrapper .form-group:first-child {
	    margin-top: 0;
	  }
	  .box-steps input,.box-steps select {
	  	color: #888;
	  }
	  .img-success {
	    border-radius: 50%;
	    margin-bottom: 20px;
	  }
	  .img-success + h5 {
	    color: #00A583;
	    margin-bottom: 15px;
	    text-transform: uppercase;
	  }
	  @media(max-width: 767px) {
	    .step-navigation-link a {
	      padding: 0 20px 0 0;
	    }
	    .step-navigation-link a span {
	      display: none;
	    } 
	  }
	  .form-group.printed label {
	    color: #666;
	    margin-bottom: 5px;
	    font-weight: bold;
		}
		.table-printed tr td {
			border : 1px solid #fff!important;
			background: #eee;
		}
		.table-printed tr td:first-child {
			background : #e5e5e5;
			padding : 10px 12px 0;
			width : 120px;
		}
		.table-printed.wide tr td:first-child {
			width : 160px;
		}
	  .form-group h6 small {
	    color: #888;
	  }
	  .form-group.printed h6 {
	    margin: 0;
	    margin-bottom: 5px;
	    text-transform: uppercase;
	    color: #333;
	  }
	  .form-group.printed p {
	    padding: 0;
	    line-height: 20px;
	  }
	  .radios label {
	  	display: inline-block;
	  	margin-right: 20px;
	  }
	  .form-group.printed label {
	  	text-transform: uppercase;
	  }
	  .form-group.printed label.lemail {
	  	margin-left: 30px;
		}
		.form-control.referral {
			border : 1px solid #2EC1B3!important;
		}
		
  	.grid-enrollment {
	  	margin: 45px 20px;
	  	border: 1px solid #2FC1B4;
	  	background: url(../../images/bg-pattern-1.jpg);
  	}
	@media(min-width: 992px) {
	  .grid-enrollment {
	  	display: grid;
	  	grid-template-columns : 1fr 1fr;
	  	margin: 45px auto;
	  }
  	}
  .grid-enrollment .imgs img {
  	width: 100%;
  	height: 100%;
  }
  .grid-enrollment .content {
  	padding: 40px;
  }
  .title-enroll {
  	text-align: center;
  }
  .title-enroll h2 {
  	font-weight: bold;
  	font-size: 28px;
  }
  .grid-enrollment .content .points ul {
  	margin-top: 20px; 	
  }
  .grid-enrollment .content .points ul li {
  	position: relative;
  	list-style: none;
  	padding: 6px;
  	padding-left: 20px;
  	border-radius: 20px 20px 20px 0;
  	margin-left: 30px;
  	background: #333;
  	margin-bottom: 10px;
  	color: #fff;
  }
  .grid-enrollment .content .points ul li.color-1 {
  	background: #89CD8D;
  }
  .grid-enrollment .content .points ul li.color-2 {
  	background: #4B545B;
  }
  .grid-enrollment .content .points ul li.color-3 {
  	background: #49A4B7;
  }
  .grid-enrollment .content .points ul li.color-4 {
  	background: #8D7C75;
  }
  .grid-enrollment .content .points ul li.color-5 {
  	background: #2EC0B3;
  }
  .grid-enrollment .content .points ul li::before {
  	content: '';
  	position: absolute;
  	width: 6px;
  	height: 6px;
  	border-radius: 50%;
  	left: -20px;
  	top: 18px;
  	background: #ccc;
  }
  .grid-enrollment .content .points ul li.color-1::before {
  	background: #89CD8D;
  }
  .grid-enrollment .content .points ul li.color-2::before {
  	background: #4B545B;
  }
  .grid-enrollment .content .points ul li.color-3::before {
  	background: #49A4B7;
  }
  .grid-enrollment .content .points ul li.color-4::before {
  	background: #8D7C75;
  }
  .grid-enrollment .content .points ul li.color-5::before {
  	background: #2EC0B3;
  }

  .title-enroll.pact {
  	padding: 20px;
  }
  .title-enroll.pact h5 {
  	margin: 6px 0;
  }

  .title-enroll.target {
  	background: #DC2D1D;
  	color: #fff;
  	padding: 15px 10px;
  }
  .title-enroll.target * {
  	color: #fff;
  }
  .title-enroll.target h2 {
  	font-size: 22px;
  	margin-bottom: 7px;
  }

  .title-enroll.register {
  	padding: 15px 10px;
  }
  .title-enroll.register strong {
  	display: inline-block;
  	margin: 6px 0;
  }

  .title-enroll.address {
  	border-top: 3px solid #C4E5F6;
  	padding-top: 20px;
  }
  .title-enroll.address h2 {
  	color: #408AC6;
  	font-weight: bold;
  	font-size: 22px;
  }

  section.enroll-btn {
  	padding-bottom: 30px;
  }

  /** MOBILE HEADER AND MENU **/
  .navbar-fixed-top{
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #eee;
  }
  .navbar-fixed-top .logo-xs{
    width: 90px;
    padding: 6px;
  }
  .btn-xs-top{
    border: none;
    font-size : 15px;
    padding: 0 15px;
    background: transparent;
    outline: none;
    color: #333;
    margin-right : 0px;
    margin-top: 10px;
  }
  .menu-box-xs {
  	width: 100%;
  }
  .img-xs-menu{
    width: 200px;
    margin-bottom: 10px;
  }
  /* RIGHT SIDE TOGGLE MODAL */
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 350px;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  .modal.left .modal-content,
  .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    background: #fff;
  }   
  .modal.left .modal-body,
  .modal.right .modal-body {
    padding: 15px 15px 80px;
    background: transparent;
  }
  /** LEFT TOGGLE **/
  .modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
  }   
  .modal.left.fade.in .modal-dialog{
    left: 0;
  }
  .modal-header{
    padding: 0;
  }         
  /** RIGHT TOGGLE **/
  .modal.right .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }   
  .modal.right.in .modal-dialog {
    right: 0;
  }
  .modal-content{
    border-radius: 0;
    border: none;
  }
  .menuModal .modal-content::-webkit-scrollbar { width: 0 !important }
  .menuModal .modal-content::-webkit-scrollbar { -ms-overflow-style: none; }
  .menuModal .modal-content::-webkit-scrollbar { overflow: -moz-scrollbars-none!important; }
  .modal-header{
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
  } 
  .main-menu-wrapper{
    padding: 0;
  }
  .img-logo-menu{
    position: relative;
    max-width: 170px;
    margin-bottom: 20px;
  }
  .back{
    cursor: pointer;
    color: #eee;
    background: #333;
    padding: 12px;
    font-weight: normal;
    font-size: 14px;
  }
  .panel-heading{
    border-radius: 0!important;
  }
  .pg-menu{
    box-shadow: none!important;
    border-bottom: none;
    margin-bottom: 0;
    border-radius: 0;
  }
  .pg-menu .panel-body{
    padding: 0;
  }
  .pg-menu .panel-body *{
    border: none;
  }
  .pg-menu .panel-default{
    border: none;
    border-radius: none;
    background: transparent;
  }
  .pg-menu.hl .panel-default{
    padding: 15px 0;
    border-bottom: none;
    padding-bottom: 0;
  }
  .panel-group .panel{
    border-radius: 0;
  }
  .pg-menu .panel-title{
    padding: 12px 20px 3px;
    border-top: 1px dashed #e5e5e5;
  }
  .pg-menu.hl .panel-title{
    padding-left: 0;
    font-size: 18px;
  }
  .pg-menu .panel-title{
    color: #333!important;
  }
  .pb-inner{
    padding: 0;
  }
  .pb-inner.set-pad{
    padding: 20px 40px;
  }
  .pb-inner.set-pad h5{
    font-size: 16px;
  }
  .pg-menu .panel-title span{
      position: relative;
      font-size: 14px;
  }
  .pb-inner > a{
      position: relative;
      padding: 10px 40px;
      color: #666;
      background: #f5f5f5;
      border-bottom: 1px dashed #ddd!important;
      text-transform: uppercase;
  }
  .pb-inner a span{
      position: relative;
  }
  .stitle{
    padding-left: 50px;
  }
  .stitle span{
    position: relative;
    padding-left: 5px;
    text-transform: uppercase;
    color: #666;
  }
  .stitle span::before{
      position: absolute;
      content: '';
      width: 15px;
      height: 3px;
      background: #222;
      left: -15px;
      top: 42%;
  }
  .stitle span::after{
      position: absolute;
      content: '';
      width: 15px;
      height: 3px;
      background: #222;
      right: -20px;
      top: 42%;
  }
  .pb-inner a span::before{
      position: absolute;
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 4px;
      background: #222;
      left: -10px;
      top: 42%;
  }
  .pg-menu.hl .panel-heading{
    padding: 0 0 25px 0;
    padding-left: 25px;
    border-bottom: 1px dashed #ddd;
    position: relative;
  }  
  .abs-icon{
    position: absolute;
    font-size: 18px;
    right: 35px;
    top:  5px;
    font-weight: bold;
    transition : .4s ease-out;
  }
  a.collapsed .abs-icon {
    transform : rotate(180deg);
  }
  .inner-menu-wrapper {
  	padding: 0 5px;
    border-left: 1px solid #aaa!important;
  	margin-left: 30px;
  }
  .inner-menu-wrapper a {
  	display: block;
  	position: relative;
  	padding: 5px 10px;
  	color: #444!important;
  }
  .inner-menu-xs {
  	padding-left: 25px;
  	padding-right: 15px;
  }
  .inner-menu-wrapper a::before {
  	content: '';
  	position: absolute;
  	left: -5px;
  	top: 16px;
  	width: 10px;
  	height: 2px;
  	border-top : 1px solid #aaa;
  }
	
	/* CUSTOM SITE MODAL */
  .career-modal::-webkit-scrollbar {
    display: none;
  }
  .close--modal {
    position: absolute;
    right: -10px;
    top: -10px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #333;
    cursor: pointer;
  }
  .theme-modal-content .close--modal {
    background: rgba(255, 255, 255, .2);
  }
  .theme-modal-content p strong {
    color: yellow!important;
  }
  .modal.career-modal .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 20px auto!important;
  }
  .modal.career-modal .modal-dialog.max60 {
    max-width: 45%;
  }
  @media(max-width: 767px) {
    .modal.career-modal .modal-dialog {
      max-width: 90%;
    }
  }
  @media(max-width: 992px) {
    .modal.career-modal .modal-dialog.max60 {
      max-width: 90%;
    }
  }
  .modal.career-modal .modal-dialog.max60 .modal-body {
    padding: 0;
  }
  .modal.career-modal .modal-content {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
  .modal.career-modal .theme-modal-content {
    background: #ED1C24;
  }
  .modal.career-modal .theme-modal-content * {
    color: #eee;
  }
  .career-modal .modal-title {
    margin-bottom: 15px;
  }
  .career-modal h4 {
    color: #1c4867;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  .career-modal p {
    margin-bottom: 10px;
  }
  p.highlight {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
  }
  .career-modal .modal-content img {
  	width: 100%;
  }
  .career-modal .box-register-wrapper {
    padding: 0 0;
    border: none;
  }

  .career-modal .modal-body {
  	text-align: left; 
  	padding: 45px;
  }
  .career-modal .panel-default {
  	border-bottom: 0;
  	margin-bottom: 0;
  }
  .career-modal .panel-group {
  	margin-bottom: 0;
  }
  .career-modal .panel-body {
  	padding: 5px 15px;
  	background: #f7f7f7;
  	margin-bottom: 15px;
  	border: 1px solid #ddd!important;
  	border-top: none!important;
  }
  .career-modal .panel-body a {
  	display: block;
  	width: 100%;
  	padding: 12px 10px;
  	border-bottom: 1px dashed #ddd;
  }
  .career-modal .panel-body a:last-child {
  	border-bottom: none;
  }
  .career-modal .panel-heading {
  	padding : 0;
  }
  .career-modal .panel-title {
  	padding: 15px;
  	border: 1px solid #ddd;
  	text-align: left;
  	margin-top: 5px;
  	margin-bottom: 0;
  }

  @media(max-width:992px) {
  	header+section {
  		margin-top: 30px!important;
  	}
  }

	/* ONLINE PRODUCT PAGE */
	.title-and-filter2,
	.title-and-filter {
		padding : 20px 30px;
		display: grid;
		grid-template-columns : auto 250px;
	}
	@media(max-width : 560px) {
		.title-and-filter {
			display: block;
		}
	}
	.title-and-filter2 {
		padding : 0 15px;
	}
	.title-and-filter h2 {
		font-size : 24px;
	}
	.title-and-filter .dropdown-toggle {
		background: transparent;
    border: none;
    padding: 0;
    font-size: 20px;
	}
	.title-and-filter .dropdown-menu {
		left: auto;
    right: 0;
    border: none;
	}
	.title-and-filter li {
		float : right;
		padding-left : 5px;
		position: relative;
	}
	@media(max-width : 561px) {
		.title-and-filter li {
			float: none;
			margin-top : 6px;
			padding : 0;
		}
	}
	.title-and-filter li a {
		display : block;
		background: #333;
		padding : 1px 14px;
		border-radius : 20px;
		color : #fff;
	}
	.title-and-filter li a:hover {
		background : #2C97EA;
	}
	.grid-online-product-box {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap : 15px;
		padding : 0 30px;
	}
	@media(max-width : 991px) {
		.grid-online-product-box {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media(max-width : 767px) {
		.grid-online-product-box {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media(max-width : 561px) {
		.grid-online-product-box {
			grid-template-columns: repeat(1, 1fr);
		}
	}
	.online-product-box {
		border: 1px solid #d7e2e1;
		border-radius : 5px;
		overflow: hidden;
		background: #fff;
	}
	.online-product-box:hover {
		box-shadow: 0 4px 32px 0 rgb(18 43 70 / 10%);
    z-index: 1;
	}
	.online-product-box .imgs {
		position: relative;
	}
	.online-product-box .imgs img {
		width : 100%;
	}
	.online-product-box .price-holder {
		position: absolute;
		left : 0;
		top : 20px;
		padding: 0px 10px;
		border-radius : 0 5px  5px 0;
		background: #2FC1B3;
		color: #fff;
		font-size: 16px;
	}
	.online-product-box .info {
		padding : 20px;
	}
	.online-product-box .info p {
		color : #999;
	}
	.online-product-box .info h3 {
		font-size : 16px;
		text-transform: none;
		margin-bottom: 5px;
	}
	.grid-online-product-review {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap : 15px;
		max-width : 860px;
		margin : 30px auto;
		padding : 0 20px;
	}
	.grid-online-product-review > div {
		padding : 30px;
		background: #fff;
		border : 1px solid #d7e8e7;
		border-radius: 6px;
		margin-bottom : 20px;
	}
	@media(max-width : 767px) {
		.grid-online-product-review {
			display: block;
		}
		.product-review {
			background: #f5f5f5;
			border : 1px solid #eee;
			padding : 20px;
			clear: both;
		}
	}
	.table-price-detail {
		border : none;
		width  :100%;
		border : 1px solid #eee;
		margin-bottom  :15px;
	}
	.table-price-detail tr td {
		border : none;
		font-size : 16px;
		text-align: center;
		padding : 8px 10px;
		background: #3F8BC5;
		border : 1px solid #fff;
		color : #fff;
	}
	@media(max-width : 767px) {
		.table-price-detail tr td {
			font-size : 14px;
		}
	}
	.recommended-product {
		padding-right : 15px;
		/* height: 366px; */
		overflow: auto;
	}
	.referral-i {
		position: absolute;
		right : 10px;
		top : 10px;
	}
	.referral-modal .modal-dialog {
		width : 320px;		
    border-radius: 6px;
    overflow: hidden;
	}
	.referral-modal .modal-body {
		padding : 25px 25px 22px;
	}
	.referral-modal h3 {
		font-size: 20px;
    margin-bottom: 15px;
	}
	.btn-close {
		padding: 6px;
    margin-top: 20px;
    background: red;
	}
	.remove-cart label {
		margin-top :10px;
		color : red;
		cursor: pointer!important;
	}
	.recommended-product .remove-cart {
		display: none;
	}
	.product-review h2,
	.grid-online-product-review h2 {
		font-size : 18px;
		text-transform: none;
		margin-bottom : 10px;
	}
	.related-course-wrap > div {
		/* padding-left : 0; */
	}
	.product-total-wrapper {
		border-top : 1px solid #999;
	}
	.no-br {
		border : none!important;
	}
	.product-total-wrapper table {
		width : 100%;
		font-size : 15px;
	}
	.product-total-wrapper tr td {
		padding : 2px 0;
		position: relative;
	}
	.product-total-wrapper tr td:first-child {
		text-align : right;
	}
	.product-total-wrapper tr td:nth-child(2) {
		width : 100px;
		font-weight: bold!important;
		text-align: right;
		color : #0534b4;
		padding-right : 10px;
	}
	.product-total-wrapper tr td:nth-child(2) input {
		width : 90px;
		text-align: right;
		font-weight: bold!important;
		border : none;
		background: transparent;
	}
	.product-total-wrapper tr td:nth-child(2) .fa {
		position: absolute;
		left : 20px;
		top : 10px;
	}
	.purchased-product-list {
		/* max-height : 115px; */
		overflow: auto;
	}
	.purchased-product-list .btscolor {
		position: absolute;
		right : 15px;
	}
	.purchased-product-list .materialize-checkbox {
		display: none!important;
		opacity: 0!important;
	}
	.owl-combo-pack {
		padding : 0 30px 30px;
	}
	.owl-combo-pack .owl-nav {
		display: none;
	}
	.grid-type-course {
		display : block;
	}
	span#cartCount {
		display : inline-block;
		width : 25px;
		height : 25px;
		border-radius: 25px;
		line-height: 25px;
		text-align: center;
		background : #4D90C4;
		color : #fff;
		font-size : 13px;
	}
	.fixed-xs-contact-block {
		position: fixed;
		right : 0;
		bottom : 0;
		padding : 6px;
		width : 60px;
	}

	.fixed-xs-contact-block a {
		display : block;
		--value : 40px;
		width : var(--value);
		height : var(--value);
		border-radius : var(--value);
		line-height : var(--value);
		background :#2FC1B3;
		margin-bottom : 7px;
		font-size : 18px;
		text-align: center;
		color : #fff;
	}
	a.btn-whatsapp {
		background : #24CC63;
	}

	/* QUICK CONTACT BLOCK */
	.btn-quick-toggle,
	.quick-contact-toggle {
		position: fixed;
		right : 15px;
		bottom : 170px;
		z-index: 99;
		cursor: pointer;
	}
	.btn-quick-toggle {
		right : 15px;
		bottom: 120px;
		border : none;
		padding : 4px 60px 4px 0;
		background : transparent;
		outline : none!important;
		transition : .6s ease;
	}
	.btn-quick-toggle span {
		padding : 6px 8px;
		border-radius: 8px;
		background : #222;
		color : #fff;
	}
	.btn-quick-toggle .fa {
		position: absolute;
		right : -5px;
		bottom: -7px;
		border: none;
		font-size: 22px;
		border-radius: 55px;
		width: 55px;
		height: 55px;
		line-height: 55px;
		background: #00AFA2;
		color: #fff;
		text-align: center;
	}
	.btn-quick-toggle.active .fa-plus,
	.btn-quick-toggle .fa-close {
		display: none;
	}
	.btn-quick-toggle.active span {
		opacity: 0;
	}
	.btn-quick-toggle.active .fa-close {
		display: block;
	}
	.quick-contact-toggle {
		opacity: 0;
		height : 0px;
		overflow: hidden;
		transition : .6s ease;
	}
	.quick-contact-toggle.active {
		opacity : 1;
		height : auto;
	}
	.quick-contact-toggle ul li {
		position: relative;
		padding : 10px 50px 10px 0;
		text-align: right;
	}
	.quick-contact-toggle ul li span {
		padding : 6px 8px;
		border-radius: 8px;
		background : #222;
		color : #fff;
	}
	@media(max-width : 767px) {
		.quick-contact-toggle ul li {
			padding : 25px 50px 25px 0;
		}
		.btn-quick-toggle span,
		.quick-contact-toggle ul li span {
			display: none;
		}
	}
	.quick-contact-toggle ul li .fa {
		position: absolute;
		right : 0;
		top : 0;
		width : 40px;
		height : 40px;
		border-radius: 40px;
		text-align : center;
		line-height : 40px;
		background: #5092C7;
		color : #fff;
		box-shadow: rgb(0 0 0 / 16%) 0px 2px 5px 0px, rgb(0 0 0 / 12%) 0px 2px 10px 0px;
		font-size : 17px;
	}
	.quick-contact-toggle ul li .fa-mobile {
		background : #D22B2D;
	}
	.quick-contact-toggle ul li .fa-whatsapp {
		background : #3EBD4E;
	}
	
	.alert-style-1 {
		background : #eee;
		padding : 20px 15px 10px;
	}
	.alert-style-1 p {
		line-height : 22px;
		margin-bottom : 5px;
	}
	.alert-style-1 h6 {
		margin-bottom : 10px;
	}
	.alert-style-1 a {
		color : #b60030;
		text-transform: uppercase;
		display : inline-block;
		margin-right : 6px;
	}