/*
================================================
1. Fonts - Raleway and Opensans
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Raleway:300,400,600,700|Material+Icons');
/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.57143;
	font-weight: 400;
	color: #727272;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
}
a {
	color: #666666;
	transition: all 0.3s ease 0s;
}
a:hover {
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.no-padding {
	padding: 0 !important;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 7px 22px 9px;
	z-index: 1;
}
ul, li {
	list-style: outside none none;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
.offset-top-30 {
	margin-top: 30px;
}
.offset-top-40 {
	margin-top: 40px;
}
.offset-top-60 {
	margin-top: 60px;
}
.inset-right-30 {
	padding-right: 30px;
}
.inset-left-30 {
	padding-left: 30px;
}
.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
div.title {
	text-align: center;
	margin: 0 0 50px;
	position: relative;
	padding: 0 0 5px;
}
div.title p {
	margin: 0 0 25px;
	padding: 0;
}
.title:before {
	background: #2d3e50 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 230px;
}
.title:after {
	background: rgba(0, 0, 0, 0) url(../images/edu-icon.jpg) no-repeat scroll 0 0;
	bottom: -8px;
	color: #1bb4b9;
	content: "";
	font-size: 14px;
	height: 20px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 40px;
	z-index: 9;
}
#scrollUp {
	bottom: 100px;
	color: #fff;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000;
}
#scrollUp:after {
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
	content: "";
	height: 10px;
	left: 5%;
	opacity: 1;
	position: absolute;
	top: 100%;
	width: 90%;
	z-index: -1;
}
#scrollUp:hover {
	background: #000;
	color: #fff;
}
#scrollUp i {
	display: block;
	padding-top: 5px;
}
.fix:after, .fix:before {
	content: "";
	display: table;
}
.fix:after {
	clear: both;
}
.text-box.padding-3 {
	padding: 30px;
}
.text-box.padding-4 {
	padding: 40px;
}
.text-box.padding-5 {
	padding: 50px;
}
.text-box.white {
	background-color: #fff;
}
.text-box {
	float: left;
	width: 100%;
}
.bg-light {
	background: #fcfcfc none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
	padding: 10px 15px;
}
.marg-bot-10 {
	margin-bottom: 10px;
}
.marg-bot-40 {
	margin-bottom: 40px;
}
.marg-bottom-0 {
	margin-bottom: 0px !important;
}
.pad-bottom-0 {
	padding-bottom: 0px !important;
}
.left {
	float: left;
}
.md-13 {
	font-size: 13px;
}
.conetent-wrapper h2::after {
	background-color: #d4d4d4;
	content: "";
	display: block;
	height: 1px;
	margin: 10px auto 15px;
	width: 150px;
}
.conetent-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.conetent-wrapper .title {
	margin: 0 0 10px;
}
.bg-image {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.col-lg-15 {
	float: left;
	width: 20%;
}
.col-md-15 {
	float: left;
	width: 20%;
}
/*color changer*/
#switcher {
	position: fixed;
	bottom: 25%;
	left: -170px;
	width: 170px;
	background-color: #404040;
	color: #ffffff;
	z-index: 9999;
	font-size: 15px;
	padding-bottom: 20px;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	height: 80px;
}
#switcher.active {
	left: 0px;
}
#switcher p {
	color: #fff;
	bottom: -6px;
	position: absolute;
	left: 21px;
	font-size: 13px;
}
#switcher .theme-click {
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 24px;
	background-color: #222;
	text-align: center;
	right: -60px;
	top: 0;
	cursor: pointer;
	z-index: 2;
}
#switcher .theme-default {
	width: 30px;
	height: 30px;
	background: #ff8f00;
	margin: 15px 10px;
	position: absolute;
	border-radius: 50%;
	left: 0px;
	cursor: pointer;
}
#switcher .theme-two {
	width: 30px;
	height: 30px;
	background: #51a9f1;
	margin: 15px 10px;
	border-radius: 50%;
	position: absolute;
	left: 40px;
	cursor: pointer;
}
#switcher .theme-three {
	width: 30px;
	height: 30px;
	background: #fb4f43;
	margin: 15px 10px;
	border-radius: 50%;
	position: absolute;
	left: 80px;
	cursor: pointer;
}
#switcher .theme-four {
	width: 30px;
	height: 30px;
	background: #fa9928;
	margin: 15px 10px;
	border-radius: 50%;
	position: absolute;
	left: 120px;
	cursor: pointer;
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Top Wrapper
================================================
*/
header {
	width: 100%;
	z-index: 99;
}
.top-wrapper {
	padding: 10px 0 10px;
}
.affix .top-wrapper {
	margin-top: -55px;
}
.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}
.fadeInDown {
	animation-name: none !important;
}
.swingOutX {
	animation-name: none !important;
}
.top-wrapper ul {
	margin: 0;
}
.top-wrapper .top-wraper-left ul li:first-child {
	padding-left: 0;
}
.top-wrapper ul li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	transition: all 0.3s ease-in-out 0s;
}
.top-wraper-left ul li i {
	padding: 0 6px 0 0;
}
/*
================================================
5. Logo Bar 
================================================
*/
.logo-bar {
	float: left;
	padding: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	position: relative;
}

.logo-barn {
	float: left;
	padding: 0;
	width: 100%;
	background: #2b2f40;
	z-index: 999;
	position: relative;
}
/*
================================================
6. Navigation
================================================
*/

@media (min-width: 768px) {
    .navbar-nav {
        /* float: left; */
        margin: 0;
        text-align: center !important;
    }
}
.navbar-header {
	display: block;
}
.navbar-header .navbar-toggle {
	display: none;
}
.mainmenu-area {
	position: relative;
}
.mainmenu-area ul.nav.navbar-nav li a {
	color: #fff;
	display: inline-block;
	font-weight: 600;
	line-height: 20px;
	padding: 15px 0 15px;
	text-transform: none;
	position: relative;
	font-size: 13px;
	text-transform: uppercase;
}
.mainmenu-area ul.nav > li > a::after {
	bottom: 43px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 0;
}
.mainmenu-area ul.nav > li:hover > a:after {
	width: 21px
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: inherit;
}
.mainmenu-area ul.nav.navbar-nav li a:hover, .mainmenu-area ul.nav.navbar-nav li.active {
	background: none;
}
.mainmenu-area ul.nav.navbar-nav li {
	display: inline-block;
	float: none;
	padding: 0 0 0 15px;
}
.mainmenu-area ul.nav.navbar-nav li:first-child {
	padding: 0;
}
.navbar-default {
	background-color: inherit;
	border-color: inherit;
}
.navbar {
	border-radius: 0;
	min-height: auto;
	margin: 0;
	border: none;
}
.navbar-collapse {
	/*float: right;*/
	padding: 0;
}
.navbar-brand {
	padding: 10px 0 9px;
	height: auto;
}
/* DropDown Menu Css */
ul.nav.navbar-nav li ul {
	left: 0;
	position: absolute;
	top: 250%;
	width: 200px;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out;
	transition: opacity .3s ease-in-out, top .3s ease-in-out;
	background: none;
	padding: 0;
}
ul.nav.navbar-nav li:hover ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}
.mainmenu-area ul.nav.navbar-nav li ul li {
	border-bottom: 1px solid #3a3a3a;
	display: block;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.mainmenu-area ul.nav.navbar-nav li ul li:hover:after {
	width: 100%;
}
.mainmenu-area ul.nav.navbar-nav li ul li a {
	background: #2b2f40 none repeat scroll 0 0;
	color: #fff;
	width: 100%;
	padding: 10px 15px 12px;
	text-align: left;
}
.mainmenu-area ul.nav.navbar-nav li ul li:last-child:after {
	display: none;
}
.mainmenu-area ul.nav.navbar-nav li ul li:last-child {
	border: 0px solid;
}
.mainmenu-area ul.nav.navbar-nav li ul li a:hover {
	background: #eb3237 none repeat scroll 0 0;
}
.mainmenu-area ul.nav.navbar-nav li ul li:after {
	bottom: -1px;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 0;
}
.mainmenu-area ul.nav.navbar-nav li ul li {
	padding: 0;
}
.mainmenu-area ul.nav.navbar-nav li a i {
	margin-left: 4px;
	position: relative;
	top: 0px;
}
/*
================================================
7. Banner Wrapper
================================================
*/
.banner-wrapper {
	width: 100%;
	float: left;
	position: relative;
}
.fade-carousel {
	position: relative;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: #fff;
	width: 15px;
	height: 8px;
	border: none;
	transition: all 0.3s ease 0s;
	border-radius: 0;
}
.banner-wrapper .carousel-indicators {
	padding: 0 50% 0 60px;
	width: auto;
	left: 0;
	margin: 0;
	bottom: 10%;
}
.fade-carousel .carousel-indicators > li.active {
	width: 30px;
	height: 8px;
	border: none;
}
.fade-carousel .carousel-control.left, .fade-carousel .carousel-control.right {
	display: none;
}
.fade-carousel .hero:before {
	content: "";
	height: 100%;
	left: -18%;
	position: absolute;
	top: 0;
	transform: skewX(35deg);
	width: 60%;
	z-index: -1;
}
.hero {
	display: flex;
	height: 100%;
	left: 0;
	padding: 0 50% 0 60px;
	place-content: center;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 2;
    justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.hero {
	justify-content: center;
}
}
.hero h1 {
	font-size: 64px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.hero h3 {
	font-size: 30px;
	font-weight: 600;
	padding: 10px 0 0;
	text-transform: none;
}
/* Slides backgrounds */
.fade-carousel .carousel-inner .item {
	transition-property: opacity;
}
.fade-carousel .carousel-inner .item, .fade-carousel .carousel-inner .active.left, .fade-carousel .carousel-inner .active.right {
	opacity: 0;
}
.fade-carousel .carousel-inner .active, .fade-carousel .carousel-inner .next.left, .fade-carousel .carousel-inner .prev.right {
	opacity: 1;
}
.fade-carousel .carousel-inner .next, .fade-carousel .carousel-inner .prev, .fade-carousel .carousel-inner .active.left, .fade-carousel .carousel-inner .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
}
.fade-carousel .carousel-control {
	z-index: 2;
}
.fade-carousel .carousel-inner .item img{
width:100%;
height:auto;	
}


/*
================================================
8. callouts2
================================================
*/
.callouts2-wrapper2 {
	padding: 0px 0 60px;
	width: 100%;
	float: left;
	margin-top: -50px;
}
.callouts2-wrapper2 h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	position: relative;
}
.callouts2-wrapper2 p {
	color: #000000;
	font-weight: 400;
	margin-bottom: 24px;
}
.callouts2-wrapper2 h2 span {
	font-weight: 600;
}
.callouts2-wrapper2 .callouts2 {
	text-align: center;
	background-color: #fff;
	float: left;
	width: 100%;
	align-items: stretch;
	display: flex;
	flex-direction: column;
}

.callouts2-box.hover::before, .callouts2-box.hover::after, .callouts2-box:hover::before, .callouts2-box:hover::after {
	height: 100%;
	width: 100%;
}

.callouts2-box:after {
	border-width: 0 1px 1px 0;
	bottom: 0;
	right: 0;
}
.callouts2-box {
	align-items: center;
	cursor: default;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	position: relative;
	text-align: center;
	width: 100%;
}
.callouts2-box .divider {
	margin: 13px auto;
	max-width: 100%;
	transition: all 0.33s ease 0s;
	height: 2px;
	width: 49px;
}
.callouts2-box .box-header, .callouts2-box .box-body {
	filter: blur(0px);
	position: relative;
	transition: all 0.33s ease 0s;
	will-change: transform;
}


.callouts2-wrapper2 .callouts2 .callouts2-box .icon-box {
	font-size: 30px;
	transition: all 0.33s ease 0s;
}
.callouts2-wrapper2 .callouts2 p {
	font-size: 14px;
	line-height: 23px;
	margin: 0;
	padding: 0;
	color: #fff;
}
.callouts2-wrapper2 .callouts2 h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #272727;
	margin: 10px 0 0;
	position: relative;
}
/*
================================================
8. Callouts
================================================
*/
.callouts-wrapper {
	padding: 75px 0 60px;
	width: 100%;
	float: left;
}
.callouts-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	position: relative;
}
.callouts-wrapper p {
	color: #000000;
	font-weight: 400;
	margin-bottom: 24px;
}
.callouts-wrapper h2 span {
	font-weight: 600;
}
.callouts-wrapper .callouts {
	text-align: center;
	background-color: #fff;
	float: left;
	padding: 20px 0;
	width: 100%;
	align-items: stretch;
	display: flex;
	flex-direction: column;
}
.callouts-box:before, .callouts-box:after {
	border: 1px solid #e5e7e9;
	content: "";
	height: calc(100% - 35px);
	pointer-events: none;
	position: absolute;
	transition: all 0.33s ease 0s;
	width: calc(100% - 35px);
}
.callouts-box.hover::before, .callouts-box.hover::after, .callouts-box:hover::before, .callouts-box:hover::after {
	height: 100%;
	width: 100%;
}
.callouts-box:before {
	border-width: 1px 0 0 1px;
	left: 0;
	top: 0;
}
.callouts-box:after {
	border-width: 0 1px 1px 0;
	bottom: 0;
	right: 0;
}
.callouts-box {
	align-items: center;
	cursor: default;
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	padding: 57px 40px 61px;
	position: relative;
	text-align: center;
	width: 100%;
}
.callouts-box .divider {
	margin: 13px auto;
	max-width: 100%;
	transition: all 0.33s ease 0s;
	height: 2px;
	width: 49px;
}
.callouts-box .box-header, .callouts-box .box-body {
	filter: blur(0px);
	position: relative;
	transition: all 0.33s ease 0s;
	will-change: transform;
}
.callouts-box:hover .box-body {
	transform: translateY(9px);
}
.callouts-box:hover .box-header, .callouts-box:hover .icon-box {
	transform: translateY(-9px);
}
.callouts-box.hover .divider, .callouts-box:hover .divider {
	width: 168px;
}
.callouts-wrapper .callouts .callouts-box .icon-box {
	font-size: 30px;
	transition: all 0.33s ease 0s;
}
.callouts-wrapper .callouts p {
	font-size: 14px;
	line-height: 23px;
	margin: 0;
	padding: 0;
	color: #999;
}
.callouts-wrapper .callouts h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #272727;
	margin: 10px 0 0;
	position: relative;
}
/*
================================================
9. About us home page
================================================
*/
.about-wrapper {
	padding: 0;
	width: 100%;
	float: left;
	z-index: 0;
	position: relative;
}
.about-wrapper-inner {
	position: relative;
	z-index: 1;
}
.aboutus-box {
	display: flex;
	flex-flow: row-reverse nowrap;
	padding: 80px 30px 80px;
	background: #2B2F40;
}
.aboutus-box .aboutus-box-image {
	display: block;
	flex-shrink: 0;
}
.aboutus-box .aboutus-box-body {
	flex-grow: 1;
	padding-right: 45px;
}
.aboutus-box .aboutus-box-body-content:before, .aboutus-box .aboutus-box-body-content:after {
	border-color: #fff;
}
.aboutus-box-body-content:before, .aboutus-box-body-content:after {
	border-color: #000;
	border-style: solid;
	content: "";
	height: 54px;
	position: absolute;
	width: 54px;
}
.aboutus-box-body-content:before {
	border-width: 1px 0 0 1px;
	left: 0;
	top: 0;
}
.aboutus-box-body-content:after {
	border-width: 0 1px 1px 0;
	bottom: 0;
	right: 0;
}
.aboutus-box-body-content {
	padding: 26px 60px 26px 63px;
	position: relative;
}
.aboutus-box h3 {
	color: #fff;
	font-size: 45px;
	font-weight: 600;
}
.aboutus-box p {
	color: #fff;
}
.about-bg {
	bottom: 50px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 0;
}
.special-text cite {
	color: #fff;
	font-size: 18px;
	margin: 0 0 25px;
	font-style: normal;
}
.special-text small {
	color: #666c84;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	margin-left: 8px;
}
.about-btn {
	margin: 30px 0 0;
	padding: 0 0 0 70px;
}
.about-btn .btn {
	border: 2px solid #fff;
	border-radius: 0;
}
.about-btn .btn {
	border-radius: 0;
}
/*
================================================
10. Team Wrapper
================================================
*/
.team-wrapper {
	padding: 74px 0 120px;
	width: 100%;
	float: left;
	text-align: center;
}
div.team-inner-wrapper {
	padding: 55px 0 30px;
}
div.team-inner-wrapper p {
	margin: 0 0 10px;
}
.team-inner-wrapper .team-wrap {
	padding: 0;
	margin: 0 0 90px;
}
.team-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
	text-align: center;
}
.team-wrapper .title {
	margin: 0;
}
.team-wrap {
	padding-bottom: 25px;
	margin: 60px 0 0;
}
.img-thumbnail, .thumbnail {
	box-shadow: none;
}
.thumbnail {
	background-color: transparent;
	border: medium none;
	border-radius: 0;
	margin: 0;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
.thumbnail-model {
	align-items: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	min-height: 300px;
	overflow: visible;
	padding: 30px 0 0;
	text-align: center;
}
.thumbnail-model {
	margin: 0;
	width: calc(100% - 22px);
}
.team-wrapper .thumbnail-model:before {
	background: rgba(43, 47, 64, 0.76) none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.team-wrapper .thumbnail-model:hover::before {
	left: 0;
	right: 0;
	top: 0;
}
.team-wrapper .thumbnail-model:hover:before, .team-wrapper .thumbnail-model:hover .thumbnail-inner {
	opacity: 1;
	visibility: visible;
}
.thumbnail-model .thumbnail-image {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
figure {
	margin: 0;
}
.team-wrapper .thumbnail-model .thumbnail-image > img {
	height: auto;
	left: 50%;
	max-height: none;
	max-width: none;
	min-height: 100%;
	min-width: 101%;
	position: absolute;
	top: 20%;
	transform: translate(-50%, -20%);
	width: auto;
}
.team-wrapper .thumbnail-model:before {
	top: 40px;
}
.team-wrapper .thumbnail-model:before, .team-wrapper .thumbnail-model .thumbnail-inner {
	opacity: 0;
	transition: all 0.33s ease-out 0s;
	visibility: hidden;
}
.thumbnail-model .thumbnail-inner {
	padding: 65px 10px;
	position: relative;
	z-index: 2;
}
.team-wrapper .thumbnail-model .thumbnail-inner > * {
	position: relative;
	transform: translateY(14px);
	transition: all 0.4s ease-in-out 0s;
}
.team-wrapper .thumbnail-model:hover .thumbnail-inner > * {
	transform: translateY(0px);
}
.thumbnail-model .thumbnail-inner a {
	font-weight: 400;
	color: #fff;
}
.link-group i {
	display: inline-block;
	padding: 0 5px 0 0;
}
.thumbnail-model .text-header {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.thumbnail-model .thumbnail-caption {
	margin: 31px 17px -25px;
	padding: 10px 8px;
	position: relative;
	width: calc(100% - 34px);
	z-index: 3;
}
.thumbnail-model .thumbnail-caption {
	margin: 31px 17px -65px;
	width: calc(100% - 34px);
}
.thumbnail-model .thumbnail-caption * {
	color: #fff;
}
.thumbnail-model * + .divider {
	margin-top: 8px;
}
.divider {
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 49px;
}
.divider-md {
	height: 1px;
	width: 119px;
}
.thumbnail-model .text-caption {
	font-size: 16px;
}
.thumbnail-model .divider + * {
	margin-top: 25px;
}
/*
================================================
11. Satisfied-wrapper
================================================
*/
.satisfied-wrapper:before {
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.satisfied-wrapper {
	padding: 56px 0 74px;
	width: 100%;
	float: left;
	z-index: 9;
	position: relative;
	text-align: center;
	background-image: url(../images/count-number-bg.png);
	background-repeat: repeat;
}
.satisfied-wrapper h2::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	margin: 10px auto 15px;
	width: 150px;
}
.satisfied-wrapper h2 {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	position: relative;
	font-weight: bold;
}
.satisfied-wrapper h2 span {
	font-weight: 600;
	color: #272727;
}
.satisfied-wrapper .counter .number {
	color: #fff;
	font-size: 55px;
	font-weight: 700;
	margin: 0 auto;
	padding: 0;
}
.satisfied-wrapper .counter p::before {
	content: "";
	display: block;
	height: 3px;
	margin: 5px auto 15px;
	width: 30px;
}
.satisfied-wrapper .counter p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	position: relative;
}
/*
================================================
12. Testimonials Wrapper
================================================
*/
.testimonials-wrapper {
	margin: 0;
	padding: 75px 0 123px;
	width: 100%;
	float: left;
	text-align: center;
}
.testimonials-wrapper h2 {
	color: #fff;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
	text-align: center;
}
.testimonials-wrapper h2 span {
	color: #fff;
}
.testimonials-wrapper .item img {
	border: 2px solid #f2f2f2;
	border-radius: 50%;
	color: #fff;
	font-size: 40px;
	height: 100px;
	line-height: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100px;
}
.testimonials-wrapper blockquote {
	border-left: none;
	margin: 0;
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 30px;
	margin: 0 0 20px;
}
.testimonials-wrapper p {
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 15px;
	padding: 15px;
	text-align: center;
}
.testimonials-wrapper .item {
	text-align: center;
}
.testimonials-wrapper h3 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 0 10px;
	text-align: center;
	text-transform: uppercase;
}
.testimonials-wrapper h4 {
	color: #777;
	letter-spacing: 1px;
}
.testimonials-wrapper .carousel-control.left, .testimonials-wrapper .carousel-control.right {
	display: none;
}
.testimonials-wrapper .carousel-indicators {
	bottom: -60px;
}
.testimonials-wrapper .carousel-indicators li {
	border: none;
	background: #eee;
}
/*




 .callouts-wrapper {
    padding: 75px 0 60px;
    width: 100%;
    float: left;
    background: #f5f5f5;
}


.hero h1 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.hero h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 10px 0 0;
    text-transform: none;
}


.affix .logo-big {
width:113px;height:112px;
}

/*.testimonials-wrapper {
    margin: 0;
    padding: 75px 0 123px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(images/count-number-bg.png);
    background-repeat: repeat;
}*/
/*.testimonials-wrapper p {
    color: #fefefe;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 15px;
    text-align: center;
}*/
/*.testimonials-wrapper h2 {
    color: #fefefe;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-align: center;
}*/




================================================
13. Pricing Wrapper
================================================
*/
.pricing-wrapper-main {
	background: #f5f5f5;
	clear: both;
	float: left;
	padding: 80px 0 68px;
	position: relative;
	width: 100%;
	z-index: 9;
	text-align: center;
}

@media (max-width: 1024px) {
.pricing-wrapper-main {
	background-attachment: scroll;
}
}
.pricing-wrapper-main .title h2::after {
	content: "";
	display: block;
	height: 1px;
	margin: 10px auto 15px;
	width: 180px;
}
.pricing-wrapper-main h2 {
	color: #333;
	font-weight: 600;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.pricing-wrapper-main h2 span {
	font-weight: 600;
}
.pricing-wrapper-main .pricing-table.featured {
	border: 2px solid #232323;
	background: #232323;
}
.pricing-wrapper-main .pricing-table.featured h2, .pricing-wrapper-main .pricing-table.featured h3 {
	color: #fff;
}
.pricing-wrapper-main .pricing-table {
	padding: 20px;
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid #fff;
	transition: all 500ms ease-in-out 0s;
	background: #fff;
	margin: 0 0 40px;
}
.pricing-wrapper-main .pricing-table .pricing-table-details {
	margin-top: 30px;
	letter-spacing: 1px;
}
.pricing-wrapper-main .pricing-table .pricing-table-details ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style: none;
}
.pricing-wrapper-main .pricing-table .pricing-table-details ul li {
	margin-bottom: 10px;
	background: #fcfbfb;
	color: #777;
	padding: 8px 0;
}
.pricing-wrapper-main .pricing-table.featured .pricing-table-details ul li {
	background: #292929;
	color: #bbb;
}
.pricing-wrapper-main .pricing-table .pricing-table-details ul li:before {
	content: "";
}
.pricing-wrapper-main .pricing-table .pricing-table-details ul li strong {
	font-weight: 600;
}
.pricing-wrapper-main .pricing-table .pricing-table-cta {
	margin: 25px 0 -50px;
}
.pricing-wrapper-main .pricing-table .pricing-table-cta a {
	border: medium none;
	border-radius: 15px;
	color: #fff;
	font-size: 18px !important;
	padding: 7px 0 10px;
	transition: all 0.6s ease 0s;
	width: 100%;
	margin: 0;
}
.pricing-wrapper-main .pricing-table .pricing-table-cta a:hover {
	color: #fff;
	background: #222222;
}
.pricing-wrapper-main .pricing-table.featured .pricing-table-cta a {
	color: #fff;
}
.pricing-wrapper-main .pricing-table.featured .pricing-table-cta a:hover {
	color: #222;
	background: #fff;
}
/*
================================================
14. Home Courses
================================================
 */
.course-wrapper {
	margin: 0;
	padding: 55px 0 16px;
	width: 100%;
	float: left;
}
.course-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
	text-align: center;
}
.single-item-image a {
	display: inline-block;
}
.single-item-image {
	overflow: hidden;
	position: relative;
	text-align: center;
	top: -35px;
}
.single-item-image.overlay-effect img {
	width: 100%;
}
.overlay-effect a {
	position: relative
}
.overlay-effect a:before {
	background: rgba(45, 62, 80, 0.2) none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position: absolute;
	right: 0;
	width: 100%;
}
.single-item:hover .overlay-effect a:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.single-item {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 0 35px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-bottom: 80px;
}
.single-item:hover {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}
.single-item-text h4 {
	font-size: 20px;
	padding-top: 7px;
}
.single-item-text h4 a, .single-item-text h4 {
	color: #2d3e50;
	font-weight: 600;
}
.single-item-text-info span {
	color: #696969;
	margin-right: 11px;
}
.single-item-text-info span span {
	color: #2d3e50;
	font-weight: 600;
}
.single-item-text > p {
	color: #222222;
}
.single-item-content {
	margin-bottom: 44px;
	overflow: hidden;
	padding-top: 21px;
}
.single-item-text-info {
	margin-bottom: 18px;
	padding-top: 5px;
}
.single-item-comment-view span {
	color: #696969;
	display: inline-block;
	font-size: 12px;
	margin-right: 17px;
}
.single-item-text-info span.block {
	display: block;
}
.single-item-comment-view span:last-child {
	margin-right: 0
}
.single-item-comment-view > span i {
	font-size: 14px;
	margin-right: 8px;
}
.single-item-comment-view, .single-item-rating {
	display: inline-block;
}
.single-item-rating {
	color: #f3c30b;
	float: right;
	font-size: 16px;
}
.single-item-rating i {
	margin-left: 3px;
}
.single-item .button-default {
	border-radius: 0;
	color: #fff;
	margin: 0;
	padding: 8px 33px;
}
.button-bottom {
	margin-bottom: -19.5px;
	text-align: center;
}
.single-item:hover .button-default {
	background: #2d3e50 none repeat scroll 0 0;
}
.button-large.button-default {
	box-shadow: 0 2px 20px rgba(34, 30, 31, 0.2);
	font-size: 18px;
	margin-top: 83px;
	padding: 12px 18px;
	text-transform: capitalize;
}
.shortcode .button-large.button-default {
	margin-top: 40px
}
.button-default.button-large:hover {
	background: #2d3e50 none repeat scroll 0 0;
}
.button-large.button-default i {
	font-size: 28px;
	line-height: 20px;
	margin-left: 11px;
	position: relative;
	top: 4px;
}
/******* Courses single  **********/
.single-course-details {
	background: #f6f6f6 none repeat scroll 0 0;
	margin-bottom: 80px;
	padding: 33px 0;
}
.course-details-content a img {
	margin-left: -35px;
	width:100%;
	height:auto;
}
.course-details-content {
	margin-left: 70px;
}
.single-course-details .single-item-text h4 {
	font-size: 24px;
	margin-bottom: 2px;
	padding-top: 32px;
}
.single-course-details .single-item-text-info {
	margin-bottom: 23px;
}
.course-text-content p:first-child {
	margin-bottom: 21px;
}
.single-course-details .single-item-content {
	margin-bottom: 0;
	padding-top: 31px;
}
.course-duration {
	text-transform: capitalize;
}
.duration-title {
	color: #ffffff;
	font-size: 18px;
}
.course-duration .text {
	display: block;
	padding: 15px 0;
}
div.duration-text .text {
	background: #f7f7f7;
	color: #4c4c4c;
}
.course-duration .text span {
	display: inline-block;
	text-align: center;
	width: 40%;
}
.course-duration .text span.text-right {
	border: 0 none;
	display: inline-block;
	float: right;
	padding: 0;
	text-align: center;
	width: 60%;
}
.comments {
	color: #4c4c4c;
	overflow: hidden;
	padding: 78px 15px 20px 0;
}
.comments h4.title:before {
	display: none;
}
.comments h4.title {
	color: #4c4c4c;
	font-size: 24px;
	margin-bottom: 27px;
	padding-bottom: 10px;
	position: relative;
	font-weight: 600;
}
.comments h4.title:after {
	bottom: 2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 73px;
}
.single-comment {
	margin-bottom: 31px;
	overflow: hidden;
}
.author-image {
	border: 2px solid #eaeaea;
	border-radius: 2px;
	float: left;
	height: 67px;
	margin-right: 23px;
	width: 67px;
}
.comment-text {
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	padding-bottom: 8px;
}
.author-info > h4 {
	display: inline-block;
	font-size: 18px;
	line-height: 21px;
	text-transform: capitalize;
}
.author-info > h4 a {
	font-weight: 600;
}
.comment-time, span.reply {
	float: right;
	line-height: 22px;
}
span.comment-time {
	padding-right: 3px;
	position: relative;
}
.comment-text > p {
	line-height: 20px;
	padding-top: 5px;
}
.single-comment.comment-reply {
	padding-left: 131px;
}
.comments .single-comment:last-child {
	margin-bottom: 0;
}
.course-details-content .single-item-text {
	padding: 0 20px 0 0;
}
.course-details-content .single-item-content {
	padding: 0 20px 0 0;
}
/*
================================================
15. breadcrumb wrapper
================================================
 */
.breadcrumb-banner-wrapper:after {
	background: #2d3e50;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0.8;
	width: 100%;
	z-index: -1;
}
.breadcrumb-banner-wrapper {
	background: rgba(0, 0, 0, 0) url(../images/breadcrumb-bg.jpg) no-repeat scroll 0 0;
	color: #ffffff;
	padding: 100px 0;
	position: relative;
	background-size: cover;
	float: left;
	width: 100%;
	z-index: 2;
}
.breadcrumb-text h1:after {
	/*background: #ffffff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 29px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 2px;*/
}
.breadcrumb-text h1 {
	font-size: 36px;
	/*padding-bottom: 51px;*/
	padding-bottom:0px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}
.breadcrumb-bar .breadcrumb {
	background: none;
	line-height: 12px;
	margin-bottom: 0;
	padding: 15px 0 0;
}
.breadcrumb-bar li {
	color: #ffffff;
	font-size: 12px;
	line-height: 22px;
	margin: 0 10px 0 17px;
	position: relative;
	text-transform: uppercase;
}
.breadcrumb.text-left li {
	margin-left: 0;
	margin-right: 34px;
}
.breadcrumb.text-right li {
	margin-right: 0;
	margin-left: 34px;
}
.breadcrumb-banner-wrapper ul li:first-child::before {
	display: none;
	font-size: 0;
}
.breadcrumb-banner-wrapper ul li::before {
	color: #fff;
	content: "\f105";
	font-family: fontawesome;
	font-size: 12px;
	font-weight: normal;
	left: -22px;
	line-height: normal;
	margin-top: -3px;
	position: absolute;
	top: 50%;
}
.breadcrumb-bar a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
}
/*
================================================
16. Inner page Wrapper
================================================
 */
.inner-page-wrapper {
	padding: 50px 0;
	float: left;
	width: 100%;
}
.inner-page-wrapper p {
	font-size: 15px;
	margin: 0 0 20px;
}
.inner-page-wrapper h2 {
	font-weight: 600;
}
/*
================================================
17. Courses page
================================================
 */
.course-wrapper {
	padding: 74px 0 15px;
}
/******* .course-grid-sidebar *******/
.course-wrapper .sidebar {
	margin-top: -35px;
}
.sidebar .widget {
	position: relative;
}
.widget .widget-title {
	position: relative;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 18px;
	line-height: 19px;
	text-transform: uppercase;
	margin-bottom: 54px;
	padding-top: 7px;
}
.widget .widget-title:before {
	position: absolute;
	left: 0;
	bottom: -18px;
	content: "";
	width: 35px;
	height: 1px;
	background-color: #333;
}
.sidebar .widget {
	margin-bottom: 46px;
}
.sidebar .widget li {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 11px 3px;
	margin-bottom: 15px;
}
.sidebar .widget li:first-child {
	padding-top: 0;
}
.sidebar .widget li:last-child {
	border-bottom: none;
}
.sidebar .widget ul.flat-socials li {
	border-bottom: none;
	padding: 0 17px 0 0;
}
.sidebar .widget ul.flat-socials li a {
	padding: 0;
}
.sidebar .widget ul.flat-reviews li {
	border-bottom: none;
	padding: 0;
}
/* Widget-teacher */
.sidebar .widget.widget-teacher {
	margin-bottom: 52px;
}
.widget-teacher ul li .thumb img {
	border-radius: 50%;
}
.widget-teacher .text-teacher p {
	color: #666;
	margin-bottom: 28px;
}
.sidebar .widget .teacher-news li {
	position: relative;
	float: left;
	display: block;
	margin-bottom: 18px;
	padding-bottom: 19px;
}
.widget.widget-teacher .widget-title {
	margin-bottom: 41px;
}
.widget.widget-teacher .text-teacher {
	padding-right: 10px;
}
.widget .teacher-news li .thumb {
	float: left;
	margin-right: 10px;
	max-width: 100px;
}
.widget .teacher-news li .text {
	float: left;
	color: #666;
	margin-bottom: 17px;
	padding-right: 1px;
	margin-right: 30px;
}
.widget .teacher-news li .text a {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 6px;
	display: block;
	margin-bottom: 5px;
}
.widget .teacher-news li .text a:hover {
	color: #ffaa30;
}
.widget .teacher-news li .text p {
	color: #666;
	margin-bottom: 0;
}
.widget .teacher-news .flat-socials li {
	padding-right: 15px;
	margin-bottom: 0;
}
.sidebar .widget .teacher-news li:last-child {
	margin-bottom: 0;
}
/*
================================================
18. About Us Page
================================================
 */
.about-us-wrapper {
	padding: 50px 0;
}
.about-text-container p span {
	color: #666;
	font-weight: 600;
}
.about-img img {
	border: 1px solid #eee;
	height: auto;
	max-width: 100%;
	padding: 25px;
}
/*
================================================
19. Coming Soon
================================================
*/
.comming-soon-wrapper .logo {
	text-align: center;
	padding: 20px 0;
}
.comming-soon .logo-bar {
	text-align: center;
	padding: 20px 0;
}
.comming-soon-wrapper {
	background: #333;
	float: left;
	width: 100%;
}
.comming-soon-wrapper .inner-page-wrapper {
	background: none;
}
.comming-soon .cmg-bg {
	border: medium none;
	float: left;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
	width: 100%;
}
.comming-soon h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 40px;
	padding: 12px 0 12px;
}
.comming-soon p {
	font-size: 18px;
	margin: 0 0 10px 0;
}
.comming-soon .subscirbe {
	border-radius: 10px;
	padding: 10px;
}
.comming-soon .count-down {
	margin-bottom: 45px;
}
.comming-soon .subscirbe p.sub {
	margin: 0;
	font-size: 500;
}
.count-down .countdown-row {
	width: 100%;
}
.count-down .countdown-row.countdown-show4 .countdown-section {
	width: 23%;
	background-color: rgba(34, 34, 34, 0.8);
	margin: 0 0 0 2%;
	padding: 40px 0 32px;
}
.count-down .countdown-row.countdown-show3 .countdown-section {
	width: 33%;
}
.count-down .countdown-row.countdown-show2 .countdown-section {
	width: 50%;
}
.count-down .countdown-row.countdown-show1 .countdown-section {
	width: 100%;
}
.count-down .countdown-row .countdown-section {
	display: inline-block;
}
.count-down .countdown-row .countdown-amount {
	font-size: 40px;
	margin: 0;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #fff;
	line-height: 22px;
}
.count-down .countdown-row .countdown-period {
	font-size: 18px;
	color: #aaa;
}
/* Newsletter Subscribe  */
.subscirbe .form {
	border-radius: 7px;
	padding: 6px 6px 6px 0;
}
.subscirbe .sub {
	color: #fff;
	font-size: 16px;
	padding: 0 0 10px;
	text-align: center;
}
.subscirbe .sub span {
	color: #fff;
	font-weight: 600
}
.subscirbe .form input.form-control {
	background: #000;
	border: none;
	border-radius: 0;
	color: #fff!important;
	font-size: 15px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	margin: 0 0 17px;
	padding: 0 0 0 3%;
	text-align: left;
	width: 70%;
	float: left
}
.subscirbe .form input.bttn {
	background: #222;
	border: none;
	border-radius: 0 4px 4px 0;
	color: #999;
	cursor: pointer;
	float: left;
	font-size: 16px;
	margin: 0 0 0 -2px;
	padding: 6px 10px 8px;
	text-align: center;
	width: 30%;
}
/*
================================================
20. 404 page
================================================
 */
.oops {
	padding: 30px 0;
}
.oops i {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	margin: 0 0 20px;
	color: #fff;
	font-size: 80px;
}
.inner-page-wrapper .oops h2 {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 60px;
}
.oops .btn-home {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #333;
	display: inline-block;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: normal;
	padding: 8px 34px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
}
.oops .btn-home:hover, .oops .btn-home:focus {
	color: #fff;
	text-decoration: none;
}
/*
================================================
21. Login
================================================
*/
.login form .form-group {
	display: inline-block;
	width: 100%;
}
.login form .form-group input{
	color: #333;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	padding-left: 2%;
	width: 84%;
	margin: 0;
	float: left;
	border-radius: 0 6px 6px 0;
	background: #fff;
	border:solid 1px #ccc;
	border-left:none;
}
.login form .form-group i {
	float: left;
	width: 16%;
	background: #ededed;
	height: 50px;
	line-height: 50px;
	color: #000000;
	text-align: center;
	font-size: 18px;
	border-radius: 6px 0 0 6px;
	padding: 0;
	margin: 0;
	border:solid 1px #ccc;
	border-right:none;
}
.login form .form-group span {
	float: left;
	width: 16%;
	background: #ededed;
	height: 50px;
	line-height: 50px;
	color: #666666;
	text-align: center;
	font-size: 16px;
	border-radius: 6px 0 0 6px;
	padding: 0;
	border:solid 1px #ccc;
	border-right:none;
}
/* Checkbox styling */
.login form [type="checkbox"]:not(:checked), .login form [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.login form [type="checkbox"]:not(:checked) + label, .login form [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
/* checkbox aspect */
.login form [type="checkbox"]:not(:checked) + label:before, .login form [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border: solid 1px #202020;
	border-radius: 50%;
}
/* checked mark aspect */
.login form [type="checkbox"]:not(:checked) + label:after, .login form [type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 8px;
	left: 5px;
	font-size: 12px;
	line-height: 0.8;
	color: #000;
	transition: all .2s;
}
/* checked mark aspect changes */
.login form [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
.login form [type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
.login form .forget-password a {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}
.login form .btn {
  border: 0 none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.login .new-account {
	border-left: 1px solid #e6e6e6;
	padding:0 0 0 35px;
}
.login .new-account h3 {
	color: #000000;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.login .new-account h3 span {
	font-size: 15px;
	text-transform: capitalize;
}
.login .new-account ul {
	margin: 0;
	padding: 0;
}
.login .new-account ul li {
	list-style: none;
	padding: 0 0 15px 0;
	color: #000000;
	font-size: 14px;
	margin: 0;
}
.login .new-account ul li i{
	padding:0 10px 0 0;
}
.login  .new-account a {
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	border-radius: 4px;
	margin: 10px 0 0 0;
}
.login .new-account a {
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  margin: 10px 0 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
/*
================================================
22. Sign Up
================================================
*/
.login .new-account.reg h3 strong {
  font-weight: 400;
  text-transform: uppercase;
}
/*
================================================
23. Gallery Page
================================================
 */
/** Gallery section **/
.gallery-section .gallery-content {
	width: 100%;
	float: left;
}
.gallery-section .gallery-caption {
	list-style-type: none;
	margin: 0;
	float: left;
	position: relative;
	overflow: hidden;
	padding: 0;
}
.gallery-section .gallery-caption:hover img {
	opacity: 1;
}
.gallery-section .gallery-caption .caption {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}
.gallery-section .gallery-caption:hover .caption {
	opacity: 1;
}
.gallery-section .gallery-caption img {
	margin: 0;
	padding: 0;
	float: left;
	z-index: 4;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	width: 100%;
}
.gallery-section .gallery-caption .blur {
	background-color: rgba(0,0,0,.65);
	z-index: 5;
	position: absolute;
	padding: 30px;
}
.gallery-section .gallery-caption .caption-text h1 {
	font-size: 18px;
	font-family: "Oswald";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	line-height: 1.889;
	text-align: right;
	right: 40px;

	letter-spacing: 4px;
}
.gallery-section .gallery-caption .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	text-align: center;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_text span {
	font-family: Oswald, sans-serif;
	letter-spacing: 5px;
	font-weight: 400;
	position: absolute;
	bottom: 5%;
	right: 10%;
	color: #585745;
	font-size: 11px;
	font-family: "Oswald";
	color: rgb(238, 238, 238);
	text-transform: uppercase;
	line-height: 3.091;
	text-align: right;
	position: absolute;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
	border-style: solid;
	border-width: 5px;
	border-color: #444;
	opacity: .9;
	width: 69px;
	height: 69px;
	position: absolute;
	top: 43%;
	display: inline-table;
	padding: 20px;
	right: 40%;
	left: auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 7px #222;
	-moz-box-shadow: 0 0 5px 7px #222;
	box-shadow: 0 0 5px 7px #222;
	background: #333;
	font-size: 24px;
	color: #fff;
	line-height: 1.083;
	text-align: right;
}
.gallery-section .owl-nav {
	text-align: center;
	float: left;
	width: 100%;
}
.gallery-section .owl-prev {
	width: 50%;
	text-align: right;
	float: left;
}
.gallery-section .owl-next {
	width: 50%;
	text-align: left;
	float: left;
}
.gallery-section .owl-nav .gallery_prev_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: left;
	float: right;
}
.gallery-section .owl-nav .gallery_prev_div .fa {
	margin-left: 5px;
	margin-right: 10px;
}
.gallery-section .owl-nav .gallery_next_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: right;
	float: left;
}
.gallery-section .owl-nav .gallery_next_div .fa {
	margin-right: 5px;
	margin-left: 10px;
}
.gallery-section .owl-stage-outer {
	margin-bottom: 30px;
}
/*
================================================
24. Contact Us
================================================
 */
.contact-wrapper {
	padding: 60px 0 0;
	float: left;
	width: 100%;
}
.contact-text-container .form-item {
	background: #fff none repeat scroll 0 0;
	border-radius: 0;
	box-shadow: none;
	height: 45px;
	padding-left: 15px;
}
.contact-text-container textarea.form-item {
	height: 130px;
}
.contact-wrapper .btn {
	border-radius: 0;
	color: #fff;
}
/******** contact social icons *******/
.contact-social ul {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}
.contact-social ul li {
	display: block;
	margin: 0 0 15px;
	padding: 0;
	text-align: left;
}
.contact-social ul li i {
	padding: 0 8px 0 0;
}
.contact-text-container {
	margin: 0 0 25px;
}
div#google-map {
	float: left;
	margin: 0;
	width: 100%;
	border: none;
}
div#google-map iframe {
	border: 1px solid #e5e5e5;
	float: left;
	height: 250px;
	width: 100%;
}
/******** contact wrapper 2 *******/	
.contact-wrapper2 {
	padding: 0;
}
.contact-wrapper2-bg {
	padding: 30px 0 10px;
	background: #1e033e;
}
.contact-wrapper2-bg .box-variant-1 i {
	color: #ff8f00;
	font-size: 40px;
	margin: 0 0 10px;
}
.contact-wrapper2-bg .box-variant-1 h3 {
	font-size: 20px;
	font-weight: 600;
}
.contact-wrapper2-bg .box-variant-1 p span {
	display: block;
}
.contact2 {
	padding: 30px 0 0;
}
.contact-wrapper2 div#google-map iframe {
	height: 350px;
	margin: 0 0 30px;
}
/*
================================================
25. Footer styles
================================================
 */
.footer-wrapper {
	background: #101010;
	padding: 55px 0 0;
	float: left;
	width: 100%;
	color: #727272;
}
.footer-wrapper .fo-one {
	width: 100%;
}
.footer-wrapper .fo-one p {
	color: #727272;
}
address {
	margin: 0 0 20px;
	color: #727272;
}
.footer-wrapper .fo-one span {
	display: block;
	color: #727272;
}
.footer-wrapper span a {
	color: #aaa;
}
.footer-wrapper h3 {
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 32px;
	position: relative;
	padding: 0 0 5px;
	font-weight: 600;
	font-size: 18px;
}
.footer-wrapper h3:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 50px;
	left: 0;
	bottom: 0;
}
.footer-wrapper .fo-posts {
	float: left;
	margin: 0 0 25px;
	padding: 0;
	width: 100%;
}
.footer-wrapper .image-left {
	color: #fff;
	float: left;
	margin: 0;
	padding: 0 18px 0 0;
	transition: all 0.3s ease-out 0s;
}
.footer-wrapper .text-box-right {
	display: block;
	margin: 0;
	padding: 0 0 0 99px;
	text-align: left;
}
.footer-wrapper .text-box-right h4, .footer-wrapper .text-box-right h4 a {
	color: #fff;
	margin: 0 0 3px;
	font-weight: 500;
}
.fo-posts .post-info {
	color: #727272;
	font-size: 12px;
}
.footer-wrapper .line {
	border-bottom: 1px solid #f1f1f1;
	float: left;
	margin: 0 0 25px;
	opacity: 0.2;
	width: 100%;
}
.footer-wrapper .footer-tags {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-wrapper .footer-tags li {
	margin: 0;
	padding: 0;
}
.footer-wrapper .footer-tags li a {
	border: 1px solid #2e2e2e;
	color: #727272;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px 15px;
}
.footer-wrapper .fo-gal {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-wrapper .fo-gal li {
	float: left;
	list-style: outside none none;
	margin: 0 12px 12px 0;
	padding: 0;
	width: 28.7%;
}
.footer-wrapper .fo-gal li a img {
	border: medium none;
	transition: all 1s ease 0s;
	width: 100%;
}
.footer-wrapper .fo-gal li a img:hover {
	transform: scale(0.9);
}
/*




================================================
  one.css  
================================================



/*------------------------------------
	just replace "3eb2ce" with your custom color
------------------------------------*/
a:hover {
	color: #ff8f00;
}
header {
	background: #2b2f40;
}
.top-wrapper ul li {
	color: #fff;
}
.top-wrapper ul li a {
	color: #fff;
}
.top-wrapper ul.header-social-icons li a i:hover {
	color: #fff;
}
#scrollUp {
	background: #ff8f00;
}
.fade-carousel .hero:before {
  background: rgba(62, 178, 206, 0.7) none repeat scroll 0 0;
}
.hero h1, .hero h3 {
	color:#fff;
	}
.top-wraper-left ul li i {
	color: #fff;
}
 .affix .mainmenu-area ul.nav.navbar-nav li.active a {
	color: #ff8f00;
}

.affix .mainmenu-area ul.nav.navbar-nav li a:hover   {
	color: #ff8f00;
}

.mainmenu-area ul.nav.navbar-nav li ul li a:hover {
	color: #fff;
}
.mainmenu-area ul.nav.navbar-nav li ul li:after {
	background: #ff8f00;
}
.mainmenu-area ul.nav.navbar-nav > li:hover > a:after {
	background: #ff8f00;
		}
.mainmenu-area ul.nav.navbar-nav > li a:hover, .mainmenu-area ul.nav.navbar-nav > li.active a{
	color: #ff8f00;
	}
.fade-carousel .carousel-indicators > li.active {
	background: #555;
}
.fade-carousel .carousel-control span:hover {
	border: 1px solid #ff8f00;
	background: #ff8f00;
}
.banner-wrapper .btn-hero { 
	background: #ff8f00;
}
.feature-wrapper .icon:hover i.fa { 
	color: #ff8f00;
}
.callouts-wrapper h2 span {
	color: #ff8f00;
}
.callouts-wrapper .callouts h3::after {
	background-color: #ff8f00;
}
.callouts-box.hover::before, .callouts-box.hover::after, .callouts-box:hover::before, .callouts-box:hover::after {
  border-color: #ff8f00;
}
.callouts-wrapper .callouts .callouts-box .icon-box i {
	color:#ff8f00;
	}
.bg-primary {
  background: #ff8f00;
  fill: #ff8f00;
}
.bg-primary1 {
  background: #fff;
  fill: #fff;
}
.about-btn .btn {
  border: 2px solid #ff8f00;
  color:#fff;
}
.about-btn .btn:hover {
	background:#ff8f00;
	}
.thumbnail-model .thumbnail-caption {
  background: #ff8f00;
}	
.bg-teak {
  background: #fff;
}
.satisfied-wrapper .counter p::before {
  background-color: #ff8f00;
}
.testimonials-wrapper h2 span {
  color: #ff8f00;
}
.testimonials-wrapper h3 {
	color: #ff8f00;
}
.testimonials-wrapper .carousel-indicators .active {
	background: #ff8f00;
}
.pricing-wrapper-main .pricing-table .pricing-table-cta a {
  background: #ff8f00;
}
.single-item .button-default {
  background: #ff8f00;
}
.single-item {
  border-bottom: 3px solid #ff8f00;
}
.team-member-position p {
	color: #FA9928;
}
.link-group i {
	color:#ff8f00;
	}
.social-wrapper h2 span {
	color: #ff8f00;
}
.team-wrapper h2 span {
	color: #ff8f00;
}
.contact-wrapper .btn {
	background:#ff8f00;
	}
.contact-social ul li a {
	color:#ff8f00;
	}	
.contact-wrapper .btn:hover, .contact-social ul li a:hover {
	opacity:0.8;
	}	
.contact-wrapper2-bg .box-variant-1 i {
  color: #ff8f00;
}	
.breadcrumb-banner-wrapper ul li:last-child {
  color:#ff8f00;
}
.course-wrapper h2 span {
	color: #ff8f00;
}
.inner-page-wrapper h2 {
	color:#ff8f00
	}
.oops i {
 background:#ff8f00;
}	
.oops .btn-home:hover, .oops .btn-home:focus {
  background: #ff8f00;
  border-color:#ff8f00;
}
.blo-image-date > a {
	background: #e29435;
	}
.blo-image-date > a:hover {
	color:#fff;
}
.blog-text > a { 
background: #e29435;
}
.contact-wrapper .contact-box i {
  background:#e29435;
  }
.contact-wrapper h3:before {
  background: #e29435;
}  
.contact-details .divider {
	background:#e29435;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.active {
	border-bottom: 1px solid #e29435;
}
.conetent-wrapper h2 span {
	color: #e29435;
}
.single-course-details {
  border-bottom: 3px solid #ff8f00;
}
.course-duration .text {
	background:#ff8f00;
    border-bottom: 1px solid #ff8f00;
    display: block;
    padding: 15px 0;
}
.author-info a {
	color:#ff8f00;
	}
.author-info > h4 a {
	color: #ff8f00;
}	
.login form .btn {
  background:#ff8f00;
}
.login .new-account.reg h3 strong {
  color:#ff8f00;
}
.login .new-account a {
   border: 1px solid #ff8f00;
    color: #ff8f00;
}
.footer-wrapper h3:after {
	background: #ff8f00;
}
.footer-wrapper .text-box-right h4 a:hover, .footer-wrapper .text-box-right h4 a:focus {
	color: #ff8f00;
}
.footer-wrapper .footer-tags li a:hover, .footer-wrapper  .footer-tags li a.active {
	border: 1px solid #ff8f00;
	color: #ff8f00;
}



================================================
26. Copyrights Wrapper
================================================
 */	
.copyright-wrapper {
	padding: 40px 0;
	float: left;
	width: 100%;
	background: #101010;
}
.copyright-wrapper .social-iconbox {
	border-top: 2px solid #393939;
	position: relative;
}
.copyright-wrapper .social-iconbox ul {
	margin: -35px 0 0 40px;
	padding: 0 0 30px;
}
.copyright-wrapper .social-iconbox li:before {
	background-color: #101010;
	border-radius: 50%;
	content: "";
	height: 40px;
	left: -15px;
	position: absolute;
	top: -10px;
	width: 40px;
	z-index: -1;
}
.copyright-wrapper .social-iconbox li {
	display: inline-block;
	padding-right: 40px;
	position: relative;
	text-align: center;
	top: 14px;
	z-index: 9999;
}

/*
================================================
27. Media Quires 
================================================
 */
@media (min-width: 768px) {
.gal-container .modal-dialog {
	width: 55%;
	margin: 50 auto;
}
.contact-wrapper3 .contact-details p {
	padding-right: 15px;
}
}

@media (max-width: 768px) {
.gal-container .modal-content {
	height: 250px;
}
}

@media (min-width: 992px) and (max-width: 1024px) {
.callouts-wrapper .callouts .callouts-box .icon-box {
	left: 80px;
}
.hero h1 {
	font-size: 56px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.col-lg-15, .col-md-15 {
	width: 50%;
}
.navbar-header .collapse {
	display: block;
}
.navbar-collapse {
	padding: 0;
	float: none;
}
.hero h1 {
	font-size: 40px;
}
.hero h3 {
	font-size: 16px;
}
.navbar-header {
	width: 100%;
}
.callouts-wrapper div.title {
	margin: 0;
}
.callouts-wrapper .callouts .callouts-box .icon-box {
	position: static;
	top: 0;
	left: 112px;
	margin: 0 auto;
}
.callouts-wrapper .callouts h3 {
	margin: 15px 0 10px;
}
.aboutus-box .aboutus-box-image {
	display: none;
}
.aboutus-box {
	padding: 110px 20px 90px;
}
.aboutus-box .aboutus-box-body {
	padding-right: 25px;
}
.footer-wrapper {
	padding: 15px 0 50px;
}
.blog-details-shareing-tag {
	margin: 10px 0 0;
}
.footer-wrapper [class*="col-sm-"] {
	clear: both;
	margin: 40px 0 0;
	display: inline-block;
	width: 100%;
}
.footer-wrapper .fo-gal li {
	width: auto;
}
.marg-bot-10 {
	margin-bottom: 0px;
}
.course-details-content .single-course-details {
	padding: 30px;
}
.course-details-content .single-item-text {
	padding: 0;
}
.course-details-content {
	margin-left: 0;
}
.course-details-content a img {
	margin: 0;
	width: 100%;
}
.sidebar .widget li:last-child {
	border-bottom: 1px solid #e5e5e5;
}
.inner-page-wrapper.courses-single {
	padding: 60px 0 40px;
}
/* contact us */
.contact-wrapper2-bg .contact-details > div {
	min-height: 160px;
}
}

@media (max-width: 767px) {
/* Common styles */
.text-box.padding-3, .text-box.padding-4, .text-box.padding-5 {
	padding: 20px;
}
.marg-bot-10 {
	margin-bottom: 0px;
}
.col-lg-15, .col-md-15 {
	width: inherit;
}
/* logo wrapper */	 
.logo-bar img {
	height: auto;
	width: 165px;
	margin: 0;
}
.navbar-brand > img {
	padding-left: 15px;
}
.navbar-collapse {
	float: none;
}
.top-wrapper {
	padding: 0;
}
.navbar-header {
	display: block;
	padding: 8px 0;
}
.collapse {
	background: #333 none repeat scroll 0 0;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}
.hover-inn {
	display: none;
}
.navbar-brand {
	padding: 0;
}
ul.nav.navbar-nav li ul {
	margin-left: 5%;
	opacity: 1;
	position: static;
	visibility: visible;
}
ul.nav.navbar-nav li ul {
	width: 260px;
}
/* banner wrapper */
.fade-carousel .hero:before {
	display: none;
}
.banner-wrapper .hero {
	display: none;
}
.fade-carousel .carousel-control {
	display: none;
}
.banner-wrapper .carousel-indicators {
	bottom: 10px;
	left: auto;
	padding: 0 5% 0 35px;
}
.banner-wrapper .hero {
	padding: 0 5% 0 35px;
}
.hero h1 {
	font-size: 25px;
}
.hero h3 {
	font-size: 15px;
}
.banner-wrapper .btn-hero {
	display: none;
}
/* callout wrapper */
.callouts-wrapper .title {
	margin: 0 0 10px;
}
.callouts-wrapper .callouts .callouts-box .icon-box {
	margin: 0 auto;
	position: static;
	top: 0;
}
/* about us home page start */ 
.aboutus-box {
	padding: 50px 0;
}
.aboutus-box-body-content::before, .aboutus-box-body-content::after, .aboutus-box .aboutus-box-image {
	display: none;
}
.aboutus-box .aboutus-box-body {
	padding: 0;
}
.aboutus-box-body-content {
	padding: 0 20px;
}
.special-text small {
	display: block;
}
.about-btn {
	margin: 20px 0 0;
	padding: 0 0 0 20px;
}
/* satisfied wrapper */ 
.satisfied-wrapper .counter:first-child {
	margin-top: -20px;
}
.satisfied-wrapper .counter {
	margin: 30px 0 0;
}
/* Pricing Table wrapper */
.pricing-wrapper-main .title {
	margin: 0;
}
.pricing-wrapper-main [class*="col-sm-"] {
	margin-top: 20px;
}
.pricing-wrapper-main .pricing-table {
	margin-bottom: 60px;
}
.pricing-wrapper-main {
	padding-bottom: 48px;
}
/* Course */
.single-item {
	padding: 0 25px;
}
/* breadcrumb wrapper */
.breadcrumb-bar li {
	margin: 0 10px;
}
/*Courses grid sidebar */
.flat-socials, .flat-socials > li {
	display: inline-block;
}
.course-details-content {
	margin-left: 0;
}
.single-course-details {
	padding: 0;
}
.course-details-content a img {
	margin-left: 0;
	width: 100%;
}
.course-details-content .single-item-text {
	padding: 0 15px 15px;
}
.course-details-area a img {
	margin: 0;
	width: 100%;
}
.author-info > h4 {
	display: block;
}
.single-comment.comment-reply {
	padding-left: 10px;
}
.comments {
	padding: 60px 15px 50px 0;
}
.comment-time {
	float: none;
	font-size: 12px;
}
.courses-single .sidebar .widget.widget-teacher {
	margin: 0;
}
.inner-page-wrapper.courses-single {
	padding: 60px 0 40px;
}
/* team */	
.thumbnail-model {
	width: calc(100% - 0px);
}
.team-wrap {
	padding-bottom: 35px;
}
/* Login */
.login .new-account {
  border-left: medium none;
  padding: 35px 0 0;
}
/* testimonials */		
.testimonials-wrapper blockquote {
	margin: 0 0 30px;
	padding: 20px;
}
/* comming-soon */
.comming-soon .cmg-bg {
	padding: 0;
}
.comming-soon-wrapper .logo-bar {
	padding: 10px 0;
}
.subscirbe .form {
	display: inline-block;
}
.count-down .countdown-row .countdown-amount {
	font-size: 30px;
	line-height: 22px;
}
.subscirbe .sub {
	font-size: 14px;
}
.count-down .countdown-row .countdown-period {
	font-size: 14px;
}
.count-down .countdown-row.countdown-show4 .countdown-section {
	padding: 30px 0;
}
.subscirbe .form input.bttn {
	padding: 9px 10px 10px;
}
/* footer wrapper */
.footer-wrapper {
	padding: 15px 0 0;
}
.footer-wrapper [class*="col-sm-"] {
	clear: both;
	margin: 40px 0 0;
	display: inline-block;
	width: 100%;
}
}

.callouts-wrapper {
    padding: 75px 0 60px;
    width: 100%;
    float: left;
    background: #f5f5f5;
}


.hero h1 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.hero h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 10px 0 0;
    text-transform: none;
}


.affix .logo-big {
width:113px;height:112px;
}
.box_1{
background-color:#FF9933 !important;
}
.callouts-wrapper .callouts p {
   
    line-height: 23px;
    margin: 0;
    padding: 0;
    color: #fff ;
	font-weight: 600;
    font-size: 16px;
}

.box_2{
background-color:#FFF !important;
}

.box_5{
background-color:#FFF112 !important;
}
.box_3{
background-color:#eb3237 !important;
}

.color_white{
color:#fff;
}

.color_black{
color:#000 !important;
}
ul li a{
color:#fff;
}
.callouts-box {
    align-items: center;
    cursor: default;
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding: 30px 40px 61px;
    position: relative;
    text-align: center;
    width: 100%;
	height: 360px;
}
.callouts-box:after {
    border-width: 0 2px 2px 0;
    bottom: 0;
    right: 0;
    border-color: #000;
}
.callouts-box:before {
    border-width: 2px 0 0 2px;
    left: 0;
    top: 0;
    border-color: #000;
}
.callouts-box.hover::before, .callouts-box.hover::after, .callouts-box:hover::before, .callouts-box:hover::after {
    border-color: #ff8f00;
    border: 2px solid #ff8f00;
}
.testimonials-wrapper blockquote {
    border-left: none;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 30px;
    margin: 0 0 20px;
    background-color: #FFF112;
}
.testimonials-wrapper p {
    color: #666;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 15px;
    text-align: center;
     
    font-size: 16px;
    font-weight: 600;
}
.callouts-wrapper .callouts .callouts-box .icon-box i {
   
    color: #fff;
}
.navbar ul, li {
    list-style: outside none none;
	padding-top:10px;
}
 
 
 .navbar-brand .logo-change {
    display: none;
}

@media (max-width: 767px)
 {
   
	.navbar-brand .logo-big {
    display: none!important;
    
}
.navbar-brand .logo-change {
    display: block;
}
}

.affix .logo-big{
 display: none;
}



.navbar-brand .logo-big {
    display: block;
    position: absolute;
	margin-top: -10px;
}
 
 
  .callouts-wrapper {
    padding: 75px 0 60px;
    width: 100%;
    float: left;
    background: #f5f5f5;
}


.hero h1 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.hero h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 10px 0 0;
    text-transform: none;
}


.affix .logo-big {
width:113px;height:112px;
}

/*.testimonials-wrapper {
    margin: 0;
    padding: 75px 0 123px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(images/count-number-bg.png);
    background-repeat: repeat;
}*/
/*.testimonials-wrapper p {
    color: #fefefe;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 15px;
    text-align: center;
}*/
/*.testimonials-wrapper h2 {
    color: #fefefe;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-align: center;
}*/
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
    color: #ff8f00;
}
strong {
    font-weight: 700;
    /*display: block;
    color: beige;*/
}
.copyright-wrapper {
    padding: 10px 0;
    float: left;
    width: 100%;
    background: #101010;
}

img:not([draggable]), embed, object {
  max-width: 100%;
  height: auto;
}



































.pt-50 {
  padding-top: 50px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-30 {
  padding-top: 30px;
}

.pb-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-110 {
  padding-bottom: 100px;
}






.header-text
{
font-size: 30px;
margin-bottom: 1px;
/*font-family: "Pacifico", cursive;*/
font-weight: bold;
color: #103741;

}


@media only screen and (max-width:600px){.admin-bar .is-fixed .main-bar{top:0}.admin-bar .mo-left .header-nav{top:45px;height:calc(100vh - 45px)!important}.admin-bar .mo-left .is-fixed .header-nav{top:0;height:100vh!important}}



.header-logo {
  width: 100%;
}

.header-text h1 {
  font-size: 30px;
  margin-bottom: 1px;
  font-family: "Pacifico", cursive;
font-weight: bold;
color: #103741;
}

.mob_center {
  text-align: left;
}

@media only screen and (max-width: 767px) {
	 
.mob_center {
  text-align: center;
}	 
	 
	 
 
.header-text {
  text-align: center;
} 
 
.header-logo {
width: 40%;
margin: auto 30%;
}	 
	 

.service-list {
  display: none;
} 


.mobilenone
{
display:none;
}


	 
}


@media only screen and (min-width: 767px) {
	 
 

.desktopnone
{
display:none;
}


	 
}


.main-point-titel-blue {
   font-size: 24px;
  color: #232224;
  margin: 15px 0px 20px 0px;
  padding: 0px 0px 6px 0px;
  letter-spacing: 1px;
  border-bottom: 1px solid #d6d6d6;
  background-color: #ff8f00;
  color: #ffffff;
  padding: 10px;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

.table2 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table2 > tbody > tr > td, .table2 > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  border: 1px solid #b1b1b1;
}



.parap
{

font-size: 15px;
letter-spacing: 0.5px;
word-spacing: 2px;
text-align: justify;
 


}


 .main-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ffc600;
  padding: 0 35px;
  font-size: 16px;
 /* font-family: 'Montserrat', sans-serif;*/
  font-weight: 700;
  line-height: 50px;
  border-radius: 5px;
  color: #103741;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 5;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background-color: #ffc600;
}

  .main-btn:hover {
  border-color: #ffc600;
}
.main-btn:hover {
  color: #ffc600;
   
  background-color: #103741;
}
 
 
 
 .requirements-list li::before {
  border: none;
  color: #88c90d;
  content: "\f101";
  font-family: fontawesome;
  font-size: 14px !important;
  font-size: 9px;
  margin-right: 10px;
  padding: 0;
  left: 0;
  position: absolute;
  top: 1px;
  display:none;
}
.requirements-list li {
  position: relative;
  padding-left: 20px;
}









.input--style-4
{
 margin: 0;
    margin-left: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 90%;
  height: 40px;
  padding: 8px 3px;
   
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c1bdb8;
    border-top-color: rgb(193, 189, 184);
    border-top-style: solid;
    border-top-width: 1px;
  border-top-color: rgb(193, 189, 184);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgb(193, 189, 184);
  border-top-style: solid;
  border-top-width: 1px;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  margin: 10px 0px;

}

.btn--blue {
  background: #ff8f00;
  color: white;
}

.widget-content {
  background-color: #ffffff;
  padding: 35px 15px;
  border-radius: 0px 0px 6px 6px;
}
.widget-content {
  border-radius: 0px 0px 6px 6px;
  border: 1px solid #cccccc;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
  border-top-color: rgb(204, 204, 204);
  border-top-style: solid;
  border-top-width: 1px;
  border-top: none;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #fff, 0%, #f9f9f9, 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0px -2px 2px 0px #fff;
  -moz-box-shadow: inset 0px -2px 2px 0px #fff;
  box-shadow: inset 0px -2px 2px 0px #fff;
  margin-bottom: 30px;
}



 


@media only screen and (max-width: 767px) {
	 
 .input--style-4
{
  
   margin: 10px 0px;
  
  
}

	 
}


.table.table-vertical-center td,
.table.table-vertical-center th {
 vertical-align:middle
}
.table thead>tr {
 border:1px solid #eee
}
.table thead>tr>th {
 border-color:#eee
}
.table tbody>tr {
 border:1px solid #eee
}
.table tbody>tr.selected>td {
 background:#f1f5fc
}
.table tbody>tr>td {
 border-color:#eee;
}
table td.text-center,
table th.text-center {
 text-align:center
}
table td.text-right,
table th.text-right {
 text-align:right
}
table.table-borderless td,
table.table-borderless th {
 border:none!important
}
















/* ------------------------------------
    02. Header Start
---------------------------------------*/
.rs-header .rs-header-top {
  padding: 25px 0 20px;
}
.rs-header .rs-header-top .header-contact {
  float: right;
}
.rs-header .rs-header-top .header-contact .widget-text {
  position: relative;
  padding-left: 55px;
}
.rs-header .rs-header-top .header-contact .widget-text i {
  position: absolute;
  border-radius: 2px;
  text-align: center;
  left: 0;
  line-height: 40px;
  color: #ff3115;
  font-size: 35px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-weight: 700;
}
.rs-header .rs-header-top .header-contact .widget-text .info-text a {
  color: #505050;
  font-weight: 400;
  font-size: 16px;
}
.rs-header .rs-header-top .header-contact .widget-text .info-text a:hover {
  color: #ff3115;
}
.rs-header .rs-header-top .header-contact .widget-text .info-text span {
  display: block;
  font-weight: 700;
  color: #101010;
  line-height: 18px;
}
.rs-header .rs-menu-toggle {
  color: #fff !important;
}
.rs-header .rs-menu-toggle:hover {
  color: #ff3115 !important;
}



.sec-spacer {
  padding: 40px 0;
}




 blockquote {
  border: medium none;
  margin: 25px 0 25px;
  padding: 24px 25px 24px 63px;
  font-size: 16px;
  color: #212121;
  font-style: italic;
  position: relative;
  font-weight: 400;
  background: #dbdbdb;
}
blockquote {
  margin: 0 0 1rem;
}


.single-blog-details h2 {
  font-size: 20px;
  margin: 25px 0 25px;
}
.abt-title h2 {
  font-size: 25px;
  line-height: normal;
  margin-bottom: 20px;
  padding-bottom: 16px;
  text-transform: uppercase;
  position: relative;
  padding-top: 20px;
}

.abt-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100px;
  background-color:  #ff8f00; ;
}

.overview-list li {
  gap: 10px;
  color: #475467;
  margin-block-end: 20px;
 
}

p {
  text-align: justify;
}

.about-cont {
  padding: 50px 0px;
}


.heading2 {
  padding: 10px;
font-weight: bold;
/*background: #115c8d;*/

background:  #ff8f00;

color: white;
border-radius: 10px;
font-size: 30px;
}


  @media only screen and (max-width: 991px)
 {
  
  
  .heading2 {
   
font-size: 16px;
}
  
  
  .accordion__button .lesson-name {
  font-size: 13px;
  color: #081A28;
  font-family: "Poppins", sans-serif;
}
 
 .menu-area {
  background: #fff0;
  padding: 0px 0px;
  color: white;
} 
 
 .menu {
   
  padding: 0px 0px;
}
 
  
  
}

/* ------------------------------------
    06. Breadcrumbs
---------------------------------------*/
.rs-breadcrumbs {
  padding: 100px 0 35px;
}

.rs-breadcrumbs ul {
  padding: 0;
}
.rs-breadcrumbs ul li {
  color: #ff3115;
  display: inline-block;
  font-weight: 400;
}
.rs-breadcrumbs ul li a {
  position: relative;
  padding-right: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #ffffff;
}
.rs-breadcrumbs ul li a:before,
.rs-breadcrumbs ul li a:after {
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  height: 15px;
  width: 2px;
  position: absolute;
  right: 7px;
  top: 2px;
  transform: rotate(26deg);
}
.rs-breadcrumbs ul li a:before {
  right: 13px;
}
.rs-breadcrumbs ul li a:hover {
  color: #ff3115;
}
.breadcrumbs-overlay {
  position: relative;
  z-index: 1;
}
.breadcrumbs-overlay:after {
  content: '';
  position: absolute;
  background-color: rgba(17, 17, 17, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}



.bg7 {
  background-image: url(images/breadcrumb-bg-3.webp);
  background-size: cover;
  background-position: center;
  background-position: center top;
}


.trk-btn--secondary1:hover {
  background-color: #081A28;
  color: #fff;
}



.svg-inline--fa.fa-circle-check {
  color: blue;
  padding-right: 15px;
}







.info-text {
  padding: 2px;
  color: #3e3e3e;
}


.title_heading {
  background-color: #0000009e;
  padding: 5px 20px;
  border: 4px double;
  font-size: 24px;
}

@media only screen and (max-width: 991px)
 {
  
  
  .title_heading {
  background-color: #0000009e;
  padding: 5px 20px;
  border: 4px double;
  font-size: 16px;
}
  
  .heading2 {
   
font-size: 16px;
}
  
  
  .accordion__button .lesson-name {
  font-size: 13px;
  color: #081A28;
  font-family: "Poppins", sans-serif;
}
 
 .menu-area {
  background: #fff0;
  /*padding: 0px 0px;
  color: white;*/
} 
 
 .menu {
   
  padding: 0px 0px;
}
 
 .rs-breadcrumbs .page-title {
 margin: 20px 0 15px;
font-size: 23px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
} 

.header-section.header-fixed.header-section.home2, .header-section.header-fixed.header-section.home3 {
   
  background-color: #fff;
}


  
}



@media only screen and (min-width: 767px) {
	 


.rs-breadcrumbs .page-title {
  margin: 140px 0 50px;
  font-size: 36px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.menu-area {
  
  
   background-color:  #ff8f00; ;
  /*padding: 10px 10px;*/
   
}


	 
}

.vs-btn {
  border-width: 2px;
  margin-bottom: 7px;
  margin-top: 7px;
  padding: 7px 22px 9px;
  z-index: 1;
  background: #ff8f00;
  border-radius: 0;
  color: #fff;
}



 .affix .fixednone {
   
   display:none;
}



.abt-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100px;
  background-color: #9c29b2;
}


  .btn-1 {
    background-color: #de1016;
    padding: 3px 15px;
    border-radius: 13px;
    color: white;
}
  
  
:root {
    --primary-color: #2b2f40; /* Deep Blue/Gray */
    --accent-color: #ff8f00; /* Vibrant Orange */
    --light-bg: #f5f7fa;
    --text-color: #333;
    --border-color: #eee;
}

/* General Layout & Background */
.booklist-wrapper {
    padding: 20px;
    background-color: var(--light-bg);
}

/* Header Styling */
.filter-header, .booklist-header {
    background-color: var(--primary-color);
    color: #ffffff;
    padding: 15px 20px;
    margin: 0 0 20px 0;
    font-size: clamp(1.5rem, 2vw, 32px);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.getclsname {
    font-weight: normal;
    font-size: clamp(1.5rem, 2vw, 32px);
    color: #ffc470; /* Lighter orange for contrast */
}

/* Filter Grid for Responsiveness */
.filter-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Auto-fit for responsiveness */
    gap: 15px;
    padding: 0 0 15px;
}

/* Filter Button Styling */
.filter-btn {
    display: block;
    padding: 12px 10px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    
    /* Default (Inactive) Style: Primary Color Gradient */
    background: linear-gradient(to right, #404760, var(--primary-color));
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.filter-btn:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

/* Active Button Style: Accent Color Gradient */
.filter-btn.active {
    background: linear-gradient(to right, #ff9640, var(--accent-color));
    box-shadow: 0 5px 15px rgba(255, 143, 0, 0.4);
    font-weight: bold;
    color: var(--primary-color); /* Dark text on orange */
}

/* Section Divider */
.section-divider {
    border-top: 1px solid var(--border-color);
    margin: 40px 0;
}

/* Book List Table Styling */
.table-responsive-modern {
    overflow-x: auto; /* Ensures horizontal scroll on small screens */
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.book-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.book-table th, .book-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.book-table th {
    background-color: var(--primary-color);
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    position: sticky; /* Keeps headers visible on scroll */
    top: 0;
    z-index: 10;
	font-size: clamp(1rem, 15px, 32px);
}

.book-table tbody tr td {
font-size: clamp(1rem, 15px, 32px);
}


.member-card-container {
    /* Base for mobile: Full width, centered */
    width: 100%;
    margin-bottom: 2rem; /* Consistent spacing */
    padding: 0 15px; /* Added padding for responsiveness on smaller screens */
    box-sizing: border-box;
}

/* Optional: If you want to simulate the col-lg-3 behavior without a full grid framework */
@media (min-width: 992px) {
    .member-card-container {
        width: 25%; /* col-lg-3 equivalent */
        float: left; /* or use a Flex/Grid parent container */
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .member-card-container {
        width: 100%; /* col-md-12 equivalent, centered */
    }
}


/* * 2. The Card Styling 
 */
.member-card {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the content vertically */
    text-align: center;
    padding: 1.5rem; /* Add some inner padding */
    background-color: white; /* Clean background */
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle, modern shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Ensure all cards in a row have the same height */
}

.member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* * 3. Image Styling 
 */
.member-image-link {
    display: block;
    margin-bottom: 1rem;
    line-height: 0; 
}

.member-image {
    width: 100%;
    max-width: 250px; /* Max size for the image */
    height: auto; /* Maintain aspect ratio */
    aspect-ratio: 1 / 1; /* Forces a square shape */
    object-fit: cover; /* Ensures the image fills the square without stretching */
    border-radius: 50%; /* Modern circle shape (instead of the original 10px box-shadow) */
    border: 4px solid var(--accent-color); /* Highlight border */
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); /* Subtle shadow on the image */
}


/* * 4. Text Styling 
 */
.member-name {
    margin: 0.5rem 0 0.25rem 0; 
    font-size: 1.5rem; 
    font-weight: 700;
    color: var(--primary-color); 
    line-height: 1.2;
}

.member-designation {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: var(--text-color); /* Used text-color for designation */
    opacity: 0.8;
}

@media (max-width: 480px) {
    .member-name {
        font-size: 1.3rem;
    }
    .member-designation {
        font-size: 0.9rem;
    }
}

.application-form {
            max-width: 1200px;
            margin: 0 auto;
            background-color: #ffffff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        /* Section Headings */
        .section-header {
            padding: 15px 20px;
            font-weight: 700;
            background: var(--accent-color);
            color: white;
            border-radius: 8px;
            font-size: 24px;
            margin-bottom: 25px;
            letter-spacing: 0.5px;
            text-align: left;
        }

        /* Table Styling */
        .table-container {
            margin-top: 15px;
            margin-bottom: 40px;
        }

        .disclosure-table {
            width: 100%;
            border-collapse: separate; /* Use separate for rounded corners on the table */
            border-spacing: 0;
            overflow: hidden; /* Ensures borders/shadows are contained */
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .disclosure-table th, 
        .disclosure-table td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

        /* Table Header Row */
        .disclosure-table thead tr:first-child th {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 0.5px;
        }
        
        /* Rounded corners for first/last cells in the header */
        .disclosure-table thead tr:first-child th:first-child {
            border-top-left-radius: 8px;
        }
        .disclosure-table thead tr:first-child th:last-child {
            border-top-right-radius: 8px;
        }

        /* Table Body Rows */
        .disclosure-table tbody tr {
            background-color: #fff;
            transition: background-color 0.2s ease;
        }

        .disclosure-table tbody tr:hover {
            background-color: #fafafa;
        }
        
        .disclosure-table tbody tr:last-child td {
            border-bottom: none;
        }

        /* Specific Column Styles */
        .disclosure-table th:nth-child(1),
        .disclosure-table td:nth-child(1) {
            width: 8%; /* SL. NO. */
            text-align: center;
        }
        
        .disclosure-table th:nth-child(2),
        .disclosure-table td:nth-child(2) {
            width: 46%; /* Information */
            font-weight: 500;
            color: var(--primary-color);
        }

        .disclosure-table th:nth-child(3),
        .disclosure-table td:nth-child(3) {
            width: 46%; /* Details/Uploads */
            color: var(--text-color);
        }
        
        /* Attachment Links */
        .attachment-link {
            color: var(--accent-color);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            font-weight: 500;
            transition: color 0.2s ease;
        }

        .attachment-link:hover {
            color: var(--primary-color);
            text-decoration: underline;
        }

        .download-icon {
            /* Placeholder for an actual icon like an SVG or font icon */
            width: 20px;
            height: 20px;
            margin-right: 8px;
            background-color: var(--accent-color);
            -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>') no-repeat 50% 50%;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>') no-repeat 50% 50%;
            background-size: cover;
        }
        
        /* Specific styling for nested rows like in STAFF section */
        .nested-row {
            background-color: #f7f7f7 !important; /* Slightly distinct background */
            font-style: italic;
        }
        .nested-row td:first-child {
            padding-left: 30px; /* Indent the serial number */
        }
        .nested-row td:nth-child(2) {
            padding-left: 40px; /* Indent the information */
            color: var(--text-color);
        }
		
		  .notice-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.notice-left {
    display: flex;
    align-items: center;
}

.date_box p,
.date_box h4 {
    margin: 0;
}

.notice-text a {
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.notice-right a.btn {
    white-space: nowrap;
}