body {
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
    line-height: 20px;
	width: 100%;
	overflow-x: hidden;
}
body .scrollDiv::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2; background:transparent;}
body .scrollDiv::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px;background:transparent;}
body .quesText::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2;background:transparent;}
body .quesText::-webkit-scrollbar-thumb{background:#284664;border-radius:3px;background:transparent;}

body .mycourses.scrollDiv::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2;}
body .mycourses.scrollDiv::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;}
.na {
    color: #0075ff;
}


h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
    /*color: #fff;*/
	font-size: 21px;
}
h4 {
	font-size: 15px;
	text-align:center;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #333333;
	
}

a:hover {
	text-decoration: none;
}
legend {
    font-size: 20px;
    padding: 7px 0px;
    text-align: center;
	}

label {
	font-size: 15px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
    font-weight: 400;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;/**/
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a {
    padding: 7px 10px;
}
.dropdown-menu li > a:hover {
	text-decoration: none;
    color: #eee;
    background-color: rgba(0,0,0,.3);
	/*background-image: linear-gradient(to bottom, #901327, #a06461);
	background-repeat: repeat-x;*/
}
/* top */
#top {
	background-color: #484848;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	min-height: 40px;
}
.col-md-4.info.padTop {
    margin-top: 28px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #901327, #a06461);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links ul {padding:0}
#top .btn-link, #top-links li {
	text-decoration: none;
	font-size:13px;
	padding:0; margin:0;
	    float: left;
    color: #fff; margin-right:25px; list-style:none; font-weight:bold;
     letter-spacing: 1px;
}
#top .btn-link, #top-links a i {
	color: #dcbc7a;
	text-decoration: none;
	font-size:16px;
	margin-right: 5px;
	margin-left: 15px;
}
#top .btn-link, #top-links .social-site a i {
	color: #fff;
}
#top .btn-link:hover, #top-links a:hover {
	color: #fff;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding: 6px 0 ;   
}
#top-links a + a {
	margin-left: 15px; 
}

/* logo */
#logo {
	margin: 0 ;
}
#logo img{
	    max-width: 175px;
}
header .info_header {
	margin: 10px 0 0 0;
}
header .info_header ul {padding:0}
header .info_header li.info {
	text-decoration: none;
	font-size:12px;
	padding:0; margin:0;
	float:left; padding-left:15px; list-style:none;  padding-right:15px;
	text-transform:uppercase; color: #999; letter-spacing: 2px;
}
header .info_header li.padTop { padding-top:10px;}
header .info_header li b{
	text-transform:initial; font-size:17px; color: #777; font-weight:500; letter-spacing:0px;
}
header .info_header li .btn b{
	text-transform:uppercase; font-size:14px; color: #fff;
}

header .info_header li.noborder { border:0;}
header .info_header i {
	color: #444;	font-size:18px;	margin: 0 5px 5px 0;
}

/* search */
#search {
    margin-bottom: 10px;
    margin-top: 6px;
    margin-left: 20px;
    background: rgba(0,0,0,.1);
}
#search .input-lg {
	    height: 30px;
    line-height: 20px;
    padding: 0 10px;
    border: none;
    border-radius: 0;
    background: none;
     box-shadow: none;
}
#search .btn-lg {
font-size: 15px;
    line-height: 18px;
    padding: 5px 10px 5px 7px;
    text-shadow: none;
    background: none;
    border: none;
    color: #000;border-radius: 0;
    box-shadow: none;
}
#search .btn-lg .fa{
font-size: 16px;
}
.wishlist i {
    color: rgba(255,255,255,.3); float:left;
}
.topIcons i {
    color: #901327;
    font-size: 18px;
    margin: 10px 7px 0 7px;
    float: right;
}
.topIcons .account i {
    background: #901327;
    padding: 5px 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-top: 0px;
    color: #fff;
}
.topIcons .account i.initials {
    font-size: 16px;
    font-style: normal;
}
#accountDiv, #partnerDiv{display:none;
    background: #ddd;
    min-width: 250px;
    border-radius: 0;}
#accountDiv li, #partnerDiv li {
    /* line-height: 31px; 
    padding: 3px 0;*/
}
.topIcons #accountDiv i {
    color: rgba(0,0,0,.65);
    float: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 15px;
    margin-right: 5px;
}
/* cart */
#cart, #wishlist-total, #notification-total {
	margin-bottom: 10px; margin-left:10px; 
    float: right;
    margin-left: 3px;
    margin-right: 3px;
}
.wishlist {
    position: relative;
    float: right;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
    color: #111;
}
#cart .dropdown-toggle {
	background: none;
    box-shadow: none;
    border: none;
    color: rgba(255,255,255,.55);
    margin-top: 0; position:relative;
}

#cart .dropdown-toggle .fa{
	font-size:18px;
}
#cart span, #wishlist-total span, #notification-total span {
	    position: absolute;
    width: 20px;
    height: 20px;
    background:rgb(165 165 165 / 60%);;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    top: -4px;
    right: 2px;
    text-align: center;
    z-index: -1;
}
#cart .dropdown-menu {
	min-width: 250px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
.menu_row{       
    display: inline-block;
    padding-top: 3px;
    width: 100%;
    border-top: 1px solid #efefef;
    margin-top: 0px;
	background-color:#333;
	height: 49px;
	/*position: absolute;
    z-index: 99;*/
 }
#menu {
	 float:right; width:100%;
    margin-top: 0px;
}
#menu .nav > li > a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 15px 0px 15px;
    min-height: 15px;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 5px;
}
.btn.btn-inverse.res_but {
    margin-top: -4px;
    /*height: 48px;*/
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 220px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    /* color: #fff; */
    font-size: 15px;
    margin: 5px 0;
}
#menu .dropdown-inner li a:hover {
    text-decoration: none;
    color: #7d1021;
    background-color: transparent;
    font-size: 15px;
    font-weight: 400;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #901327, #a06461);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 0px;
    float: right;
    border: none;
    box-shadow: none;
    margin-right: 0;
    /* background-color: #229ac8; */
    /* background-image: linear-gradient(to bottom, #901327, #a06461); */
    /* background-repeat: repeat-x; */
    /* border-color: #a06461 #a06461 #145e7a; */
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px; float:none;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
	
}



/* content */
#content {
	float: right;min-height:600px;
}
[id^=account] #content h4{ font-size: 16px; text-align: left; width:auto; float: left; margin-right: 15px;}
.explore_more{
    padding: 30px 0px 50px;
    background-image: url('../image/testimonial-bg.jpg');
    background-size: 100%;
}

/* footer */
.minus-footer{margin-bottom:0;}
footer {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #faf5fc;

    color: #111;
    position: absolute;
    z-index: 123;
    width: 100%;
}
article, aside, details, figcaption, figure, footer, head

}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer ul li {
    font-size: 10px;
    /* margin-bottom: 4px; */
}
footer a {
	font-size:.9vw;
}
footer a:hover {
    color: #7d1021;
}
footer h5 {
    color: #b59759;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 35px;
}
footer .footer-bottom {
    text-align: center;
    padding: 20px 0 10px;
    font-size: 12px;
    background: #7d1021;
    color: #fff;
}
footer .footer-bottom a{ color:#fff;
    font-size: 12px; font-weight:500;}
footer .footer-column{ line-height: 25px; color:rgb(4, 1, 32);}
 .logo{
        margin: auto;
    margin-top: 10px;
    margin-bottom: 15px;

  }

footer .footer-column h3 {
    font-size: .9vw;
    text-transform: uppercase;
    /* padding: 0 0 10px 0; */
    font-weight: 600;
    color: #000;
}
footer .noborder p{ font-size:14px;
text-align:justify;
}
footer ul li:before {
        content: "\f061";
    font-family: FontAwesome;
    margin-right: 5px
}
footer .noborder{ border:0;    padding-top: 40px;}
footer .footer-row{padding: 0 ;}
footer .contact_add{ padding:0; margin:0; margin-bottom:10px;
    list-style: none;}
footer .contact_add li {
	list-style:none;
	font-size:13px;
    margin-bottom: 10px;
}
footer .contact_add li i{    
	    width: 25px;
    height: 25px;
    background: #bf9c78;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    margin-right: 5px; vertical-align:top;
}
footer .contact_add span{display: inline-block;    line-height: 1.3em;}
footer .quick li{
font-size: 13px;
padding-top: 10px;
line-height: 23px;
padding-bottom: 5px;
border-bottom: 1px solid #444;
padding-left:5px;
}
footer .quick li:hover{
background-color:#b39658;
color:#333;
}
footer .quick li:hover a{
color:#fff;
}
footer .contact a i {
	text-decoration: none;
	font-size:14px;
	margin-right: 5px;
}
footer .form-control{
margin: 3px;
background-color: rgba(255,255,255,.1);
color:#ccc;
border-radius: 0;
border-color: rgba(255,255,255,.1);
}
footer input.form-control {
    border: 1px solid #283752;
    margin-bottom: 20px;
    border-radius: 10px;
    max-width: 90%;
}
footer .btn-inverse{
overflow: visible;
width: 93px;

margin-top: 9px;
height: 36px;
background-color: #b59759;
font-weight: bold;
}
footer .logo img{width:160px;}
.award{
    margin-top: -60px;
    display: inline-block;
    text-align: right;
}
    footer ul li { }
footer li h3 {
    margin: 0px 5px;
    font-size: 16px;
    color: #fff;
}
.social h6.title {
    font-size: 15px;
    margin-top: 30px;
    font-weight: 600;
    color: #000;
}
footer .social a {
    display: inline-block;
 width: 40px;
    height: 40px;
    line-height: 40px;
    background-color:#0F2239;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
}
footer .social a {
    /* background-color: #1e2c46; */
      margin-bottom: 30px;
}
footer .social a i.flaticon-twitter { line-height:45px}
footer .social a:hover {
    background-color: #7d1021;
    color:#fff;  
}
footer .social a i {
    font-size: 16px;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
.alert {
    padding: 10px 14px 10px 14px;
   /* position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    margin-bottom: 0;*/
    border: 1px dashed;
}
/* breadcrumb */
.tooltip,.tooltip-inner {
    text-align: left!important; width: 200px;
}
.tooltip ul{ padding:10px; margin:0;}
.breadcrumb {
	margin: 0 ;
	padding: 8px 0;
	/*margin-top:14px;
	background:#ddd;*/
	background:none;
	
}
.gray .breadcrumb{
    margin-left: 115px;
}
.breadcrumb i {
	font-size: 13px;
}
.breadcrumb > li {
	padding: 0 10px 0 0;
	position: relative;
	white-space: nowrap;
    color: rgba(0,0,0,.75);
	
}
.breadcrumb > li a{
	font-size: 12px;
    /* font-weight: 400; */
     color: rgba(0,0,0,.75);
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:not(:last-child):after {
	content: '>';
	display: inline-block;
	margin-left: 10px;
	font-size:13px;
	/*position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
}
.success{
	    width: 100%;
    background: rgba(16, 255, 0, 0.4);
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #4e9e3b;
}
.success-msg{
	    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #4e9e3b;
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	text-transform: uppercase;
    border: 1px solid #039244;
	border-radius: 0px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	line-height: inherit;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px; width:100%;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #7d1021;
   /* background-image: linear-gradient(to bottom, #901327, #7c1d1e);
    background-repeat: repeat-x;
    border-color: #901327 #9c625f;*/
    border-radius: 20px; border:none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #701d21;
	background-position: 0 -15px;
}
.test-layout .btn-primary {
	color: #ffffff !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
   /* background-color: #284664;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #284664 ;*/
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #cfa882;
    background-image: linear-gradient(to bottom, #cfa882, #bd9a77);
    background-repeat: repeat-x;
    border-color: #cca580 #c7a27d #bf9c79;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #901327;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #111;
    background-color: #f9f9f9;
    font-weight: bold;
	border-radius: 20px;
	border-color: #eee;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
    background-image: linear-gradient(to bottom,#901327,#ba6d6f);color:#fff;
}
.btn-bg{background-color: #ba6d6f;
    color: #fff;
    border-radius: 5px;
    border-color: #901327;}
.res_but{
    padding-top: 10px;
    height: 38px;}
	
/* list group */
.list{
list-style-type:none;
}
.list-head {
    text-align: left;
    margin-left: 0px;
    margin-right: 36px;
	}
.list-group .title{
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #901327;
    font-weight: 600;
}
.list-group a { padding: 4px 12px;   text-shadow: none;   font-weight: 500;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #7d1021;
    background: rgba(0,0,0,.3);
	background: #7d1021;
}
.list-group a:hover
{
    background: linear-gradient(92deg, #39d8ab 19.11%, #c2831f 45.44%, #7d1021 100%);
    background: linear-gradient(92deg, #256ab8 19.11%, #d7347d 45.44%, #931416 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}
.list-group-item {  padding: 0px 15px 15px;    color: #777;}
.panel-footer {
    background: transparent;
}
.panel-footer .btn{ width:100%;}
.student.list-group {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0px !important;
    padding: 10px 0px 10px 0px;
    position: fixed;
    bottom: 0;
    top: 60px;
    background: #fff;
    border-right: 1px solid #d5dbe7;

}
.list-group-red {
    padding-left: 0;
    margin-bottom: 20px;
    /*margin-top: 30px;*/
    background-color: #9d6360;
    padding: 10px 0px 10px 0px;
}
.list-group-red .title{
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #901327;
    font-weight: 600;
}
.list-group-red a {
color: rgba(255,255,255,.75);text-transform: capitalize;
    padding: 4px 12px;
    font-weight: 400;
    font-size: 14px;
    text-shadow: none;}
.list-group-red a.active, .list-group-red a.active:hover, .list-group-red a:hover {
	color: rgba(255,255,255,.95);
	
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	/*border-right: 1px solid #f5f5f5;*/
	margin-bottom: 0px;
	overflow: auto;
    overflow: hidden;
}
.product-thumb .image {
	text-align: center;
    margin-bottom: 0;
    background: #f5f5f5;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 1;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;    
    border-bottom: 1px solid #ddd;
}
.product-grid .product-thumb .image {
	float: none;
}
.subForm {
    background: #fff;
    border-radius: 20px;
    padding-left:10px;
    width:100%; display:inline-block;
}
.subForm input{
    background:transparent;
    border:none;
    box-shadow:none;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;    width: 66%;
    font-size: 12px;
}
.subForm button{float:right}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb{
    border: 1px solid #eee;
    box-shadow: 4px 4px 10px #ddd;
    min-height: 280px;
    margin-bottom: 30px;
    background: #fff;
}
.product-thumb .caption {
    padding: 10px 10px 10px;
    overflow: hidden;
    text-align: left;
    /* background: #fff; */
    border-bottom: 1px solid #acc;
    margin-bottom: 10px;
}
.product-thumb .tagline {
    color: #111;
    border: none;
    padding: 0px 0 0px;
    font-size: 14px;
    text-transform: none;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
    min-height: 60px;
}
.product-thumb .btn-secondary {
    background: #0f2239;
    color: #fff;
    width: 90%;
    border: none;
    border-radius: 20px;
}
.product-thumb .btn-primary {
    background: #7D1021;
    color: #fff;
    width: 90%;
    border: none;
    border-radius: 20px;
}
 .event-layout .caption {
    overflow: hidden;
    text-align: left;
    background: #fff;
    padding: 25px 20px;
}
.product-thumb h4 {
	font-weight: 550;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 5px; text-align:left;
    min-height: 40px;
}
.bg-product-thumb h4{    font-weight: 600;
   text-transform: capitalize;  /* */
    text-align: left;
    margin-bottom: 0;
    font-family: tangerine;
    font-size: 40px;
}
.product-caption .ftrd_title{
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	font-size: 23px;
	border-bottom: 1px solid;
	color: #eee;
	padding: 3px;
	
}
.product-caption{
border: 1px solid #eee;
	cursor: pointer;
	margin-top: -19px;
	padding: 10px 20px;
	box-shadow: 5px 10px 20px 30px;
	box-shadow: 1px 1px 4px #eee;
}

.col-md-12.static {
    height: 300px;
    background-color: black;
    color: white;
}

.product-thumb h4.ftrd_title {
	/*font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	font-size: 23px;
	border-bottom: 1px solid;
	color: #eee;
	padding: 3px;*/
}
.product-thumb .caption p {
    text-align: left;
    font-size: 15px;
}
.product-thumb .caption .icon{    float: RIGHT;}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
.grid_sep {
       margin-bottom: 67px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.grid_sep i{
font-size: 20px;
    background: #fff;
    position: absolute;
    z-index: 9;
    margin-top: -15px;
    color: #ccc;
    border-radius: 50%;
    border: 2px solid #ddd;
    width: 30px;
    height: 30px;
    margin-left: -20px;
    padding-left: 2px;
    padding-top: 2px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
    padding-bottom: 0px;
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
}
.rating .fa-stack {
	font-size: 5px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 12px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {color: #000;
    font-weight: 400;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: none;
}
.product-thumb .button-group {
    /* border-top: 1px solid #ddd; */
    /* background-color: #eee; */
    /* overflow: auto; */
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-layout {
    position: relative;
}
.product-layout .product-overview {
    display: none;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(180 52 54 / 90%);
    background: rgb(255 255 255 / 70%);
    position: absolute;
    width: calc(100% - 2px);
    color: #fff;
    bottom: 45px;
    text-align: center;
    padding-top: 70px;
    font-size: 18px;
    font-weight: 400;
    margin-left: 1px;
    /* height: 75%; */
    margin-top: 1px;
}
.product-layout:hover .product-overview{display:block}
.product-thumb .button-group button.btn-lg {
    width: 100%;
    padding: 2px;
}
.product-thumb .button-group button.btn-lg:hover {
    /* background: transparent; */
    background-color: #7c1d1e;
    background-image: linear-gradient(to bottom, #901327, #7c1d1e);
    background-repeat: repeat-x;
}
.event-thumb .image {
    background: #f5f5f5;
}
.product-overview h4 a {
    color: #111;
    text-align: center; text-transform:uppercase;
}
.product-overview h4 {
    color: #fff;
    text-align: center;
}
.product-overview p.price{
   font-weight: bold;
    text-align: center;
    color: #901327;
    margin-top: 25px;
    font-size: 18px;
    text-transform: capitalize;
}
.product-overview .tagline {
    color: #777;
    font-size: 14px;
    text-transform: capitalize;
}
/*@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}*/
@media (max-width: 767px) {
	/*.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}*/
	header .info_header li.info {letter-spacing: 1px;}
	header .info_header li.padTop { padding-top:10px;}
	header .info_header li b{font-size:16px;}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	
}
.thumbnails > li {
	margin-left: 0px;
}

.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 2px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 0px;
}
.thumbnail{padding:2px; border-radius:0} 
@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px){
.col-sm-8{
      margin-top:0px;
	  }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}


.swiper-viewport {margin-bottom:0px !important;}
.design_box{
width: 100px;
background-image: url("../image/design.png"); background-repeat: no-repeat; background-position: center center; background-size:100%;
height: 50px;
}
.info_home {
    text-transform: uppercase;
    font-size: 22px;
    color: #b39658;
    font-weight: 500;
     padding: 6px 40px;
    line-height: 30px; text-align:center;
}
.seperator{ clear:both; height:40px;}
.about_home{
	margin: 0px 0px 0px 0px;padding: 0px 0px 60px 0px;background-image: url("../image/about-home-bg.jpg"); background-repeat: repeat; background-position: center center; height: 592.6px; transform: translate(0px, -25.8px);
}
.about_home .infobox{margin: -100px 0px 0px; padding: 55px 0px 65px; height: 208px;font-size: 16px;font-weight: 300;font-style: normal; text-align:center}
.about_home .infobox h3{font-size: 20px;font-weight: 500;letter-spacing: 0px;text-transform: none; margin-bottom:15px; color:#383838;}
.about_home .service-1{
	background-image: url("../image/service-1.jpg");  background-size: cover;background-repeat: repeat; background-position: center center;color: #0a0a0a;
}
.about_home .infobox h3.text-yellow{color:#b59759;}
.about_home .service-2{
	background-image: url("../image/service-2.jpg");    background-size: cover; background-repeat: repeat; background-position: center center;color: #fff;
}
.about_home .service-3{
	background-image: url("../image/service-3.jpg");    background-size: cover; background-repeat: repeat; background-position: center center;color: #fff;
}
.swiper-viewport,.swiper-container { z-index:-1 !important;}
.s-viewport{padding:10px 0; position:relative;  overflow-x: hidden;}
.happenings .s-viewport{padding:10px 0; position:relative; overflow-x: hidden; }
.about_home .story_title, .about_home .story_text{ padding: 60px 10px; }
.about_home .story_title h3 {font-size: 36px;font-weight: 300;letter-spacing: 0px;text-transform: none;}
.about_home .story_text p { padding: 40px 0 0;  line-height:25px; font-size:17px; text-align:justify}
.img-gray img{filter: grayscale(1);	transition-property: filter;	transition-duration: 1s;	}
.img-gray:hover img{filter: grayscale(0);}
.bg-gray{ background-color:#111;color: #fff; text-transform: capitalize;}
.bg-gray h3{ text-transform:uppercase; font-size:400%; Font-weight:bold; color:#fff;
    margin-bottom: 20px;}
.bg-gray h5{color: #fff;    font-size: 150%;    font-weight: normal;}
.bg-gray h6{text-transform: uppercase;font-size: 200%;  Font-weight: bold; color: #fff; margin-bottom: 20px;text-align: left;}
.bg-gray ul{padding: 0px; margin:0; list-style:none;}
.bg-gray ul li{    font-size: 110%;line-height: 30px;}
.bg-gray ul li:before {
  content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    /* margin-left: -1.3em; */
    margin-right: 10px;
    width: 17px;
    height: 17px;
    color: #901327;
    line-height: 15px;
    border: 1px solid;
    text-align: center;
    border-radius: 50%;
}
.bg-gray ul li:hover{color: #901327;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}
.bg-gray .overlay{
	background: rgba(255,255,255,.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 92%;
    height: 86%;
    margin: 0 15px;
    text-align: center;
	transition: .5s ease; opacity:0;
}	
.bg-gray .overlay h4 a{
	    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #901327;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-top: 22%;
}
.bg-gray .product-thumb .image:hover .overlay{opacity:1;}
.rooms_suites_left_text {
    width: 100%;
    float: left;
    color: #901327;
    margin-bottom: 20px;
    font-weight: bold;    text-transform: uppercase;
    font-size: 19px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}	
.bg-white{background-color:#fff;}
.nav-tabs {  background-color: #f9f9f9;
}
.nav>li>a {   padding: 5px 10px;  }
.nav-tabs>li>a 	{  margin: 0 5px;  
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
}
/*.nav-tabs>li.active>a::after{
	     content: "\f0d7";
    font-family: FontAwesome;
    display: block;
    margin-right: 10px;
    width: 100%;
    height: 17px;
    color: #901327;
    line-height: 15px;
    text-align: center;
    font-size: 20px;
}*/

.section-sep-1{    
	background-image: url(../image/background.png);
    background-position: 10% 0;
    background-repeat: no-repeat;
    height: 450px;
    margin-top: 50px;
	}
.section-sep-1 img{	width:100%;   margin-top: 18%;}
.section-sep-1 img.img2{margin-top: 35%}
.section-sep-1 .hilite{
width: 100%;
background: rgba(180,150,88,.8);
border: 7px Solid #fff;
padding: 22px 20px;
font-size: 26px;
line-height: 30px;
font-weight: 400;
color: #fff;
max-width: 350px;
margin: 30% auto 0;
}	
.section-sep-1 .white {
    width: 100%;
    background: #fff;
    min-height: 200px;
    margin-top: 2%;
    padding: 5px 20px;
 text-align:center;
}
.section-sep-1 .white .design_box2{
background-image: url("../image/design.png"); background-repeat: no-repeat; background-position: center center; background-size:100%;
height: 30px;
}
.section-sep-1 .white .info_home {
    text-transform: uppercase;
    font-size: 12px;
    color: #b39658;
    font-weight: 500;
    padding: 6px 40px;
    line-height: 20px; text-align:center;
}
#tab-description {
    /*font-size: 17px;
    line-height: 30px;*/
    margin-bottom: 20px;
}
.section-sep-1 h4, .infrastructre h4{    font-size: 26px;margin: 23px auto 26px;display: inline-block;width: 100%;}	
.infrastructre h4{    margin: 16px auto 0;
    font-size: 400%;
    font-weight: bold;
    color: #000;
    position: relative;
    text-transform: uppercase;}	
.hlptip{margin-bottom: 25px;}
.infrastructre .grn { background: url('../image/yoga-pose-1.jpg'); background-size: 100% 100%;}
.infrastructre .prpl { background: url('../image/yoga-pose-2.jpg'); background-size: 100% 100%;}
.infrastructre .pnk { background: url('../image/yoga-pose-4.jpg'); background-size: 100% 100%;}
.infrastructre .bgrn { background: url('../image/yoga-pose-3.jpg'); background-size: 100% 100%;}

.infrastructre .grn .overlay{ background-color: rgba(70,160,140,.88);display: block;    position: relative; z-index:0}
.infrastructre .prpl .overlay{ background-color: rgba(102,64,101,.88);display: block;    position: relative;z-index:0}
.infrastructre .pnk .overlay{ background-color: rgba(227,129,170,.88);display: block;    position: relative;z-index:0}
.infrastructre .bgrn .overlay{ background-color: rgba(50,76,89,.88);display: block;    position: relative;z-index:0}
.infrastructre .item{    
	position: relative;
    overflow: hidden;
    height: 440px; padding:20px;
}
.infrastructre .image{ border:0px solid #000;}
.infrastructre .title {
    text-align: left;
    padding: 20px 12px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    width: 70%;
    line-height: 35px;
}
.infrastructre .title:before {
   content: " ";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 23px;
    height: 2px;
    background: rgba(255,255,255,.5);
}
.infrastructre .desc {
	display:none;
    font-size: 16px;
    color: #fff;
    width: 80%;
    margin-left: 15px;
    margin-top: 40px;
}
.infrastructre .grn:hover .desc {	display: block;}
.infrastructre .prpl:hover .desc {	display: block;}
.infrastructre .pnk:hover .desc {	display: block;}
.infrastructre .bgrn:hover .desc {	display: block;}

.cat-title {    text-align: center;
    padding: 6px 12px;
    background: #f5f5f5;
    border-radius: 5px;
    float: left;
    margin: 15px 6px;
    border: 1px solid #eee;
}
.infrastructre .title p,.cat-title p { font-size:1em; margin-bottom:0;}
.infrastructre .title a {color:#fff; font-size:18px}
.infrastructre .title h6,.cat-title h6{margin-top:2px; margin-bottom:5px;}
.infrastructre .shadow{    box-shadow: 2px 2px 7px #ddd;}

.infrastructre .info h6 a,.cat-title h6 a {    font-size: 16px;
    text-transform: capitalize;
    display: block;}
.infrastructre .info {
    text-align: left;
    background: #eee;
    padding: 12px 12px;
    color: #000;
    min-height: 250px;
}
.infrastructre .info p{ font-size:14px;}
.welcome {
    /* font-size: 6vw; */
    line-height: 30px;
    color: #555;
    text-align: justify;
    padding: 50px 50px 30px;
}
.welcome p {
    font-size: 1.25vw;color: #000;
}
.welcome p b {
    color: #7d1021;
    font-size: 1.5vw;
}
.welcome h3 {
    color: #0f2239;
    line-height: 32px;
    font-weight: 600;
}
.groupCategory h3 {
    font-size: 2.1vw;
    font-weight: 700;
    color: #0f2239;
}
.why_book{
    width: 100%;
    max-width: 100%;
    margin: auto;
    border: 1px solid #ddd;
    padding: 10px;
    /* border-radius: 8px; */
    background: #f5f5f5;
    display: inline-block;
}
.why_book i{
	    color: #fff;
    background: #1f1f3c;
    padding: 4px 6px;
    border-radius: 5px;
    font-size: 16px;
}
.low_padding{padding-left: 7px; padding-right: 7px;}
.btn-white {
    color: #f7c02b;
    background-image: linear-gradient(to bottom, #FFF, #f5f5f5);
    background-repeat: repeat-x;
    border-color: #FFF #f5f5f5;
    margin-top: 15px;
    font-size: 16px;
    padding: 13px 23px 10px;
}
h3.title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: none;
    /* padding-left: 20px; */
    background-color: #fff;
    margin-bottom: 30px;
    /* border-left: 10px solid #b39658; */
    display: inline-block;
    width: 100%;
    margin-top: 0;
    text-transform: uppercase;
}
.item-title-divider{
    height: 20px;
}
.section-apps{    background-image: url(../image/port-desc-bg-1.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px;
    transform: translate(0px, -17.9px);
    margin-top: 30px;
    color: #f7c02b;}
.section-apps .col1{padding: 60px 40px 0px 70px; text-align:right}	
.section-apps h3{    color: #f7c02b;   font-weight: bold;    padding-top: 8px;}	
.section-apps .info{     color: #ccc;
    font-weight: normal;
    padding-top: 30px;
    font-size: 16px;}	
.section-apps .col-md-2{padding:0; margin:0;}	
.section-apps .image img{ max-width:100%; min-height:300px;}
.section-apps .image-title{ height: 100px;    background: #f7c02b;    padding: 20px 15px;    color: #222;    font-size: 15px;    font-weight: 500;}	
#product-product{margin-top: 20px;}
.page_header{background-image: url(../image/page-title-background.jpg);
 	
    background-size: cover;
    background-position: top center;
    height: 250px;
    transform: translate(0px, -17.9px); margin-top:24px; 
	text-align: center;
   }
.page_header h1{
color: #fff;
    margin-top: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    border: 4px double rgba(255,255,255,.35);
    margin: 71px auto;
    margin-top: 71px;
    padding: 5px 20px;
    opacity: 1;
    text-transform: capitalize;
    display: inline-block;
}
.page_header_small {   height: 356px; margin-top:18px;   margin-bottom: -20px;}
.page_header .overlay{ background: rgba(0,0,0,.4);  display: inline-block;  width: 100%;  height: 100%;}
.page_header_small h1 { margin-top: 95px; margin-bottom:0}
.page_header_small .breadcrumb li a {
    color: #fff; text-transform:uppercase;
}
.page_header_small .breadcrumb li {
    color: #fff; text-transform:uppercase;
}

.features-full{margin-top:-18px;}
.features-full .col-md-3{ min-height:350px; padding:30px;}
.features-full h3{ color: #fff;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;    height: 42px;}
.features-full .txt{ color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 25px;}
.features-full i{color: #fff;
    font-size: 60px;
    text-align: center;
    /* margin: auto; */
    width: 100%;}	
.blackBg{background-color:#000;}
.grayBg{background-color:#444;}
.lgrayBg{background-color:#eee;
    padding: 30px 0px;}
.lyellowBg{background-color:#e2bd58;}
.yellowBg{background-color:#f5c030;}
.features-full .lyellowBg i, .features-full .yellowBg i{color: #901327;}
.profile_left{
	font-size: 15px;
    line-height: 30px;
    text-align: justify;
    padding: 40px 40px;
    background: #eee;
}
.profile_right{
	background-color: #302b27;
    background-image: url(../image/port-desc-bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px; padding:80px;
}
.profile_right .col-md-12{
	margin-bottom: 35px;
}
.profile_right i {
	color: #f7c02b; font-size:45px;
}
.profile_right h3{
	color: #fff;
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 600;
    margin: 5px 0;
}
.profile_right .txt{
	    font-size: 15px;
    color: #999;
    line-height: 26px;
}
.gray{
	background: #efefef;
}
.cat-gray{
    /*background: #ddd;
    margin-top: -27px;*/
	 }
.pro-gray {
     /*background: #ddd;
   margin-top: -68px;*/
    padding: 0px;
	}
.con-gray{
    background: #ddd;
    margin-top: -24px;
    padding: 0px;
	}
.minus_top{margin-top:-90px;}
.pagebg{ background-repeat:repeat-y;}
.site_text{    padding: 30px 20px 30px 40px;
    line-height: 25px;
    text-align: justify;
    font-size: 1.2em;}
.site_text h3.title{
	    font-size: 27px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    color: #181818;width:100%;
}
.top_sep{height:95px;
    background: rgba(0,0,0,.45);}
.nopadding { padding: 0 !important; }
.navbar-collapse {padding-right: 0px !important;   padding-left: 0px !important;   }
@media(max-width:1023px)
{
	.navbar-collapse { width: 250px; position: absolute; right: -16px; z-index: 9; margin: 0; padding: 0;}
}
.navbar-nav {    margin: 0 !important;}
#account-login {    margin-top: 30px;}
.swiper-slide .title {
    color: #fff;
    padding: 15px 20px;
    /* font-size: 18px; */
    /* display: inline-block; */
    /* z-index: 9; */
    text-align: left;
    position: absolute;
    line-height: 20px;
    left: 2%;
    max-width: 40%;
    top: -60vh;
    width: 100%;
    margin-top: -70px;
    /* background: rgba(255,255,255,.55); */
}
.swiper-slide .title .big {
    /* text-transform: capitalize; */
    font-size: 7vw;
    font-weight: 700;
    /* text-shadow: 2px 2px 2px #333; */
    line-height: 1.05em;
    /* margin-top: -40px; */
    /* text-align: center; */
    letter-spacing: 1px;
}
.swiper-slide .title span {
    background-image: url('https://emodule.in/image/catalog/underline.png');
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-slide .banner-overlay{
	/*background-color: rgba(0,0,0,.5);*/
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
    z-index: 9;
    text-align: justify;
    position: absolute;
    line-height: 28px;
    right: 10px;
    max-width: 100%;
    top: 25%;
    width: 440px;
    font-size: 14px;
}	
.swiper-slide .banner-overlay h2{color:#fff; text-align:left;}
.testimonial i{ padding: 5px 10px; font-size: 4vw; color:#f3e9ea;}
.testimonial .testimonial_text{ text-align:left; padding:0}
.testimonial .testimonial_text em {
    /* padding: 10px; */
    font-size: 16px;
    /* margin: 2px 0 15px; */
    display: block;
    line-height: 20px;
    /* border-color: #e5e5e5; */
    min-height: 90px;
    color: #333;
    border: none;
}
.btn-slider {
    background: #7d1021;
    color: #fff;
    border: none;
    border-radius: 37px;
    padding: 15px 34px;font-size:16px;
}
.btn-slider:hover { color: #fff;}
.big_title {
    font-size: 6rem;
    color: #000;
    letter-spacing: -1px;
    /* font-family: Helvetica, Arial, sans-serif; */
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.big_title span {
    /* color: #b43436; */
    background-image: url(https://emodule.in/image/catalog/underline.png);
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
.white_title {
    font-size: 6rem;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.white_title span {
    background-image: url(https://emodule.in/image/catalog/underlineWhite.png);
    background-position: right 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.testimonial .testimonial_text .image{ float: left;   margin-right: 15px;   width: 55px;   border: 5px solid #ebf2f9;
    height: 55px;    border-radius: 50%;}
.testimonial .testimonial_text .author {        /* text-transform: uppercase; */
    font-size: 18px;
    color: #111;
    font-weight: 500;
    line-height: 25px;}
.testimonial .testimonial_text .author  span {
    text-transform: uppercase;
    /* background: #45b29d; */
    font-size: 12px;
    padding: 0px 5px 0px;
    color: #7d1021;
    margin-right: 10px;
}
.testimonial-pager{position: relative; line-height: 85px;}
.r_title h2{
color:#a98d54;
}
.unorder-list {margin:0; padding:0;margin-bottom: 20px;}
.unorder-list li{padding: 0;margin: 0;list-style: none;float: left;margin-right: 20px;font-size: 13px;}
/*accommodation*/
.product-caption{
	border: 1px solid #eee;
	cursor: pointer;
	margin-top: -19px;
	padding: 33px 20px;
	box-shadow: 5px 10px 20px 30px;
	box-shadow: 1px 1px 4px #eee
}
.product-caption p { 
	text-align: justify;
	font-size: 16px;
	letter-spacing:1px;
	}
	
	.pro-span-f{
    text-align: right;
    margin-left: 29px;
    letter-spacing: 0.2px;
    }
.pro-span {
    text-align: right;
    margin-left: 23px;
    letter-spacing: 0.2px;
    font-size: 14px;
}
.list-head {
    font-weight: 500;
	}
.ftrd{
    margin-top: 0px;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;	
}
.list b{
font-size: 15px;
}
.ftrd ul{
	margin-top: 2px;
	margin-bottom: 10px;
	list-style: none;
	text-align: left;
	padding: 0px 0px;
}
.ftrd ul li{font-size:14px;}
.ftrd ul li b {
   color: #af955e;
    font-weight: 500;
    text-transform: uppercase;
}
#cat-feas{
margin-top:50px;
}
.product-main {
font-size: 30px;
border-bottom: 1px solid #eee;
/*margin-bottom: 36px;*/
padding: 5px 0px;
margin-top: -21px;

   
	}
.product-grid-cat .product-thumb_cat {
    margin-bottom: 20px;
    display: inline-block;
 }
 
.res-form-group{
    margin-bottom: 15px;
	width: 152px;
	padding: 10px;
	text-align: right;
	float: right;
 }
 
 /*product css*/
.pro-amenities {
    margin-bottom: 40px;
    display: inline-block;
    border-radius: 15px;
    padding: 10px;width:100%
	}

.sub-sec {
  
}
.pro-amenities h2{
font-size: 27px;
text-align: left;
margin-top: 24px;


}
.pro-attribute.col-sm-3 {
	    border-right: 1px dotted #9c866d;
    padding-left: 22px;
    min-height: 230px;
}
.pro-attribute.col-sm-3:last-child {
    border: none;
}
.sub-sec h3 {
       margin: 10px 0 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #988663;
}
.bed-attribute {
    font-size: 14px;
    padding:14px 0;
	margin-top:0px;
	list-style-type: none;
}
.bed-attribute>li{
  margin-bottom: 10px;
    margin-left: 9px;
    /* line-height: 25px; */
    text-indent: -2em;
	color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.attrib-img {
text-align: left;
    margin-right: 10px;
    width: 15px;}
.pro-btn{
box-shadow: 0 0 3px 0 rgba(180,180,180,0.6);
width: 100%;}

	/*Form*/
.col-sm-4.form-res {
    border: 1px solid;
    background:#242424;
  }
.form-res h3{
color:#fff;
}
.pro-btn{
margin-top: 20px;
margin-bottom:20px;
}
.control-label.pro-label {
    font-size: 14px;
    margin-top: 0px;
	color:#fff;
	}
.form-control.pro-control>option{
background-color:#3a3a3a;
}
	.form-control.pro-control {
    margin-bottom: 14px;
	background-color: rgba(255,255,255,.1);
	border-radius: 0;
	border-color: rgba(255,255,255,.1);
	color:#fff;
}
.pro{
background-color: rgba(255,255,255,.1);
	border-radius: 0;
	border-color: rgba(255,255,255,.1);
	
	}
	.form-control.pro {
    width: 129px;
	color:#fff;
}
.form-control.pro-control-adult {
    color: #fff;}
.form-control.pro-control-child {
    color: #fff;}
	
.pro-control-adult{
    background-color: rgba(255,255,255,.1);
	border-radius: 0;
	border-color: rgba(255,255,255,.1);
	width:172px;
}
.pro-control-child{
 background-color: rgba(255,255,255,.1);
	border-radius: 0;
	border-color: rgba(255,255,255,.1);
	width:179px;
}
.control-label {
   
    margin-top: 8px;
}
.banner-sep {
    background-image: url(../image/banner-bg.jpg);
    background-size: cover;
    background-position: center center;
    height:350px;
    transform: translate(0px, -17.9px);
    margin-top: 30px;
    color: #f7c02b;
	margin-bottom: 34px;
}

.banner img {
    border: 2px solid #fff;
    padding: 2px;
    background: #080808;
}
header {
	/*margin-top: 30px;*/
    height: 95px;
    background: rgba(255,255,255,1); /*rgba(18,51,74,.85);rgba(64,64,64,.95);(115,172,67,.75);*/
    padding-top: 0px;
    position: fixed;
    width: 100%; z-index:999;
    color: rgba(255,255,255,.95);
    box-shadow: 1px 1px 12px rgb(0 0 0 / 15%);
}
header .top{
    background: #0f2239;
    margin-bottom: 6px;
}
header .top-row {
    height: 40px;
    background: #7d1021;
    border-radius: 0 0 40px 0;
    color: rgba(255,255,255,.25);
    /* margin-bottom: 6px; */
    line-height: 40px;
    
}
.top-row span {
    color: #f5f5f5;
    margin: 0 10px;
}
.top-row span i{
    margin-right: 5px;
}
.top-row span.social i {
    margin: 0 7px;
}
@media(max-width:768px)
{
	.banner-sep {  height: auto; }
	.section-sep-1 .white {/*height: 375px;   overflow: auto;*/}
	.testimonial .testimonial_text {margin-left:0}
	.swiper-pager, .testimonial-pager {/*visibility: hidden;*/}
	.testimonial-quote {margin-left:30px}
	.design_box { display: none; }
	.info_home {
    text-transform: uppercase;   font-size: 14px;   color: #b39658;   font-weight: 500;   padding: 0px 0px;
    line-height: 25px;    text-align: center; }
	.seperator {    height: 30px;}
	.grid_sep { margin-bottom: 40px;}
	.s-viewport{ overflow-x: hidden;}
	.pro-attribute.col-sm-3 {
    border-bottom: 1px dotted #9c866d;
    padding-left: 10px;
    min-height: inherit;
}
}
.img-responsive.banner {
    margin-top: 72px;
	}
	.container.contact {
    margin-top: -28px;
}
.pull-right {
    float: right !important;
    margin-bottom: 10px;
  }
  .col-md-6.info-contact {
    background: #efeeec;
	padding-top:20px;
}
.featured-block {
    position: relative;
    margin-bottom: 30px;
	margin-left:60px
}
      .featured-block .inner {
    position: relative;
    padding-left: 45px;
}
      .featured-block .inner .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #222222;
    font-size: 30px;
    line-height: 1em;
}
      .featured-block .inner h3 {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
}
         /*.featured-block .inner h3:after{
       display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size:4px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
     color: #e54761;
    content: "\f111";
    display:inline-block;
      }*/
      
      .featured-block .inner .text {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
}
h3.big-title, h1.big-title{
	font-size: 250%;
    font-weight: bold;
    color: #4d3e4d;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 20px;
}

.img-responsive {
    width: 100%;
}
.nav > li > a > img {
    max-width: none;
    border: 1px solid #efefef;
    background: #f4f4f4;
	
     /*margin-top: -9px; */}
.nav > li.active > a > img {    border-bottom: 2px solid #901327;}


.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent; 
	border-color: transparent;
}
.col-md-8.top-bar {
    list-style-type: none;
    width: 43%;
    margin-left: 209px;
}
.top-contact {
    list-style-type: none;
    float:right;
    margin-top: 5px;
	margin-right:-72px;
}

	.contact > a {
    color: #bbb;
}
	.contact {
    float: left;
    margin-left: 22px;
}
	
.fa.fa-phone.icon {
    color:#c3ac7a;
	font-size:17px
}

.fa.fa-envelope {
    /*color: #c3ac7a;*/
	font-size:17px;
}

.primary-nav {
    text-align: right;
    font-size: 18px;
	margin-bottom: 13px;
	margin-right:-40px;
	}
.pri-list {
     font-family: 'Tangerine', cursive;
    font-size: 26px;
    color: #ddd;
	}
.pri-list>a{
color:#a27b27;
}
.info-contact>h3{
text-align:center;
}
header .info_header .soc-icon {
    color: #999;
    font-size: 18px;
    margin: 0 5px 5px 0;
	}
.css-sep{
height:1px;
background:#717171;
border-bottom:1px solid #ddd;
}
#about-content{

    font-size: 16px;
	}
.scroll-container {
    padding: 15px;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
   margin-left:15px;
	}
.heading-title{
    padding-top: 3px;
    background-color: #fff;
    display: inline-block;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;	
}
.content{
	font-size:16px; line-height:22px;
}
.social{text-align:left;}
.link i{ width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 8px;
    margin-right: 20px;
    border-radius: 50%;
    color:rgba(255,255,255,.7);
    border: 1px solid;}
.link i:hover{color:#fff;}
.con-head{color:#fff; margin-top: -5px}
.subheading-title{
    padding-top: 3px;
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;	}
.booknow {
       background: #0e4974;
    color: rgba(255,255,255,.3);
    padding-top: 15px;
    margin-top: -10px; margin-bottom: 20px;}
.booknow legend {
    font-size: 16px;
    color: rgba(255,255,255,.7);
    text-align: left;
    display: block;
    position: relative;
    padding-top: 25px;
    margin-bottom: 0px;
    border-color: rgba(255,255,255,.1);
}	
.booknow h1{ color: rgba(255,255,255,.5); font-size: 20px; margin-bottom:15px; margin-top:5px;}	
.booknow .form-horizontal .form-group{ margin: inherit;}	
.booknow label {
    text-transform: uppercase;
}
.booknow div.required .control-label:before {
    content: '* ';
    color: rgba(255, 0, 0, 0.55);
    font-weight: bold;
}

.booknow input.form-control {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.1);
    margin-bottom: 10px;
}

input#input-firstname {}
.book{
	border-radius:0;
	background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.1);
    color:#fff;
}
.form-control::-moz-placeholder {
    color: #ddd;
    opacity: 1;
}
.gallery { list-style-type: none; margin: 0; padding: 0; }
#exampleSelect1 {
    width:170px;
    color: #fff;
}
.submit{
margin-right:100px;
}
.nopadding{
border-radius: 0;
border-color: rgba(255,255,255,.1);}


.top-bar-mobile{
	background: #F5F5F5;
    border-bottom: 1px solid #ddd;
	text-align:center;
    display: inline-block;
    width: 100%;
}
.top-bar-mobile ul{
    margin: 0;   padding: 0;   list-style: none;
}
.top-bar-mobile li{
	width: 48%; float:left;
}
.top-bar-mobile li i{ margin-right:5px;}
.mobile_ul{margin: 0;    padding: 0;    width: 100%;}
.mobile_li{    padding: 0;  margin: 0;  float: left;  width: 25%;  list-style: none;  text-align: center; border-left: 1px solid #4e4d4d;  border-right: 1px solid #171616;}
.mobile_li a {
    color: #fff;
}
.mobile_li a i {    color: #1f1f3c;/*c3ac7a;*/}
.navbar-toggle {
     padding: 0; 
    margin-top: 0px; 
    margin-right: 0px;
    margin-bottom: 0px; 
	float:none;color:#fff
}
.navbar-toggle i{   color: #1f1f3c;/*c3ac7a;*/}
.nav>li {text-align:left}
p {
    font-size: 18px;
    /* text-align: justify; */
    line-height: 1.7em;
}
.related_categories .caption p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.5em;
	min-height: 120px;
}
.related_categories .caption{
	position: absolute;
    left: 5%;
    top: 6%;
    background: rgba(0,0,0,.7);
    width: 45%;
    height: 84%;
    color: #fff;
    padding: 3% 5%;
	}
.related_categories .caption h4 {
	text-transform:uppercase;
	margin-top: 0px; 
	margin-bottom: 5px;
	text-align:	left;
    font-size: 20px;
    font-weight: 600;
	min-height: 85px;
}
.related_categories .caption h4 a {
	font-family: 'Tangerine', cursive;
    text-transform: none;
    font-size: 38px;
    color: #dcbd7b;
    letter-spacing: 2px;
}
.related_categories .image img{width:100%}
.product-thumb .small, .event-layout .small{
	text-transform: uppercase;
    font-size: 100%;
    letter-spacing: 1px;
    position: relative;
	margin-bottom:20px;
    color: #901327;
    font-weight: bold;
}
.event-layout .small{
	text-transform: capitalize;
    font-weight: normal;
}
small{text-transform: uppercase;
    font-size: 100%;
    letter-spacing: 3px;
    position: relative;
}
small {
    text-transform: capitalize; /* */
    font-size: 90%;
    font-weight: bold;
    letter-spacing: unset;
    position: relative;
    color: #b43537;
}
.swiper-slide small {
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    color: #fff;
}
big {
    text-transform: capitalize;
    font-size: 500%;
    font-weight: bold;
    text-shadow: 2px 2px 2px #333;
	line-height:100%;
	text-align:center;font-family: "tangerine",arial;
}
medium {
    /* text-transform: uppercase; */
    font-size: 3.5vw;
    font-weight: 700;
    /* text-shadow: 2px 2px 2px #333; */
    line-height: 100%;
    /* text-align: center; */
    color: #fff;
    margin-top: 35px;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 5.5rem;
}
.happenings{
	text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px;
    position: relative;
}
.happenings h3{
	font-size: 28px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    position: relative;
}
.happenings span.caption,.section-sep-1 .caption,.infrastructre .caption{
	font-family: 'Tangerine', cursive;
    text-transform: none;
    font-size: 90px;
    color: #f7f4f2;
    font-weight: bold;
    letter-spacing: 2px;
    position: absolute;
    top: 10%;
    left: 20%;
    text-align: center;
}
.happenings span.caption{ color: #ecece2;}
.section-sep-1 .caption{    top: 4%; left: 36%; }
.infrastructre .caption{ left:0; top: -7px; width: 100%; margin: auto; }
.happenings .info{
	text-align: center;
    padding-bottom: 25px;
}
.happenings p.txt{ font-size: 14px;}
info{
	text-align:justify;
}
.happenings h3.slider-title{
	line-height: 25px;
    text-align: left;
    padding-right: 20px;
    margin-top: 0px;
}
.happenings .text{
	text-align: justify;
    padding: 0 20px 0 0;
}
.tilt {
        width: 0;
    height: 0;
    border-style: solid;
    border-width: 280px 5vw 0 0px;
    border-color: transparent #111111 transparent transparent;
    /* transform: scale(1.0001); */
    float: left;
    position: absolute;
    margin-left: -87px;
    margin-top: 40px;
}
.tilted-border {
    padding: 10px 10px 10px 20px;
    position: absolute;
    margin-left: -20px;
    margin-top: 40px;
    height: 280px;
}
.tilted-border p{
	line-height: 25px;
    text-align: justify;
    font-size: 14px;
}
.infrastructre{
	position:relative;
}
.testimonials{
    background-color:#F3E9EA;
    min-height: 400px;
	margin-top:20px;
    width: 100%;
}

.testimonial_item {
    padding-top: 20px;
}
.testimonial_item small {
    color: #7d1021;
    /* letter-spacing: 1px; */
    /* margin-left: 45px; */
    font-size: 1.3vw;
    font-weight: 500;
    display: block;
    text-align: center;
}

.testimonial_item h3 {
    color: #0f2239;
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
.testimonials .testimonial{
	margin: 1% 0 5%;
    background-color: #fff;
    min-height: 150px;
    padding: 20px;
    border-radius:15px;
    box-shadow: 1px 1px 10px rgba(200,200, 200, .5);
}
.blck_div{
	width: 100%;
    background: #000;
    height: 100px;
    position: absolute;
    margin-top: -80px;
    z-index: -1;
}
.bg-product-thumb .image{
	background: url(../image/background.png);
    background-repeat: repeat-y;
    background-size: 270px;
    padding: 40px;/**/
}
.bg-product-thumb .nobg{background:none; padding:0}
.product-thumb .nomargin { margin-top:0;}
.bg-product-thumb .text{
	background: url(../image/background.png);
    background-repeat: repeat-y;
    background-size: 270px;background-position:right;
    padding: 40px;/**/
}
.bg-product-thumb { /* margin-bottom: 40px;  padding-top: 30px;    padding-bottom: 20px;*/}
.product-grid-cat:nth-child(even) .bg-product-thumb .text{background-position:left;}
.product-grid-cat:nth-child(even) .bg-product-thumb .image{background-position:right;}
.product-grid-cat:nth-child(even) .bg-product-thumb .caption {
    margin-left: 0;
    margin-right: -70px;
    box-shadow: -3px 3px 10px #eee;
}

.product-grid-cat{}
.product-caption { border: none;  margin-top: 0;  box-shadow: none; padding-top:0;}
.product-grid-cat:nth-child(even) .image{float:right;}
.product-grid-cat .ftrd li i {
    color: #aa8e54;
    margin-right: 10px;
    line-height: 25px;
}
.custom_fields ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.custom_fields li {
    text-transform: capitalize;
    font-size: 100%;
    letter-spacing: 2px;
    position: relative;
    text-align: left;
}
.custom_fields li i {
    line-height: 1.5em;
    color: #aa8e54;
    margin-right: 10px;
    text-shadow: none;
    border-radius: 50%;
    border: 1px solid #ccc;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 3px;
    padding-left: 2px;
    margin-bottom: 10px;
}
.custom_fields li i [class^="flaticon-"]{
	margin-bottom:20px;
}
.custom_fields li i [class^="flaticon-"]::before {
    margin-left: 5px;
}
.cat_social{
    text-align: left;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 5px;
}
.cat_social i {
    font-size: 25px;
    color: #fff;
    background: #901327;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    text-align: center;
    padding-top: 5px;
    border-radius: 4px;
}
.pro-amenities i {
    color: #aa8e54;
    margin-right: 7px;
}
.pro-amenities i:before {
    font-size: 26px;
}
.ftrd li i {
    color: #aa8e54;
    margin-right: 10px;
    line-height: 25px;
}
.left{ float:left; margin-right: 10px;width:48%}
.room .s-viewport{padding:0}
.room .s-viewport .swiper-slide img{max-width:100%}
.heading_room {
    margin-top: -60px;
    z-index: 99;
    position: absolute;
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 60px;
}
.heading_room h2 {
    background: none;
    color: #fff;
}
.pnk{
	    color: #901327;
}
.right-section {
       text-align: center;
    margin-bottom: 30px;
    padding: 10px;
    padding-top: 20px;
    border-top: 1px solid #f7dbf7;
    background: #faefff;
}

.right-section .title {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;

}
.right-section .data {
    font-size: 17px;
    letter-spacing: 1px;
}
.event-layout img.img-responsive {
    width: 100%;
}

.event-layout .event-thumb {
    box-shadow: 2px 2px 6px #ddd;
    border-radius: 2px;
    border: 1px solid #eee;
	min-height: 380px;
    margin-bottom: 30px;
	}
.event-layout .event-list {
	    background-color: #f5f5f5;
    padding: 20px;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.event-list .caption {
    background: none;
    padding: 0 25px;
    text-align: left;
}
.event-list h4 {
    text-align: left;
    font-size: 1.9em;
    font-weight: bold;
}
.event-layout .dark {
    background: #333;
    color: #fff;
}	
.happenings .event-layout .event-thumb {
    min-height: 335px;
    margin-bottom: 0px;
}
.event-layout .event-thumb h4 {
    text-transform: uppercase;
    text-align: left;
    padding: 0;
}
.event-layout .dark h4 a {
	text-transform: capitalize;
    font-family: tangerine;
    font-size: 40px;
    color: #1f1f3c;
}
.event-layout .event-thumb h4.ftrd_title {
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 0;
    /* font-family: tangerine; */
    font-size: 16px;
}
.event-layout .event-thumb p {
        text-align: justify;
    font-size: 14px;
    min-height: 115px;
}
	.dropdown-menu {background-color: #1f1f3c;}
	
.book_now_but {
    background: #1f1f3c;
    padding: 4px;
    position: fixed;
    z-index: 99;
    right: 0;
    top: 160px;
    color: #333;
    font-size: 16px;
    padding: 10px 5px;
    font-weight: 700;
    cursor: pointer;
    text-orientation: mixed;
    writing-mode: vertical-lr;
    border-radius: 5px 0 0 5px;
    font-weight: 400;
}	
.book_now_div {
   /* background: rgba(0,0,0,.6);
    width: 450px;
    position: fixed;
    z-index: 99;
    right: 0;
    display: none;
    top: 160px;
    max-width: 95%;*/
}
.book_now_div .title {
    /*background: #333;*/
    display: inline-block;
    font-size: 20px;
    padding: 4px 0;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
}
.book_now_div .title .title_text {
    float: left;line-height: 30px;
    margin-left: 15px;color:#fff; text-transform: uppercase;
}
.book_now_div .close {
    float: right;
    cursor: pointer;
    margin-right: 15px;
    color: #fff;
    opacity: 1;
    line-height: 30px;
}
.shadow_div{
	text-align: justify;
	font-size: 14px;
	box-shadow: 2px 2px 4px #ccc;
	border: 1px solid #eee;
	border-radius: 3px;padding: 10px;min-height: 200px;
margin-bottom: 20px;
}
.shadow_div h2{
	text-transform: uppercase;
	color: #1f1f3c;
	font-size: 20px;
	margin-top: 5px;
}

.top_nav {
	position: fixed;
    z-index: 9991;
    width: 100%;
    min-height: 35px;
    padding: 5px 10px 0;
    background-color: #4d3e4d;
}

.top_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.top_nav ul li {
    float: left;
    color: rgba(255,255,255,.5);
    font-size: 12px;
    letter-spacing: .5px;
}
.top_nav ul li span{
    color: #901327;
	font-weight:600;
    font-size: 13px;
}
.top_nav li a {
    color: rgba(255,255,255,.5);
    font-size: 12px;
    letter-spacing: .5px;
}
.top_nav li a::before {
	content: "|";
	margin-left: 10px;
	margin-right:10px;
}
.top_nav li:last-child a::before
{
  content: '';
}
nav{float: left;margin-top:6px;
    margin-right: 15px;}
em{
	margin: 20px auto;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #aaa;
	border-left: 4px solid #901327;
	padding-left: 10px;
}
.sec_less_height{ height:400px;}
.low_margin{margin-bottom:-10px; margin-top:0;}
.swiper-pagination {  bottom: 10px;}
.section-sep-1 img {max-height: 350px;     margin-top: 10%;background:#fff;}

.category{padding: 20px 10px;
    border: 1px solid #eee;
    min-height: 140px;
    margin-left: -1px;
    margin-bottom: -1px;}
.category .icon {
   margin-bottom: 10px;
    margin-top: 0;
    margin-right: 10px;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    padding-top: 7px;
}
.category h3{text-transform: uppercase;
    margin-top: 0;
    min-height: 38px;
    font-size: 18px;
}

.category .icon i::before {
    font-size: 65px;
    background: -webkit-linear-gradient(#4d3e4d, #901327);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.category h6{ font-size:20px; font-weight:bold; text-transform:uppercase;margin-bottom:2px;}
.category h7{ font-size:20px; font-weight:bold; text-transform:capitalize;margin-bottom:2px;
    display: inline-block; width:100%}
.category p{    
	margin-top: 10px;
	font-size: 15px;
    line-height: 23px;
    color: #aaa;}
.category small{
	text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #ba6d6f;
    position: relative;
	margin-bottom:20px;
}
.category .info{ display: inline-block;  width: 70%;}
.category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.category ul li:before {
	display: inline-block;
    font: normal normal normal 20px FontAwesome;
    content: "\f05d";
    color: #ba6d6f;
    float: left;
    margin-right: 10px;
    background: -webkit-linear-gradient(#987e98, #901327);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.category .title {
    font-size: 16px;
    font-weight: 570;
}

.category .desc {
    margin: 5px auto 15px;
    color: #aaa;
}
.bg-l-gray{background:#f9f9f9;}
.bg-d-gray{background:#e9e9e9;}
.col-container {
    display: flex; 
}
h5.subtitle{
       color: #901327;
    font-size: 19px;
    /* width: auto; */
    margin-bottom: 30px;
}
h3.subtitle i:before {
    font-size: 48px;
    font-weight: 500; margin-left:0;
}
h3.subtitle:before, h3.subtitle:after {
    content: " ";
    position: absolute;
    top: 18px;
    width: 50px;
    height: 2px;
    background: #901327;
}
h3.subtitle:before {
    margin-left: -75px;
}
h3.subtitle:after {
    margin-left: 25px;
}
.btn-grn {
    color: #fff;
    background-color: #45b29d;
    font-weight: bold;
    border-radius: 20px;
    border-color: #39ab95;
}

/*blogs*/
.box_blog{width: 100%;  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); margin: auto; min-height: 100px;
    background-color: white; border-radius: 4px; border: 1px solid rgba(100,100,100,.2); margin-bottom: 20px; display: inline-block;}
.box_blog .img_box{width:100%; max-height:300px; overflow:hidden; padding-bottom: 0; border-bottom:1px solid #eee;}	
.box_blog img.img-thumbnail{width:100%; border:none; padding:0; border-radius:0;}	
.box_blog .cnt_box{padding: 7px; background: #f5f9f5; border-bottom: 1px solid #eee; color: #999; margin-bottom:5px; display:inline-block; width:100%}
.box_blog .cnt_box div{ float:left; margin-right:20px; color:#499449}
.box_blog .info{     padding: 5px 10px;    margin-bottom: 10px; }
.box_blog .title {
    font-size: 14px;
    color: #111;
    font-weight: 600;
    /* text-transform: capitalize; */
    /* min-height: 40px; */
    margin: 10px auto 0;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_heading{ background-size:100% 100%; background-repeat:no-repeat; background-position:50% 50%; display:inline-block; width:100%;}
.blog_heading .bg_overlay{ background: rgba(255,255,255,0); display: inline-block; width: 100%; padding: 90px 10px; text-align: center;
    text-shadow: 2px 1px 5px #000; color: #fff;    border-bottom: 1px solid #eee;}
.blog_heading .bg_overlay h2{color: #fff; font-size: 30px; font-weight: bold;}
.blog_details{ font-size:16px; padding:15px; text-align:justify; line-height:25px; color:#000;}
.blog_page .user_info{    color: #999;
    font-size: 12px;
    background-color: #f5f9f5;
    border-bottom: 1px solid #eee;
    padding-top: 7px;
    padding-bottom: 0px;}
.blog_page .mem-img{    border-radius: 50%;    overflow: hidden;}
.blog_page .mem-info{padding: 5px 5px 12px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 0;}	
.blog_page .mem-img img{ width: 50px;    height: 50px;}
.blog_page .mem-data {    line-height: 17px;}
.blog_page .mem-data .title{ color: #5ab45a;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);}

h3.tagline {
    color: #555;
    text-align: center;
}
.intro {
    color: #999;
    text-align: center;
}    
.blackBg h3.tagline {  color: #fff;}
.blackBg .intro {  color: #fff;}
.apss-social-share { height: 85px; font-family: 'Open Sans',sans-serif; display: inline-block;    width: 100%;}
.apss-theme-6 .apss-single-icon {
    border-bottom: none;
    margin-bottom: 20px;
    display: inline-block;
}
.apss-theme-6 .apss-single-icon a {
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    margin: 5px;
    padding: 5px;
    position: relative;
    width: 30px;
    background: none !important;
    text-align: center;

    vertical-align: middle;
    line-height: 30px;
	margin-right: 20px;
}
.apss-theme-6 .apss-icon-block {
    position: relative;
}

.apss-theme-6 .apss-single-icon .apss-icon-block {
    vertical-align: middle;
    line-height: 46px;
    display: inline-block;
}
.apss-theme-6 .apss-single-icon .apss-icon-block {
    background: none;
}
.apss-theme-6 .apss-social-text {
    display: none;
}
.apss-theme-6 .apss-single-icon .fa {
    color: #8A8A8A;
    font-size: 17px;
    line-height: 2;
    position: relative;
    display: block;
}
.apss-icon-block .fa {
    text-align: center;
    vertical-align: middle;
}
.apss-theme-6 .apss-single-icon a:hover {
    background-color: #fff;
}
.apss-theme-6 .apss-single-icon a:before {
    content: '';
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #E6E6E6;
    width: 33px;
    height: 33px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.apss-theme-6 .apss-facebook a:hover:before {
    background-color: #3b5998;
}
.apss-theme-6 .apss-icon-block a:hover .fa, .apss-theme-6 .apss-single-icon:hover .fa {
    color: #fff;
}
.apss-theme-6 .apss-twitter a:hover:before {
    background-color: #1dcaff;
}
.apss-theme-6 .apss-google-plus a:hover:before {
    background-color: #dd4b39;
}
.apss-theme-6 .apss-linkedin a:hover:before {
    background-color: #3f729b;
}
.blog_share{padding-top: 30px;
    border-top: 1px solid #f5f9f5;}
.blog_title h2{   font-weight: bold;
    padding: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 22px;}
	.social-share{}
.social-share a .ico{     height: 35px;
    width: 35px;
    border-radius: 50%;
    float: left;
    color: #fff;
    padding: 10px 13px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
	margin-right:10px;
	margin-bottom: 20px;
	}
.social-share a .ico:hover{ color: #000;background:#ccc}
.social-share a .ico i{font-size:16px;}
.social-share a .fb{background-color: #3b5998;}
.social-share a .tw{background-color: #1dcaff; padding:10px;}
.social-share a .gp{background-color: #dd4b39; padding:10px;}
.social-share a .ln {
    background-color: #3f729b;padding: 9px 12px;
}
.no-min-height{min-height: auto !important;}
.rel_cat .swiper-slide {
    position: relative;
}
.hr{    height: 10px;
    display: inline-block;
    border-top: 1px solid rgba(255,255,255,.1);
    width: 100%;
}
.grnTxt{color: #2fd213;
    background: #eeffe4;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #7ab373;
    display: inline-block;
    float: right;
    width: 100%;
    margin-bottom: 30px; }
	
a.headerLink{
	color: rgba(255,255,255,.95);
    font-size: 13px;
    /* letter-spacing: .5px; */
    line-height: 50px;
    margin-left: 5px;
    margin-right: 5px;
}
.iconBox {
    width: 60px;
    height: 60px;
    background: #efefef;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 40p;
}

.iconBox i:before {
    font-size: 30px;
    line-height: 60px;
}

.iconInfo {
    border-left: 2px solid #efefef;
    margin-left: 25px;
    padding: 5px 30px 30px;
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
    color: #777;
}
.iconInfo:hover {
    background: #f9f9f9;
}
.iconInfo h5 {
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    color: #b46b6c;
    font-size: 18px;
}
.panel-default{border:0}
.panel-heading{display: inline-block;width: 100%;border: 0;}
.panel h4 {line-height: 34px;margin:0; text-align: left;}
.panel h4:after{content:""}

.section-row {
    background: #eeeeee;
    border-collapse: separate;
    border-spacing: 10px;
    border: 1px solid #e0e0e0;
}
.section-row .title{font-weight: 500; font-size: 16px;
    color: #000;
    margin: 10px 0 19px;}
.section-row .title i {
    margin-left: 10px;
}
.section-row .button-group{margin: 8px 0 15px;}
.section-row .chapter-table{width:100%;
    border-collapse: inherit;
    border-spacing: 0 10px;}
.section-row .chapter-table td{    border: 1px solid #ccc;
    padding: 5px;
    background: #fff; border-radius:4px;
}	
.section-row .chapter-table .title{font-weight: 500; font-size: 14px;
    color: #000;
    margin: 5px 0 10px;}
.section-row .chapter-table .title i {
        margin-right: 5px;
    margin-left: 3px;
    color: #ba6d6f;
}
.section-row .chapter-table .button-group{margin: 3px 0 8px;}
.section-row .form-control{margin-bottom:10px;}
.hide-row{display:none;}
.tab-bordered {
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #eee;
}
.highlight{
	background: #111; 
	color:#fff;    padding: 15px 0;

}
.priceCol{
	background: #fff; color:#111;
    border: 1px solid #eee;
    padding: 0;
    position: fixed;
    right: 5%;
    z-index: 99;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    max-width: 350px;
	max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
.contentCol{
	background: #fff; color:#111;
    padding: 0;
    position: fixed;
    right: 0;
    z-index: 99;
    max-width: 350px;
	max-height: 600px;
    overflow-y: auto;
	margin-top:-30px
}
.contentCol h3{margin:10px;
    color: #000;
    font-weight: 600;}

.priceCol .info{
	padding: 0px 10px;
	color: #000;
}
.highlight h1 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.highlight h2 {
    font-size: 18px;
    color: #777;
    margin: 20px 0;
}
.highlight .breadcrumb > li a {
    font-size: 12px;
    color: #b66c6d;
}
.highlight .breadcrumb > li {
    color: #b66c6d;
}
.highlight .thumbnails {
    margin-left: 0;
}

.rating { margin-right: 10px;}
.rating a {  color: #aaa;   font-size: 14px;}
.rating p {  font-size: 12px;}
.highlight .priceCol h2 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 10px;
}
.inclusions{ color: #777; font-size:14px; line-height:25px;}
.inclusions i{margin-right:5px;}
.hilite_div{    /* background: #f3f7fb;
    padding: 10px;*/
    display: inline-block;
    margin-bottom: 20px;}
.hilite_div i{ color: #7d1021; margin-right:5px;}    
.hilite_div ul{margin: 0;
    padding: 0 0 0 5px;
    list-style: none;}
.hilite_div li{width: 48%; float: left; margin-right: 10px;
    margin-bottom: 10px;}
.list-bullets{ padding: 0 0 0 5px;}
.list-bullets li{ margin-bottom: 10px;}
.list-bullets i {
    color: #7d1021;
    margin-right: 5px;
}

/*************/
.curriculum{ margin:0; padding:0;border:1px solid #ddd;}
.contentCol .curriculum{ border:none;}
.curriculum>li{list-style: none;
    font-size: 14px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 0px;
    text-transform: capitalize;
    color: #000;
    text-shadow: none;}	
.curriculum .smallText{font-size:12px; color:#999;
    margin-left: 15px;
    font-weight: normal;
    text-transform: none;}	
.curriculum .chapters{ background: #fefefe;background: rgba(255, 255, 255, .25);
    margin: 10px -5px;
    display: none;
    line-height: 35px;
    font-size: 13px; font-weight:normal;
    list-style: none;
    border-top: 1px solid #ddd;
    padding: 10px 10px;}	
.curriculum .chapters li{border-bottom:1px solid #f3f3f3;}	

/************/

#tab-curriculum .curriculum{ margin:0; padding:0;border:1px solid #ccd2d7;}
.contentCol .curriculum{ border:none;}
#tab-curriculum .curriculum .pull-right {
    margin-bottom: 0;
    background: none;
}
#tab-curriculum .curriculum .pull-left {
    margin-bottom: 0;
    background: none;
}
#tab-curriculum .curriculum>li {
    list-style: none;
    /* font-size: 14px; */
    background: #f3f7fb;
    border-bottom: 1px solid #ccd2d7;
    padding: 10px 10px;
    line-height: 30px;
    text-transform: capitalize;
    color: #000;
    text-shadow: none; font-weight:500;
}
#tab-curriculum .curriculum .smallText{font-size:12px; color:#999;
    margin-left: 15px;
    font-weight: normal;
    text-transform: none;}	
#tab-curriculum .curriculum .chapters{ background: #fefefe;
    margin: 10px -5px -10px;
    display: none;
    line-height: 35px;
    font-size: 13px; font-weight:normal;
    list-style: none;
    border-top: 1px solid #ddd;
    padding: 10px 10px;}	
#tab-curriculum .curriculum .chapters li {
    border: 1px solid #7d1021;
    padding: 10px 10px;
    margin: 10px 0;
    border-radius: 5px;
    line-height: 30px;
    font-size: 16px;
}
#tab-curriculum .curriculum .chapters li:hover {
    background: #7d1021;color:#fff;
}
#tab-curriculum .curriculum .chapters li:hover a {
   color:#fff;
}
#tab-curriculum .curriculum .thumbnail:hover {
    color: #fff;
}
.grn{color:#379737;}
.description {}
.thumbnail {
    background-color: #eee;
    border: none;
	}
.play-overlay{
	width: 100%;
    position: absolute;
    top: 0;
    height: 211px;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding-top: 20%;
	}
.play-overlay i{    font-size: 36px;
    background: rgb(0 0 0 / .60);
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding-top: 12px;
    text-align: center;
    padding-left: 8px;
}	
.tab-pane h3{ 
    font-size: 20px;
    text-transform: uppercase;
    color: #901327;
}
/*.container{width: 98%}*/
h3.big-title i {
    font-size: 0;
    color: #901327;
    margin: 0;
}

.big-title i::before {
    margin: 0;
    font-size: 45px;
    font-weight: normal;
}
.marginBottom{margin-bottom:30px;}
.quick-view {
    padding: 5px;
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    top: 0;
    right: -350px;
    z-index: 99;
    width: 350px;
    box-shadow: 1px 1px 2px #eee;
    min-height: 300px;
    text-align: left; display:none;
}
.quick-view-parent:hover .quick-view {
    display: none;
}
.quick-view-parent:nth-child(3n+3) .quick-view,.quick-view-parent:nth-child(4n+4) .quick-view  {  
  right: inherit;
  left:-350px;
}
.quick-view h4 {
    text-align: left;
    font-weight: bold;
}

.quick-view .priceInfo {
    width: 48%;
    float: left;
}
.title-center{font-size: 28px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    text-align: center;
	margin-bottom:0;
}
.title-center i:before {
    font-size: 48px;
    font-weight: 500; margin-left:0;
}
.title-center:before, .title-center:after {
    content: " ";
    position: absolute;
    top: 18px;
    width: 50px;
    height: 2px;
    background: #901327;
}
.title-center:before {
    margin-left: -75px;
}
.title-center:after {
    margin-left: 25px;
}
.darkBlue {
        background: #fff;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    margin: 50px auto;
}
.darkBlue i:before {
    font-size: 80px;
    margin-left: 0;
    background: -webkit-linear-gradient(#555, #901327);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.darkBlue .col-md-4{
    /*padding-left: 50px;*/
}
.darkBlue .icon {
    /*background: rgba(255,255,255,.1);
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;*/
    padding: 5px;
}

.darkBlue .info {
    
    font-size: 16px;
    /*float: left;
    text-align: left;
    text-transform: uppercase;*/
    line-height: 30px;
    letter-spacing: 1px;
    color: #777;
}
.darkBlue .info span {
    color: #555;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 12px;
    display: block;
}
.show-in-tab-mod .tab-links {
    margin-top: 9px !important;
}
.show-in-tab-mod .tab-links a {
    color: #eee !important; /* */
}	
.noRightMargin{margin-right:0}


.course-list {
    min-height: auto; overlay:hidden;
    position: relative;
}
.course-list .image {
    padding: 0;
    overflow: hidden;
}
.course-list .image img {
    border : none;
    background:none;
    padding:0
}
.course-list .img-overlay {
    display: none;
    position: absolute;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 104px;
}
.course-list .info .title {
    margin-top: 5px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    min-height: 45px;
}
.course-list .info small i:before {
    /* font-size: 14px; */
    color: #901327;
}
.img-overlay i:before {
    font-size: 50px;
    color: #eee;
    display: block;
    margin-top: 50%;
}
.courseItem a {
    font-size: 14px;
}
.course-list:hover .img-overlay{display:block}
.course-list .info{
}
.course-list .info small {
    color: #686;
    font-size: 12px;
    display: block;
    margin: 0px 0 7px 0;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
}
.course-list .progressBar{    width: 70%;
    background-color: #eee;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: 4px;
    position: absolute;
    top: 10px;
    /*bottom: 15px;*/
}
.seperator20 {
    height: 20px;
    clear: both;
}
.seperator30 {
    height: 30px;
    clear: both;
}
.progressDiv small {
    color: #686;
    font-size: 12px;
    font-weight: normal;
    float: right;
    background: #fff;
    display: block;
    margin-top: 2px;
    padding: 0 5px;
    /* margin-right: 10%; */
}
.course-list .progress{background:#090; height:3px; border-radius:8px;}
.noPaddingRight{padding-right:0;}
.login {
    border: 1px solid #ddd;
    border-radius: 10px;
}	
.btn-fb {
    background: #1877f2;
    color: #fff;width:100%; text-transform:none;
}
.btn-gp {
    background: #cf4332;
    color: #fff;width:100%; text-transform:none;
}
.btn-fb:hover,.btn-fb:active, .btn-fb:disabled {
    background: #1165d2;
    color: #fff;text-decoration:none;
}
.btn-gp:hover,.btn-gp:active, .btn-gp:disabled {
    background: #bb1d0a;
    color: #fff;text-decoration:none;
}

.btn-fb i, .btn-gp i {
    margin-right: 7px;
}
.social-but-left {
    padding: 0 ;
    margin-top: 10px;
	padding-right: 5px;
}
.social-but-right {
    padding: 0 ;
    margin-top: 10px;
	padding-left: 5px;
	float: right;
}
.payment-info{
    background: #fffbef;
    padding: 10px 50px 50px;
}
.payment-total {
    font-size: 18px;
    font-weight: 400;
}
.userSection {
    padding: 15px;
    background: #b63132;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #fff; width:100%;
}
.userSection .initials {
    background: #0e293b;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    padding-top: 10px;
    float: left;
    margin-right: 10px;
}
.top a.account {
    color: #fff;
    text-transform: capitalize;
    padding: 10px;
    line-height: 40px;
    cursor: pointer;
}
.top a.account i{margin-right:10px;}

.top {
    text-align: center;
}
#accountDiv li a i {
    margin-right: 10px;
}
.drawer .dropdown-backdrop{display:none;}
.borderedList{border-bottom: 1px solid #e0e0e0;
    margin: 5px 0;}
.srchMobile i {
    font-size: 18px;
    float: left;
    color: rgba(255,255,255,.65);
}

.srchMobile {
    float: left;
    margin-top: 10px;
    padding: 0 5px;
}

#srchDiv {
    position: absolute;
    width: 100%;
    left: 0;
}	
.curriculum th{text-transform: uppercase;
    text-align: center;
    /* font-weight: 550; */
    font-size: 1.2rem;background:#eee;
    letter-spacing: 1px;}
.curriculum .text-left{text-align:left;}
.curriculum .title {
    font-size: 110%;
    font-weight: 500;
}
.curriculum .icons i {
    font-size: 26px;
    margin: 10px 15px 10px 0px;
}
.curriculum .icons i.fa-play-circle-o{color:#38d038;}
.curriculum .icons i.fa-download{color:#4bcad6;}
.module i {
    font-size: 30px;
    display: block;
    /*border: 3px solid #eee;*/
    padding: 0 10px 10px;
    border-radius: 50%;
    margin: auto;
    color: rgba(0,0,0,.15);
}


.module i.listen {
    color: #faaa5a;
}
.module .btn-default{
	border-color: #eee;
    color: #111;
    background: #eee;
    padding: 3px 5px;
    display: block;
    border-radius: 4px;
}


.module i.speak, .module i.session{ color: #18aaff;}
.btn-speak, .btn-session{
    border-color: #18aaff;
    color: #fff;
    background: #18aaff;
    padding: 3px 5px;
    border-radius: 4px;
}
.speak-dark, .session-dark{ background-color: #14699b}
i.smallIcon{
    font-size: 17px;
    padding: 0;
    color: rgba(255,255,255,.65);
}
.note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
    background: #ccc;
    min-width: 340px;
}
.quesText .table-bordered {
    border: 1px solid rgba(0,0,0,.9);
   /* display: block;*/
}
.quesText .table-bordered>tbody>tr>td,.quesText  .table-bordered>tbody>tr>th,.quesText  .table-bordered>tfoot>tr>td,.quesText  .table-bordered>tfoot>tr>th,.quesText  .table-bordered>thead>tr>td,.quesText  .table-bordered>thead>tr>th {
    border: 1px solid rgba(0,0,0,.9);
}

.student.list-group li {
    text-align: center; height:12vh;
}
.student.list-group i {
        color: rgb(226 226 226);
    font-size: 30px;
}
.student.list-group i {
    color: #b43436;
    font-size: 2vw;
}
.student.list-group i:hover{
    
}
.control-label {
    display: none;
}

input.form-control {
    /*border-radius: 0;*/
}
.card p.status {
    background: #ccc;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    border-radius: 6px;
}
.card p.Pending{ background: #a27b27;  color: #fff;  display: inline-block;  margin: auto;}
.card p.Started { background: #4e9e3b;  color: #fff;  display: inline-block;  margin: auto;}
.card p.completed { background: #e8ac50;  color: #fff;  display: inline-block;  margin: auto;}
.card p.Onhold{ background: #802420;  color: #fff;  display: inline-block;  margin: auto;}
.masked {
   background: rgba(0,0,0,.4);
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left:0;
    /* margin-bottom: 30px;
    height: 100px; */
    display: inline-block;
    z-index: 1;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 8%;
}
.courseItem {
    position: relative;
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.groupCategory {
		margin: auto -15px;
		padding: 50px 30px;
	}
	.catcontent {
		padding: 20px 30px;
	}
    .catcontent .icon{ float:left; margin-right:15px;}
	.catcontent h2 { margin-top:0;	}

	.catcontent h2 a {
		/*color: #f58636;*/
	}
	.catcontent .tagline {
		color: #901327;
		font-size: 16px;
		margin-bottom:20px;
    font-weight: 400;
	}
	.catcontent p{
	    font-size: 16px;
    width: 100%;
    line-height: 1.65em;
	}
	.groupCategory .child a.title{
	    font-size: 20px;
		margin-bottom: 22px;
		display: block;
		font-weight: bold;
		/*text-transform: uppercase;*/
		margin-top:10px;
	}
	.groupCategory .img_box {
    min-height: 214px;
    background: #f5f5f5;
	}
	.div_scroller_pc {    display: flex;    overflow-x: auto;}
	.div_scroller_pc .scroller-2 {    min-width: 50%;}
    
    .marginBottom > div {    padding: 10px;}
.product-thumb .caption p.num {
    background: #901327BB;
    color: #fff;
    padding: 1px 3px;
    display: inline;
    position: absolute;
    margin-top: -40px;
    right: 0;
    font-size: 16px;
    font-weight: 400; /* */
}
 .product-thumb h4 {
    font-weight: 500;
    min-height: auto;
    color: #000;
    font-size: 14px;
    /* min-height: 40px; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-thumb h4 a {
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
    color: #0f2239;
}
.product-thumb {
    border: 1px solid #ddd;
    min-height: 200px;
    border-radius: 10px; box-shadow:none;    margin-bottom: 15px;
    transition: transform .5s;
}
.product-thumb:hover {
    box-shadow: 4px 4px 10px #ddd;
    transform: scale3d(1.03, 1.03, 1.08) translate3d(0.1rem, -0.25rem, 20rem);

}
.testimonial_text img {
    border-radius: 50%;
    border: 1px solid #ddd;
}
.groupCategory .tagline {
    color: #111;
    border: none;
    padding: 0px 0 0px;
    font-size: 14px;
    text-transform: none;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
    min-height: 60px;
}
.product-thumb .tagline i { color: #555;    font-size: 12px;}
.band {
    background: #ddd;
    width: 60px;
    height: 60px;
    margin: auto;
    text-align: center;
    font-size: 26px;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}


.quesText, .quesText p {
    font-size: 18px;
    font-family: arial; color:#000;
}
.ansText{
    font-size: 16px;
    font-family: arial; color:#000;
}

.quesText h5 {
    font-size: 18px;
    font-family: arial; color:#000;
}
.ques-section, .ques-section p {
    font-size: 18px;
    font-family: arial; color:#000;
    text-align: left;
}
.ques-section h5 {
    font-size: 18px;
    font-family: arial; color:#000;
    text-align: left;
}
.signup{box-shadow: 2px 2px 12px #ccc;
    padding: 0;
    background: #901327;
    display: inline-block;
    width: 100%;
}
.signup .content{background-color: #fff;
    padding: 2rem 3rem;}
.signup .form-horizontal .form-group {margin-right: 0px;  margin-left: 0px; }    
.sideInfo {
    text-align: center;
    color: #fff;
    padding: 125px 20px;
}

.sideInfo h2 {
    color: #fff;
    font-weight: bold;
    font-size: 250%;
    margin-bottom: 0;
}

.sideInfo p {
    text-align: center;
    font-size: 150%;
}
.signup .input-group-btn:last-child>.btn{ padding: 5px 15px;}
.dropdown-menu {    background-color: #fff;}
.specialFld{display: block;    background: #f5f5f5;    height: 70px;}
.pill {
    background: rgba(255,255,255,.5);
    /* line-height: 16px; */
    border: 2px dashed #f00;
    padding: 0 5px 2px 2px;
    border-radius: 15px;
    margin-right: 10px;
    margin-top: 10px;
}
.pill button {
    padding: 2px 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    line-height: 15px;
}

.pill button i {
    font-size: 10px;
}
.anstip_img_div{
    display:none; border:1px dashed #f00;
}
.pill-trans button{
border-radius: 20px;
    padding: 0 5px;
    margin: 10px;
}
.course-list {
    min-height: auto;
}
/***********test window *************/
.section-col{
	padding: 10px 20px 0 20px;
    background-color: #fff;
    overflow-y: auto;
}
.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}
.bg-passage-content{
	background-color: #fff;
	padding-right:0px;
}
.nopadding{
 padding:0;
}
.passage-heading-h1 {
    font-size: 17pt;
    line-height: 1.5;
    color: #282828;
    font-weight: bold;
    text-transform: uppercase;
	}
.subtitle {
    font-weight: 500 !important;
    line-height: 1.2;
    color: rgb(40, 40, 40);
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 26px;
    text-align: center;
	}
  
.section-ques span{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgb(50, 120, 70);
	padding: 30px 0px 30px;
}
.quesText b {
    font-size: 14px;
    /*font-weight: 500;*/
}
.test-topbar {    position: fixed;
    left: 0px;
    right: 0px;
    top: 90px;
    top: 0px;
    padding: 10px;
    background-color: var(--primeColor);
    z-index: 1;
    height: 60px;
	}
.pallete-title {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    cursor: pointer;
    opacity: 1;
    float: left;
    margin-right: 124px;
    position: relative;
    line-height: 50px;
	margin-left: 35px;
}
	.section-grey{
	max-width: 638px;
	margin: 0px -10px -30px -10px;
    padding: 11px 50px 11px 20px;
    background-color: #d4dae0;
    position: fixed;
    bottom: 80px;
    left: inherit;
    right: inherit;
    width: 100%;
    top: inherit;
    z-index: 19;
	}
	.section-grey-btn{
	display: inline-block;
    background-color: rgb(50, 120, 70);
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    line-height: 28px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
    margin: 0px 0px 0px 10px;
    transition: all 0.2s ease 0s;
	float: right;
	}
	.section-grey-btn:hover{
	color: rgb(255, 255, 255);
    background-color: rgb(36, 90, 52) !important;
	}
	.rf-btn {
	display: inline-block;
    margin: 0px 5px;
    border-radius: 5px;
    padding: 0 10px;
    text-align: center;
    background-color: #f3f3f3;
    color: #327846;
    line-height: 30px;
    font-weight: 700;
    font-size: 12px;
	
	}
	.rf-barright{
	float: right;
    margin-top: 20px;
    padding-right: 30px;
	margin-bottom:10px;
	}
	.rf-barleft{
	float: left;
    margin-top: 20px;
    padding-left: 30px;
	margin-bottom:10px;
	}
	.seperator-20{ height:20px; display:block;}
	.fillup-text{
	    border: 0;
    border-bottom: 1px dashed #999;
    margin: 0 10px;
    font-weight: normal;
    color: #0075ff;
	}
	span.quesCnt {
    background: var(--primeColor);
    color: #fff;
    padding: 5px 9px;
    border-radius: 30px;
    margin-right: 10px;
    float: left;
    height: 30px;
    display: block;
    min-width: 30px;
    text-align: center;
	}

	.quesText{margin-left:40px;
    overflow-x: auto;
    line-height: 30px;
    padding: 10px;
    }
    .quesText.active {
    background: #e8f5ff;
    border: 1px dashed #000;
    }
	/*select.quesSel {
    text-transform: capitalize;
}*/
.section-col img{max-width:100%;}
.note-editor.note-frame {
    border: none !important;
}
.note-frame.panel-default>.panel-heading {
    background-color: transparent;
    border: none;
    text-align: right;
    position: absolute;
    z-index: 1;
    margin-top: -50px !important;
	}
.fullscreen.panel-default>.panel-heading {
    margin-top: 0px !important;
}
.panel {
    background: #fff;
}

.panel-body {
    background-color: #fff;
}

.note-editor.note-frame .note-editing-area .note-editable { background-color:#fff !important;}
.note-editor.note-frame .note-statusbar {
    background-color: #fff !important;
}
.note-editable .table-bordered {
    border: 1px solid #777;
}
.panel-heading.note-toolbar .dropdown-menu {
    right: 0; left:inherit;
	}
.test-bottombar {    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px;
    background-color: var(--primeColor);
    z-index: 1;
	}
a.ques-count, .test-layout div.caption a.ques-count {
    background: #fff;/*rgba(0,0,0,.35);*/
    color: #284664;
    padding: 1px 1px;
    /* border-radius: 30px; */
    margin-right: 5px;
    margin-bottom: 0px;
    display: inline-block;
    height: 22px;
    /* display: inherit; */
    min-width: 22px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    
}
#test-timer,.test-timer {
    margin-top: 10px;
    font-size: 30px;
    margin-right: 20px;
	color:#f3f3f3;
    font-weight: bold;
}
#test-timer.alert, .test-timer.alert{
	color: #fff35d !important;
    text-decoration: blink;
    position: relative;
}
.quesText input[type="text"]:-ms-input-placeholder {
			/* Internet Explorer 10-11 */
			text-align: center;
		}
.quesText input[type="text"]::placeholder { 
                  
                /* Firefox, Chrome, Opera */
                text-align: center;
            }
.zeroHide{display:none;}
.attempted{
	   /* background: #ffec09 !important;
    color: #000 !important;*/
    border-radius: 50%;
}
.quesText table td {
    /*border: 1px solid #999 !important;*/
}
.module a i {
    color: rgba(255,255,255,.85);
    font-size: 13px;
    padding: 2px;
}
.signup input[type="text"]:-ms-input-placeholder,.login input[type="text"]:-ms-input-placeholder {
    text-align:left !important;
}
.signup input[type="text"]::placeholder,.login input[type="text"]::placeholder {
    text-align:left !important;
}

/***********************************/

#audio-player-container {
    --seek-before-width: 0%;
    --volume-before-width: 100%;
    --buffered-width: 0%;
    position: relative;
    /* margin: 100px 2.5% auto 2.5%; */
    width: 600px;
    max-width: 100%;
    height: 40px;
    background: #fff;
    float: left;
	border-radius: 20px;
}
/*#audio-player-container::before {
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    background: linear-gradient(to left, #007db5, #ff8a00);
    z-index: -1;
}
p {
    position: absolute;
    top: -18px;
    right: 5%;
    padding: 0 5px;
    margin: 0;
    font-size: 28px;
    background: #fff;
}*/
#play-icon {
    margin: 20px 2.5% 10px 2.5%;
}
path {
    /*stroke: #007db5;*/
}
.time {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 14px;
    margin: 10px 0 5px 0;
    float: left;
}
output {
    display: inline-block;
    width: 25px;
    text-align: center;
    font-size: 14px;
    margin: 3px 2.5% 0 5%;
    float: left;
    /* clear: left; */
}
#volume-slider {
    margin: 10px 2.5%;
    width: 58%;
}
#volume-slider::-webkit-slider-runnable-track {
    background: rgba(0, 125, 181, 0.6);
}
#volume-slider::-moz-range-track {
    background: rgba(0, 125, 181, 0.6);
}
#volume-slider::-ms-fill-upper {
    background: rgba(0, 125, 181, 0.6);
}
#volume-slider::before {
    width: var(--volume-before-width);
}
#mute-icon {
    margin: 0 2.5%;
}
progress {
    position: relative;
    -webkit-appearance: none;
    width: 45%;
    margin: 0;
    padding: 0;
    height: 5px;
    margin: 17px 2.5% 5px 2.5%;
    float: left;
    outline: none;
}
input[type="range"] {
    position: relative;
    -webkit-appearance: none;
    width: 48%;
    margin: 0;
    padding: 0;
    height: 19px;
    margin: 10px 2.5% 10px 2.5%;
    float: left;
    outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}
input[type="range"]::before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: var(--seek-before-width);
    height: 3px;
    background-color: #007db5;
    cursor: pointer;
}
input[type="range"]::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    box-sizing: content-box;
    border: 1px solid #007db5;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin: -7px 0 0 0;
}
input[type="range"]:active::-webkit-slider-thumb {
    transform: scale(1.2);
    background: #007db5;
}
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}
input[type="range"]::-moz-range-progress {
    background-color: #007db5;
}
input[type="range"]::-moz-focus-outer {
    border: 0;
}
input[type="range"]::-moz-range-thumb {
    box-sizing: content-box;
    border: 1px solid #007db5;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}
input[type="range"]:active::-moz-range-thumb {
    transform: scale(1.2);
    background: #007db5;
}
input[type="range"]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border: solid transparent;
    color: transparent;
}
input[type="range"]::-ms-fill-lower {
    background-color: #007db5;
}
input[type="range"]::-ms-fill-upper {
    background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));
}
input[type="range"]::-ms-thumb {
    box-sizing: content-box;
    border: 1px solid #007db5;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}
input[type="range"]:active::-ms-thumb {
    transform: scale(1.2);
    background: #007db5;
}
#audio-player-container i {
    float: left;
    width: 20px;
    font-size: 26px;
    margin: 7px;
    color: #bbb;
}
.test-layout div.caption a.reviewLink{color:#aaa;}
.test-layout div.caption a.reviewLink i {  margin-right: 5px;    font-size: 12px;}
.test-layout div.caption a.reviewActive{color:#f60;}
.reviewQues{background: #fffa85 !important;}
.popup {
    background: #eee;
    border-radius: 10px;
    padding: 15px;
    height: 90vh;
    overflow-y: auto;
   /* padding-bottom: 0;
     height: 420px; */
}

.popup  .mfp-close {
    margin-top: -20px;
    margin-right: -20px;
    background: #901327;
    opacity: 1;
    border-radius: 50%;
    color: #fff !important;
}
.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: #990000;
    position: relative;
    right: 30px;
    /* top: -32px; */
    border-radius: 0 0 0 10px;
    opacity: 1;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.popup .cutting{ /*border: 1px dashed #f00;*/ }
a.ques-count {
    margin-bottom: 5px;
}

.courseDay {
    margin-top: 10px;
    text-align:left; display:none;
}
.courseDay .title{ background: #eee; padding: 5px 5px; display:inline-block; width:100%; margin-top:5px;}
.courseDay .caption{margin-top: 5px;}
.courseDay .videos{ text-align:right;}
.courseDay .icons i {     font-size: 20px; margin: 5px;}
.courseDay .module i {  font-size: 18px;    float: left;}
.courseDay .module{ font-size:16px; font-weight:400; display:inline-block; width:100%;}
.courseDay .module{ padding:5px 0px; border-bottom: 1px solid #ddd;}
.courseDay .module i.fa-play-circle-o{float:none;}
.courseDay .module i.fa-hourglass-half{font-size: 16px;}
li.active.rf-btn { /*background: #ffeb5f;*/ }
li.active.rf-btn a {   text-decoration: underline;   color: #005dee;}
.testing {
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
        border: 1px solid #e4e4e4;
    display: inline-block;
    background: #e4e4e4;
    min-height: 135px;
    text-align: center;
}

.boxtitle {
    background: #284664;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px;
    font-weight: 400;
}
.boxtitle i {
    margin-right: 10px;
    margin-left: 5px;
    color: rgba(255,255,255,.2);
    font-size: 20px;
}
.testing audio {
    width: 100%;
    height: 35px;
    margin-top: 15px;
}
.testing .btn{
    padding: 1px 7px 0px 7px;
    border-radius: 15px;
    margin-right: 10px;
}
.btn i {
    margin-right: 5px;
}
.testing ol{ text-align:left;}
.mic-test-timer {
    float: right;     margin-top: 5px;
}
.testing .btnGroup{float:left;}
.step {
    background: #3b5570;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px 4px 0 0;
}
.test-topbar h1{
    color:#fff;
    font-size:150%;
    margin-top: 6px;
}
.ques-section h1, .test-layout h1{
    color:#284664;
    font-size:160%; 
    margin-bottom: 30px;
    font-weight: bold;
}
.gray_bg {
    height: 85px;
}
.gray_bg h1 {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 28px;
    color: #111; text-align:left;
}
ul.student li>a {
    color: #7d1021;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.sidePanel {
   background: #ddd;
    position: fixed;
    left: 0;
    display: inline-block;
    top: 150px;
    bottom: 0;
    padding: 10px;
    width: 100%;
    max-width: 250px;
}
.t_tip {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}
.box {
    /*text-align: center;
    color: #333;*/
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #777;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    text-transform: uppercase;
}
.blue{
    background: #398ae0;
    color: #fff;
    text-transform: none;
    padding: 10px;
    border-radius: 10px;
    line-height: 25px;
    text-align: left;
    margin: 0;
    width: 100%;
}
.green{
    background: #41da60;
    color: #fff;
    text-transform: none;
    padding: 10px;
    border-radius: 10px;
    line-height: 25px;
    text-align: left;
    margin: 0;
    width: 100%;
}

.box b{ text-transform: uppercase;    font-size: 20px;}    
.dashboard .btn {
    padding: 1px 7px 0px 7px;
    border-radius: 15px;
    /* margin-right: 10px; */
    font-size: 11px;
    min-width: 50px;
}
.dashboard .box-title{ margin-bottom: 16px;text-transform: uppercase;    color: #555;    font-size: 20px;}    

 .student_box{
    background: #61e2b2;
    background-image: linear-gradient(to bottom, #76f0c3, #55d8a7);
    background-repeat: repeat-x;color: rgba(0,0,0,.2);
    font-weight: bold;
    text-transform: none;
    padding: 10px 0;
    border-radius: 10px;
    line-height: 25px;
    text-align: left;
    margin: 0;
    width: 100%;
    border:none;
    min-height: 100px;
    
}
.faculty-box-s{
    background: #21c1e0;
    background-image: linear-gradient(to bottom, #21c1e0, #22bbd8);
    background-repeat: repeat-x;
    
}
.faculty-box-w{
    background: #21c1e0;
    background-image: linear-gradient(to bottom, #37b3ff, #0c60ce);
    background-repeat: repeat-x;
    
}
.student_box img{max-width:100%; background: rgba(0,0,0,.1)}
.student_box i {
    margin-right: 5px;
}
.faculty-box {
    /* background: rgba(0,0,0,.1); 
    border-top: 1px dashed rgba(0,0,0,.3);*/
    padding: 5px 15px 10px;
        margin-top:5px
}
.faculty-box .img{ float:left; }
.faculty-box .img img {
    width: 50px;
}
.faculty-box .info {
    padding-left: 10px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255,255,255,.75);
}
.faculty-box .info span {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.box strong{color:rgba(0,0,0,.55); text-transform:uppercase; font-weight:bold}
.box .pill {
    background: rgba(0,0,0,.25);
    color: rgba(255,255,255,.7);
    font-weight: 400;
    font-size: 12px;
    padding: 0 3px;
    min-width: 42px;
    height: 18px;
    display: inline-block;
    border: none;
    line-height: 18px;
    text-align: center;
    margin-right: 0;
    margin-top: 0;
}
.chartWrapper{
    background: #fff;
    padding: 12px;
    border-radius: 15px;
   /* box-shadow: 1px 1px 6px rgba(0,0,0,.2);*/
}
td.legendLabel {
    padding: 0 10px 0 0;
}
.quesText h4, .ques-section h4 {
    font-size: 24px;
    font-weight: normal;
    color: #000;
    text-align: left;
}
.activity {
    display: none;
}

.scramble {
    max-width: 100%;
    width: 600px;
    margin: auto;
    padding: 10px 20px;
    border-radius: 10px;
   /* background: #eee;
    border: 1px solid #ddd;*/
}
.scramble p.hint { width: 100%;    text-align: center; }
.scramble p.time { width: 100%; }

.cvbuilder {
    width: 900px;
    max-width: 100%;
    margin: 10px auto;
    display: flow-root;
    padding: 0px;
    border-radius: 20px;
    /*background: #eee;
    border: 2px solid #ddd;*/
}

.cvbuilder h3 {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.cvbuilder label {
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
}
.cvbuilder div{ padding:10px 20px; margin:auto; }
.cvbuilder div:nth-child(2n){ background: rgba(0,0,0,.05);}
.cvbuilder div span {
    margin: 5px auto 10px;
    display: block;
    font-size: 13px;
    color: #888;
}
.mcq {
    width: 900px;
    max-width: 100%;
    margin: 10px auto;
    display: flow-root;
    padding: 20px;
    border-radius: 20px;
    /*background: #eee;
    border: 2px solid #ddd;*/
}
.mcq .cnt{width:20px;float:left;font-weight: bold;line-height: 25px;}
.mcq .quesTxt{float:left;font-weight: bold;line-height: 25px;}
.mcq input[type="radio"] {
    margin-right: 5px;
    float: left;
}
.mcq .radlabel {line-height: 20px;float: left;}
.mcq .ques {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.scoreMcq{
    color: #284664;
    font-size: 20px;
    font-weight: 600;
    line-height: 38px;
}
.downloadRow{
    position: fixed;width: 75%; 
    z-index:999;
    bottom: 0;
}
.downloadBut { border: 1px solid #000;  border-bottom: none;    display: inline-block;  padding: 4px 10px; font-weight: 500;  color: #fff;  background: #284664;  border-radius: 10px 10px 0 0;}
.downloadBar {
    height: 90px;
    margin: 0;
    border: 1px solid #ccc;
    display: flex;
    background: #eee;
   flex-direction: row; flex-wrap: nowrap;
    border-top: 1px solid #000; display:none;
}
.downloadBar[style*='display: block']{
    display: flex !important;
}
.downloadBar .quiz{
    
    font-size: 22px;   line-height: 70px;font-weight:500; border-bottom:5px solid #aaa; text-align:center; width:100%;
    color: rgba(0, 0, 0, .2);
}
.downloadBar .quiz span{ 
    color: rgba(0, 0, 0, .4); font-size:35px; font-weight: 600;}
.quiz.low {
    border-color: #f00;
    background: rgba(255,0,0,.1);
}
.quiz.high {
    border-color: #139b13;
    background: rgb(19 155 19 / 12%);
}
.quiz.certificate {
    background: #fff;
    border-color: #fff;
    width: 100px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-transform: uppercase;
    padding: 5px;
}
.quiz.certificate img{ max-height:60px}
.quiz.certificate img.disabled {
    filter: grayscale(100%);
}
.sectionBox{
	padding:15px 2px;
	background: #fff;
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    border-radius: 4px;
}

.cat .category, .sectionBox .itemBox, .product-item {
    float: left;
    padding: 0 10px 20px;

}
.cat .category{	  }
.category .inner-box, .sectionBox .inner-box, .product-content .product-item .product-item-box{
	    /*box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
    background: transparent;
position:relative;  }
.category .inner-box, .occasion .inner-box{ text-align:center;}
.sectionBox .inner-box:hover, .product-content .product-item .product-item-box:hover{
    box-shadow: 2px 6px 8px rgb(0 0 0 / 20%);
}
.sectionBox .table {
    margin-top: 20px;
}
.category .inner-box .lower-content h4 a,.itemBox h3 a, .product-item .caption h3  {
        /* color: #fff; */
    font-size: 14px;
    text-align: center;
    display: block;
    min-height: 32px;
}

.category-title, .sectionBox h1{
    width: 100%;
    text-align: left;
    padding: 0 15px 10px;
    font-weight: 700;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-item {
  padding: 20px;
  margin: 10px 0;
  padding: 0px;
  margin: 0;
  text-align: left;
}
.product-item.dark {
  /* background: #ddd; */
}
.product-item.dark .img-holder{float:right}

text.flot-tick-label.tickLabel {
    font-size: 11px;
}
.partition div {  text-align: center;  padding: 50px 20px;  color: #fff;}
.partition:nth-child(odd) {  background-color: #7d1021;   color:white;}
.partition:nth-child(even) {  background-color: #e4e4e4;  color:black;}
.partition-icon {  margin-top:50px;  width: 75px;  height: auto; }
/*
h3 {  font-size: 2.5rem;   text-align:center;}
p {  font-size: 1.9rem;  line-height: 1.8;  text-align:center;} */
  
  /* General CEO Section Styling */
.ceo-section {  padding: 20px;  background-color: #e4e4e4;}
.ceo-background {  max-width: 100%;  margin: 0 auto;}
.ceo-background h2 {  font-size:4rem;  text-align: center;}
.ceo-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 50px;
    margin-bottom: 50px;
}
.ceo-container img {    max-width: 100%;}
.ceo-info {  flex: 1;  box-sizing: border-box;  display: flex;  flex-direction: column;  justify-content: center; }
.ceo-info {  padding: 20px;}
.ceo-info p,
.ceo-info blockquote { text-align:left;}
.ceo-info h3 {  color: #000;  text-align: left;  margin-top: 0;  margin-bottom: 0;}
.ceo-info small {  color: #999;  font-weight: 400; margin-left: 10px;    margin-bottom: 20px;}
.ceo-icons {  margin: 20px 0;}
.ceo-icon {   display: inline-block;    margin-right: 20px;    background: #7d1021;    color: #fff;    padding: 3px 10px;
    border-radius: 20px;}
.ceo-icon i {  margin-right: 8px;  color: #fff;}
blockquote {  font-style: italic;  padding-left: 20px;  border-left: 5px solid #ca2b25;  color: #555;}
.slanted {
    --p: 70px;
    height: 25vh;
    aspect-ratio: 1;
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--p)),0 100%);
    background: #e4e4e4;
    width: 98%;
    z-index: -1;
    position: absolute;
}
.ceo-video {
    flex: 1;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    margin-top: -16px;
    text-align: center;
}
.ceo-video iframe {
    width: 60%;
    height: 500px;
    border-radius: 8px;
    margin: auto;

}

@media (max-width: 768px) {
  .ceo-container {
      flex-direction: column;
  }

  .ceo-video iframe {
      max-height: 315px; /* Adjust video height on small screens */
  }
}

@media(max-width:1023px)
{
    /********test screen media ********/
    .test-topbar {    padding: 5px 0;}
    .pull-right-mobile { float:right !important;}
    .bg-passage-content {  padding-left: 5px;    padding-right: 5px;}
    .quesText {     margin-left: 0px;}
    .audio-player-wrapper {    background: #ccc;    margin-top: 10px;    padding: 10px !important;}
    #audio-player-container {height: auto; min-width: 100vw; left: calc( -20vw - 1px ); border-radius: 0; top: 18px; background: #ddd; border: 1px solid #ccc;}
    #audio-player-container i {  width: 9px;  font-size: 15px;      margin: 4px 5px;}
    .time {   width: 40px;   font-size: 13px;  margin: 3px 0 5px 0;}
    progress {  width: 50%;  margin: 0;  padding: 0;  height: 3px;  margin: 10px 2.5% 5px 2.5%; }
    output {   width: 45px;   text-align: center;   font-size: 13px;   margin: -6px 0 0 0;}
    input[type="range"] {  width: 51%;   margin: 0;   padding: 0;   height: 10px;  margin: 5px 5px 7px 5px;  background: transparent;}
    .audioBut, .btn-rnd{border-radius: 50%; font-size: 20px; height: 30px;  width: 30px; padding: 4px; color: #000;    margin-top: 6px;}
    .rf-btn {  margin-top: 5px;}
    .palette{ display:none;    padding-top: 15px; }
    button.btn-palette {  background-color: #eee;    color: #000;   padding: 2px 5px 0;  border-radius: 10px;  font-size: 11px;
    margin-top: -20px;  position: absolute;    left: 35%;}
    span.quesCnt {  clear: both;  float: none;   width: 30px;}
    .tabBar {  background: #ccc;  margin-top: 10px;}
    .tabBar li, .resultSheet .rf-btn{  border-radius:50%; border: 1px solid #aaa;    width: 30px; height:30px; text-align:center;padding:0; margin-bottom:5px}
    .note-frame.panel-default>.panel-heading{position: relative;}
    .passage-heading-h1 {    text-align: center;}
    .white-popup {    width: 100%;    margin: 0;    margin-top: 50px !important;}
    .trf .logo {  width: 120px;    font-size: 14px;}
    .trf .box{margin-top: 10px;}
    .trf div {  text-align: left;}
    .trf .dark, .trf .light {    margin-right: 0px;    float: none;}
    .trf .score .dark {  padding: 5px;  clear: both;    display: block;    margin: 2px 5px;    text-align: center;}

    .trf .score b {  text-align: center;    float: none;    display: block;    line-height: 20px;}
    .resultSheet .pageCntnt { margin-left: 0; }
    .resultSheet .test-topbar {left: 0px;    padding: 2px 0px; height: 55px;}
    .resultSheet span.quesCnt, .popup span.quesCnt {width: auto;}
    .mfp-close-btn-in .mfp-close {position: absolute; right: 0px; top: 0;}
    .resultSheet .tabBar {  background: #ccc;   margin-top: -9px;}
    .resultSheet .test-layout {    margin: 55px auto 0px;}
    /******************************/

    #content {    float: none;}
    .bot-sep {   height: 50px;    display: block;}
    header .pull-right {  margin-right: 12px;}
    .srchMobile i,#cart .dropdown-toggle {  font-size: 18px;   float: left;    color: #7d1021;}
    #srchDiv { position: absolute; width: 100%;  left: 0; background: rgba(255,255,255,1); top: 42px;}
    #search {    margin:auto; margin-bottom: 10px;    margin-top: 18px;    border: 1px solid #ccc;    width: 90%;}
    .groupCategory {	margin:0px; padding: 20px 10px;		}
    .catcontent {	padding: 20px 10px;		}
    .catcontent p{ width:100%		}
    .groupCategory .img_box {		min-height: auto;		}
    .bg-dblue {    margin-left: 0;    margin-right: 0;	}
    #cart { margin-bottom: 0px;  margin-top: 10px;  padding: 0 10px 0 5px;}
    #cart span { top: -9px;  right: -1px;  font-size: 12px;  background: #111;   width: 16px;    height: 16px;    padding: 0;}
    .social-but-left {    padding: 0 ; width:100%;    }
    .social-but-right {        padding: 0 ; width:100%;    }
    .bg-product-thumb { border-bottom: 1px solid #eee; margin-bottom:0;}	
    .minus_top {    margin-top: 0;    }
    .navbar-toggle {    display: inline;    }
	.navbar-collapse.collapse {		/*display: none;  */	}
	header{position:relative;height:auto;}

	.menu_row{margin-top: 5px;
    border-top: none;
    margin-bottom: -6px;}
	#logo img{     max-width: 180px;    margin: auto; }
	.navbar-nav {background-color: #1f1f3c;}
	#menu .nav > li > a {padding: 10px 15px 6px 15px; margin-top: 0px; font-weight:normal;color: rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(0,0,0,.2);
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.5);
    }
	#menu .nav > li > a i {color: rgba(0,0,0,.5);
    margin-right: 5px;
    width: 20px;
    display: inline;}
	.section-sep-1 .white .design_box2 {display:none;}
	.section-sep-1 h4 {font-size: 18px;  margin: 12px auto 12px;}
	welcome {font-size: 13px; line-height: 14px;}
	.product-thumb .image { margin-bottom: 0px; }
	.product-thumb h4.ftrd_title { font-size: 30px; /*text-align:center*/}
	.product-thumb .caption {  text-align: center; }
	.nopadding_mobile{padding:0}
	.related_categories .caption p { font-size: 12px; min-height: 80px;}
	.related_categories .caption{	}
	.related_categories .caption h4 { min-height: 35px;}
	.related_categories .caption h4 a {font-size: 21px;  letter-spacing: 1px;}
	
	.happenings .text{ display:none;}
	.tilted-border { position: relative; margin-left: 0; margin-top: 0; height: auto;}
	.tilt {display:none}
	.happenings span.caption, .section-sep-1 .caption, .infrastructre .caption {display:none;}
	.section-sep-1 {  background-image: none; height: auto;  margin-top: inherit;}
	.section-sep-1 img {  width: 100%;  margin-left: -30px;  margin-top: 0;}
	.section-sep-1 img.img2 {  margin-top: -110%;   margin-left: 30px;}
	.section-sep-1 .white {padding: 5px 0px;}
	.bg-gray h3 {font-size: 250%;}
	.product-thumb {overflow: inherit;}
	.bg-gray .overlay {
    background: none;  position: relative;  left: auto;  top: auto;  width: auto;  height: auto;  margin: 0;  text-align: center;  transition: .5s ease;  opacity: 1;  margin-top: -49px;	}
	.bg-gray .overlay h4 a {margin-top:0}
	.award {
    margin-top: 0;
    display: block;
    text-align: center;
	}
	.nopadding{/*text-align:center*/}
	.content{text-align:justify}
	.bg-product-thumb .image {
		padding: 15px 0;
		background-position: center;
	}
	.product-thumb .caption {
		overflow: hidden;
		text-align: left;
		background: #fff;
		margin-left: 0;
		margin-top: 0;
		box-shadow: none;
		padding: 25px 0px;
		min-height: auto;border: none; 
	}
	.bg-product-thumb .image {
		background: url(../image/background.png);
		background-repeat: repeat-y;
		background-size: 270px;		padding: 15px 0;
		background-position: center;
	}
	.product-grid-cat:nth-child(even) .bg-product-thumb .image {
		background-position: center;
	}
	.product-grid-cat:nth-child(even) .bg-product-thumb .caption  {
    margin-left: 0;
    margin-right: 0;
    box-shadow: none;
	}
	.product-grid-cat:nth-child(even) .image {
		float: none;
	}
	.product-thumb .caption p {
		text-align: justify;
	}
	small {letter-spacing:2px}
	.page_header_small h1 { margin-top: 20%;   font-size: 45px;	}
	.subheading-title {font-size: 18px;}
	p { font-size: 15px;}
	.left {
    float: left;
    margin-right: 0;
    width: 100%;
	}
	.form-control.pro { width: 100%;}
	.page_header_small { height: 200px;}
	.featured-block {margin-left: 30px;}
	footer .footer-column div{text-align: justify;}
	footer .footer-column,footer .footer-column div.social,footer .footer-column div.logo {text-align: left;}
	h3.big-title { font-size: 300%;}
	.bg-product-thumb .text { background: none;   padding: 0;}
	/*.book_now_but { right: 15px;}
	.book_now_div { right:4%}*/
	.swiper-pager { top: 35% !important;}
	
	.darkBlue{padding:10px 0; margin:0}
	.darkBlue i:before {font-size: 50px; text-align:center;}
	.darkBlue .col-md-4{
		    padding-left: 0;
    text-align: center;
	}
	.darkBlue .icon {
		width: inherit;
		height: inherit;
		padding: 7px;
		float: none;
		margin-right: 0;
		margin: auto;
	}

	.darkBlue .info {
		float: none;
		font-size: 12px;
		text-align: center;
		line-height: 20px;
		letter-spacing: 0px;
    margin-bottom: 20px;
	}
	.darkBlue .info span {
    letter-spacing: 0px;
	}
	.row {
    margin-right: 0;
    margin-left: 0;
	}
	.title-center,.happenings h3 {
    font-size: 24px;
	}
	.title-center:before, .title-center:after,h3.subtitle:before, h3.subtitle:after {
    width: 15px;
	}
	.title-center:after, h3.subtitle:after {
    margin-left: 10px;
	}
	.title-center:before,h3.subtitle:before {
    margin-left: -25px;
	}
	.category {  min-height: 185px;}
	.category .info{display:none;}
    .drawer-menu i {  margin-right: 5px;  width: 15px;  color: #444;}
}
@media all and (device-width: 768px) and (device-height: 1024px){
	.navbar-collapse.collapse { display: none!important;}
	.collapse.in {    display: block!important;}
	.navbar-nav>li{width: 100%;}
	.navbar-header { float: none;}
	.section-sep-1 img {display:none}
}
/*@media(min-width:992px) and (max-width:1365px)*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){
	.container {
    max-width: 100%;
	}
	#menu .nav > li > a {
    padding: 0px 8px 0px 8px;
    text-transform: capitalize; 
	}
}
.author {
    margin-right: 2%;
}
.author .image {
    float:left;
    margin-right: 10px;
    padding-right: 5px
}    
.author .image img {
    width: 50px;
}
.author .name{ font-size:14px; color: #000; font-weight:400}
.author .name span{font-size:17px; font-weight:500;}
.announcement {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #eee;
    margin: 10px 0;
    display: flex;
    width: 100%;
}
.announcement .title {
    color: #bc6e70;
    text-transform: capitalize;
    font-size: 16px; 
    margin: 0;
	}
.announcement .image {
    width: 50px;
    min-height: 50px;
    border-radius: 50%;
    background: #901327;
    padding: 6px;
    float: left;
    margin-right: 10px;
}
.announcement .image img{ max-width:100%; border-radius:50%}
.announcement .f_name{ text-transform:uppercase; font-size:14px; font-weight:400; margin-top:5px}
.announcement .date {
    color: #777;
    font-size: 11px; margin-bottom:10px;
}
.announcement .faculty {
    background: #eee;
    padding: 10px;
}
table .fillup-text {
    width: 100px;
}
.section-ques .ans_tip_text{
    color: #000;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    border: 1px solid #bbb;
    padding: 10px;
}
.table .table {
    background-color: transparent;
}
/**********Product Page ****************/
.addthis_toolbox{display: inline-block; float: left;}
.addthis_toolbox.addthis_default_style>a {
padding: 7.5px 12px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #039244;
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    line-height: inherit;
    margin-left: 6px;
    height: 37px;color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.addthis_toolbox.addthis_default_style>a a.atc_s.addthis_button_compact {
    background: no-repeat;
    color: #777;
}

.container {
    width: 100%;
    max-width: calc( 100vw - 200px );
}
.courseInfo {
    padding: 4rem;
    position: relative;
    margin-bottom: 30px;
    box-shadow: #f5f5f5 1px 1px 11px;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
}
.previewVideo
{
  margin-bottom:4rem;
  position:relative;
    min-height: 500px;

}
.previewVideo>div {
    border-radius: 15px;
    overflow: hidden;
}
.courseTitle ul li {
    font-size: 20px;
    margin-right: 20px;
    margin-left: 0;
}
.courseTitle ul li i{
    font-size: 18px; color: #7d1021;
}
.courseTitle h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.278;
    margin-bottom: 25px;
    margin-top: 15px;
    text-transform: capitalize; color:#000;
}
#fixed-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}
.widget, .panel {
    box-shadow: rgb(210, 210, 210) 0px 9px 14px;
    margin-bottom: 40px;
    position: relative;
    padding: 4rem;
    margin-bottom:0;
    padding: 0 4rem 2rem;
    border: 1px solid #ecf1f9;display: inline-block;
    width: 100%;
}
.widget_title, #column-left .panel-heading {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
    padding-bottom: 16px;
    margin: -0.1em 0px 29px;
    border-bottom: 3px solid #ccc;
    margin: 29px 0px 0px;
}
#column-left .widget, .panel {
    padding: 15px; border-radius: 15px; margin-bottom:20px;
}
#column-left .panel-default>.panel-heading {
    cursor: auto;
    background: transparent;
    margin-top: 0;
}
.sidebar-area .widget_title::before, #column-left .panel-heading::before {
    content: "";
    height: 3px;
    width: 50px;
    background-color: #7d1021;
    position: absolute;
    bottom: -3px;
    left: 0px;
    z-index: 1;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 10s linear 0s infinite normal none running lineMove;
}
.info-list li {
    border-bottom: 1px dashed #d3dbeb;
    padding: 10px 0;
}
@-webkit-keyframes lineMove {
  0% {
    left: 0px;
  }
  50% {
    left: calc(100% - 50px);
  }
  100% {
    left: 0px;
  }
}
.info-list strong {
    font-weight: 500;
    color: #0f2239;
}
.info-list i {
    color: #7d1021;
    width: 16px;
    margin-right: 2px;
    font-size: 16px;
}
.courseSideBar{
  height:800px;
}
.nav-tabs {
    background-color: #f3f7fb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border: none;
    /* padding: 10px; */
}
.nav-tabs li {
    
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-tabs li a {
    padding: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: none;
    border-top: 5px solid #b43436;
    color: #b43436;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    color: #7d1021;
}
.tab-pane {
    padding: 30px;
}
.instructor-tab {
    display: flex;
    background: #f3f7fb;
}
.instructor-tab .info i{color: #7d1021; margin-right:10px;}
.instructor-tab h3{    color: #000;  margin-bottom: 30px;  font-weight: bold;  text-transform: capitalize;  margin-top: 5px;}
.instructor-tab .info { padding:20px 30px;  font-weight:500; font-size:18px; line-height:25px}
.infoBut {   margin: 20px 0;    font-weight: 400;    font-size: 14px;}
.infoBut .val{margin-right:20px;float:left;}
.social a {
    border-radius: 6px;
    font-size: 13px;
}
.valBut {
    width: 35px;
    height: 35px;
    background: #fff;
    float: left;
    margin: 20px 10px 5px 0;
    text-align: center;
    line-height: 30px;
    border-radius: 5px; border:1px solid #eee;
}
.instructor-tab .info .valBut i{margin:0}
.contentInfo{margin:20px 0;}
.contentInfo li{margin-left:0; margin-right:10px;}
button.mfp-close { display: none;}
h3.price {
    font-size: 16px;
    font-weight: 700;
    float: left;
    margin: 0;
    margin-right: 15px;
    color: #0f2239;
}
span.old-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 14px;
    color: #ac6671;
    font-size: 1.35vw;
}
.sub-title {
    font-size: 30px;
    font-weight: 500;
    color: #7d1021;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}
.sub-title i {
    font-size: 30px;
}
.sec-title{ margin-bottom: 6rem;}
.zeroTopPadding{padding-top:0;}
.blog .image img{border-radius:10px;}
.widgetContent {
    margin: 20px 0;
}
.widgetContent input.form-control {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid #e2e2e2;
    margin-bottom: 30px;
    padding: 13px;
    height: 55px;
    background: #f3f7fb;
}
.blogList li {
    margin-bottom: 20px;
    display: inline-block;
}
.blogList .img {
    width: 22%;
    float: left;
    margin-right:10px
}
.blogList .info {
    float: left;width:72%;margin-top:10px;
}
.blogList .info a {
   font-size: 17px;
    color: #686868;
    display: block;
}
.mem-img {
    width: 126px;
    height: 126px;
    box-shadow: 0px 3px 9px 0px rgba(175, 175, 175, 0.35);
    -webkit-box-shadow: 0px 3px 9px 0px rgba(175, 175, 175, 0.35);
    -moz-box-shadow: 0px 3px 9px 0px rgba(175, 175, 175, 0.35);
    -o-box-shadow: 0px 3px 9px 0px rgba(175, 175, 175, 0.35);
    border-radius: 50%;
    border: 8px solid #faecec;
    overflow: hidden;
    margin: auto;
}
.mem-data h5 {
    font-size: 18px;
    font-weight: 700;
    color: #525251;
    margin-top: 20px;
    letter-spacing: .25px;
}
.mem-data .btns {   text-align: center;   display: inline-block;}
.mem-data .btns a {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    background: #f3f7fb;
    margin: 0 5px;
    line-height: 35px;
    border-radius: 5px;
}
.mem-data .btns a:hover {  background: #7d1021; color:#fff; }
.mem-data .desig {  color: #999;  font-size: 14px;  margin-top: -10px;  margin-bottom: 10px;}
.widgetContent .alert {    position: relative;}
.rnd-rectangle {  border-radius: 10px;  padding: 10px 20px;    font-size: 16px;    font-weight: 500;}
.btn-outline {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #7d1021;
    text-transform: uppercase;
    text-align: center;
    color: #7d1021;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 20.5px 29px;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;margin-bottom:10px;
}
.btn-outline:hover {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;   transition: background-color 0.3s ease;
    color: #fff;
}
.btn-outline:before {
        content: "";
        position: absolute;
        height: 0%;
        left: 50%;
        top: 50%;
        width: 600%;
        background-color: #7d1021;
        transform: translateX(-50%) translateY(-50%) rotate(60deg);
        z-index: -1;
        transition: 0.7s ease;
}
.btn-outline:before {
    background-color: #fff;
}
.btn-outline:hover:before {
    background-color: #7d1021;height:600%
}

.btn-outline-high {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #7d1021;
    text-transform: uppercase;
    text-align: center;
    background-color: #7d1021;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 20.5px 29px;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;margin-bottom:10px;
}
.btn-outline-high:hover {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;   transition: background-color 0.3s ease;
    color: #7d1021;
}
.btn-outline-high:before {
        content: "";
        position: absolute;
        height: 0%;
        left: 50%;
        top: 50%;
        width: 600%;
        background-color: #fff;
        transform: translateX(-50%) translateY(-50%) rotate(60deg);
        z-index: -1;
        transition: 0.7s ease;
}
.btn-outline-high:before {
    background-color: #7d1021;
}
.btn-outline-high:hover:before {
    background-color: #fff;height:600%
}



.resultBar {
    background: #f3f7fb;
    border-radius: 10px;
    padding: 28px 34px 23px;
    margin-bottom:30px; 
    line-height: 25px;

}
.resultBar span{color:#7d1021;}
.btn-group>.btn {  color: #111;}
.btn-group>.active {  color: #B43436;}
.pagination>li {
    display: inline-block;
    margin: 0 5px;
}
.pagination>li>a, .pagination>li>span {
    padding:0;
    display: inline-block;
    text-align: center;
    position: relative;
    border: none;
    color: #0f2239;
    background-color: #f3f7fb;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}
.ytvideo-layout {
    width: 20%;
    float: left;
    padding: 0 15px;position: relative;
    z-index: 9;
}
.youtube-player {
    position: relative;
   /* padding-bottom: 56.25%;*/
    height: 0;
    overflow: hidden;
    max-width: 100%;
    /*background: #000*/
}
.vblogSection{ position:relative;}
.centerLine {
    height: 20%;
    background: rgba(255,255,255,.1);
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
}
.vblogSection h2{
    font-family: Helvetica,Arial,sans-serif;
    font-size: 4.5rem;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -3px;
    margin-bottom: 20px;
}
.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
    opacity: .55
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(../../../../../image/play-1.png) no-repeat;
    cursor: pointer
}

.youtube-player iframe {
    width: 100%;
    height: 300px
}

.youtube-player h3 {
    font-size: 15px;
    color: var(--primeColor);
    margin-top: 5px;
    z-index: 1;
    position: absolute;
    background: rgba(0,0,0,.75);
    padding: 10px;
    width: 100%;
    color: #fff
}

.youtube-player img {
    width: 100%
}

.youtube-player.reel iframe {
    width: 100%;
    height: 400px
}

.youtube-player.reel {
    height: 400px
}

.youtube-player.reel img {
    width: 100%;
    height: 400px
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #7d1021;
    border-color: #0f2239;
}
.d-flex {
    display: flex;
}
.demo {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(125 16 33 / 84%);
    background: rgb(35 156 186 / 85%);
    background: rgb(35 163 35 / 85%);
    width: 90px;
    height: 90px;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    border-radius: 0 10px 0 0;
    line-height: 17px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 0);
    margin-bottom: 6vw;
}

.partner .form-group .form-control {
    line-height: 40px;
    min-height: 40px;
    padding-top: 15px;
    color: #222;
}
.partner .form-group input[type="file"].form-control {
    height: 60px;
}
.partner .form-group .control-label {
  display: none;
  display: block;
    font-size: 12px;
    color: #555;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    background: #fff;
    z-index: 11;
    position: absolute;
    left: 30px;
    padding: 0 5px; top:5px; color:#999;

}
.partner .field-group .control-label { left: 75px;  top: 8px;}
.partner div.required .control-label:before {
    content: '';
}
.partner .form-group:focus-within .control-label,
.partner .form-group  input:not(:placeholder-shown) + label.control-label  {
  display: block;        top: -17px; left:30px;
  transition: 0.2s ease all;
    color: #0f2239; font-weight:600;
}
.partner .form-group.has-error .control-label,
.partner .form-group.has-error  input:not(:placeholder-shown) + label.control-label  
{ color:#900}
.partner .text-danger {  color: #ac6868;}
.partner .captcha img {
    float: right;margin-right: 15px;height: 40px; max-width: 35%;
}
.partner .field-group input {
    width: 60%;
    float: left;
    border: none;
    box-shadow: none;
}
.partner .field-group{
    display: inline-block;
    float: left;
    border:1px solid #ccc; width:100%
}
.partner .field-group div {
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    color: #bbb;
    padding: 0 5px;
}
.partner h3{color:#7d1021;}
.partner h3 span, .partner h3 span a {
    font-size: 16px;
    color: #666; font-weight:500;
}
 .partner h3 span a {
   text-decoration:underline; font-weight:600
 }
 .partner .signup {    background: #ebebeb;}
 .partner h2 {
    font-size: 21px;
    font-weight: 600;
    color: #000;
}
.partner .signup div.info{padding:20px;}
.partner .info ul{  font-size: 18px;   line-height: 1.7em}
.partner .info li i {
    color: #7d1021;
    font-size: 18px;
}
.partner .info li{padding-left:10px}
.partner .signup .content{    height: 100%;}

/*.demo:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #F8F8F8 transparent;
}*/
.demo span {
    transform: rotate(45deg);
    display: block;
    margin-top: 7px;
    text-align: center;
    margin-left: 28px;
    max-width: 58px;
}
/*
.demo {
    position: absolute;
    top: 5%;
    background: rgb(35 156 186 / 85%);
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    line-height: 15px;
}*/
.benefit-item {
    padding: 15px 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.benefit-item h3 {font-size: 1.3vw !important;color: #7d1021;margin-bottom: 10px;text-transform: capitalize;}
.benefit-item p {font-size: 1.1vw;color: #555;line-height: 1.6;text-align:left;}
.benefit-item:hover {background-color:#7d1021;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.benefit-item:hover h3, .benefit-item:hover p {color: #ffffff;}
article {margin-bottom: 30px;padding:20px 10px;}
article h2 {font-size: 2vw;margin-bottom: 10px;color: #0f2239;font-weight:700;border-bottom: 2px solid #000;padding-bottom: 10px;}
article p {font-size: 1.2em;line-height: 1.6;margin-bottom: 15px;text-align:left;}
.importance-item {padding: 20px;margin-bottom: 10px;border-left: 5px solid #7d1021;}
.importance-item h3 {font-size: 1.4vw;margin-bottom: 5px;color: black;text-transform: capitalize;}
.importance-item p {font-size: 1.1vw;line-height: 1.5;text-align:left;}
.feature-list {background: #fff;color: #333;padding: 20px;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease;
position: relative;overflow: hidden;text-align: left;margin-bottom:20px;}
.feature-list:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);background: #7d1021;
color: #fff;}
.feature-list_icon {width: 80px;height: 80px;line-height: 80px;font-size: 36px;color: white;background-color: #b43436;border-radius: 50%;margin: 0 auto 25px auto;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;position: relative;z-index: 2;text-align: center;}
.feature-list_icon .fa {font-size:40px; }
.feature-list_title {font-size: 1.4vw;margin-bottom: 10px;transition: color 0.3s ease;text-align:center;}
.feature-list_text {font-size: 1.2vw;line-height: 1.6;transition: color 0.3s ease;text-align:center;}
.feature-list:hover .feature-list_title,
.feature-list:hover .feature-list_text {color: #fff !important;}
.feature-list:hover .feature-list_icon {background-color: white;color: #7d1021;}                 
.flip-card {background: #ffffff;width: 100%;height: 150px !important;border-radius: 10px;perspective: 1000px;margin-bottom:30px;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;
transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front,
.flip-card-back {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;padding: 20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.flip-card-front {background: #7d1021;color: #fff;}
.flip-card-front i {font-size: 40px;margin-bottom: 10px;}
.flip-card-front h3 {font-size: 1.4vw;color: white;text-transform: capitalize;}
.flip-card-back {background: #ffffff;color: #333;transform: rotateY(180deg);}
.flip-card-back p {font-size: 1.1vw;line-height: 1.6;text-align:left;}
.target-audience {padding: 20px;border-radius: 10px;background-color: #fff;margin: auto;}
.audience-card {background-color: #fff;padding: 20px;border-radius: 10px;margin-bottom:15px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);min-height:240px;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;}
.audience-card h3 {font-size: 1.4vw;text-transform: capitalize !important;color: #333;text-align:left;transition: color 0.3s ease;}
.audience-card p {font-size: 1.1vw;color: #666;margin-top: 15px;text-align:left;transition: opacity 0.3s ease, max-height 0.3s ease;}
.audience-card:hover h3 {color: #7d1021;}
.audience-card .fa {font-size: 20px;margin-right:10px;}
.feature-list_icon .fa {font-size:36px !important;}
.course-inclusion-box {margin-top: -50px;}
.inclusion-item {border: 1px solid black;border-radius: 8px;padding: 15px;margin:10px;}
.inclusion-item i {color: #7d1021;font-size: 24px;margin-right: 12px;margin-bottom: 10px;}
.benefit {background: #fff;border-radius: 8px;padding: 15px;flex: 1 1 45%;display: flex;margin:10px;align-items: baseline;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.benefit i {font-size: 24px;margin-right: 10px;color: #7d1021;}
.level-overview {padding: 20px;margin: 20px 0;border-radius: 8px;transition: box-shadow 0.3s ease, transform 0.3s ease;    }
.level-overview h3, .course-benefits h3, .course-content h3 {font-size: 2vw;color: #0f2239;margin-bottom: 20px;
transition: color 0.3s ease;}
.level-overview h3:hover {color: #7d1021;}
.level-overview ul {list-style: none;}
.level-overview ul li {margin-bottom: 10px;color: black;font-size: 1.1vw;line-height:1.6;}
.level-overview ul li i {color: #7d1021;margin-right: 10px;font-size: 20px;}
.level-overview ul li:hover {color: #7d1021;}
.course-benefits .benefit-item {margin-bottom: 20px;}
.content-panel {border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;overflow: hidden;position: relative;padding:60px 10px;}
.content-panel:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.content-panel-icon i {font-size: 40px !important;color: #7d1021;margin-bottom: 15px;}
.content-panel h3 {font-size: 1.4vw;font-weight: bold;margin-bottom: 15px;text-transform: capitalize;}
.content-panel-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;
justify-content: center;background-color: rgba(255, 255, 255, 0.9);padding: 20px;opacity: 0;pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;transform: scale(0.8);}
.content-panel:hover .content-panel-text {opacity: 1;pointer-events: auto;transform: scale(1);}
.content-panel-text p {text-align: center;font-size:1.1vw;}

/*Services  */

.visas {padding:50px;}
.visas:nth-child(odd) {background-color: #FAF5FC; }
.visas:nth-child(even) {background-color: #fff; }
.text-right {text-align: right;}
.single-page-section-bottom-space {padding-bottom: 50px;}
.servicefeatures{padding:40px;}
.servicefeatures .card {padding: 20px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.servicefeatures .card:hover {transform: translateY(-10px);    }
.servicefeatures  .icon i {font-size: 60px;color: #b43436;}
.servicefeatures .card h3 {margin-bottom: 10px;font-size:1.4em;font-weight:500; color:#000 !important;}
.servicefeatures .card p {margin-top: 20px;font-weight: 400;font-size:1.0vw;text-align:center;}
.gallery-card:hover {transform: scale(1.05);}
.gallery-img img {width: 100%;height: auto;border-radius: 15px;}
.gallery-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.4s ease-in-out;
border-radius: 15px;}
.gallery-card:hover .gallery-content {opacity: 1;}
.gallery-title {font-size: 24px;font-weight: bold;color: white;text-align: center;padding: 20px;}
.about-content h3 {font-size: 1.7vw;font-weight: 600;color:#0F2239;}
.paragraph {font-size: 1.0vw;font-weight: 400;text-align:left;margin-bottom: 40px;}
.btn-new {background-color: #7d1021;color: white;padding: 10px 20px;font-size: 18px;border-radius: 35px;transition: background-color 0.3s ease-in-out;margin-left:-5.5px;}
.btn-new:hover {background-color: #7d1021;color: white;}
.page_header_small {height:80vh; }
.page_header .overlay {visibility:hidden;}
.hero-content {position: absolute;top: -40vh;left: 50%;transform: translate(-50%, -50%);padding: 20px;max-width: 22%; opacity: 0;animation: fadeIn 1s ease-out forwards; }
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Slide Down Animation */
@keyframes slide-down {
    from {transform: translateY(-50px);opacity: 0;} 
    animation: slide-up 1.5s ease-in-out 0.7s forwards; 
    to {transform: translateY(0);opacity: 1;}
}
/* Slide Up Animation */
@keyframes slide-up {
    from {transform: translateY(50px);opacity: 0;}
    to {transform: translateY(0);opacity: 1;}
}
.hero-title {margin-top:5vh;margin-bottom: 30px;font-size: 2.0vw;font-weight: 600;color: #000; animation: slide-down 1.5s ease-in-out forwards; }
.hero-text {font-size: 1.35vw;font-weight: 500;text-align: center;color: #000; animation:slide-up 1.5s ase-in-out  forwards; }
.hero-content .btn-group {animation: slide-up 1.5s ease-in-out  forwards;}
.hero-content  .btn-primary {background-color: #7d1021; font-size:1vw !important;padding:0.9vw;border: none;border-radius:35px;margin-top:20px;}
.hero-content  .btn-primary:hover {background-color: #7d1021; }    
/** Study Abroad **/
/* Hero Section */
#abroad-hero {position: relative;overflow: hidden; }
#abroad-hero .hero-image {position: relative;height: 90vh;display: flex;align-items: center;justify-content: center;}
.hero-video {width: 100%;height: auto;object-fit: cover;position: absolute;top: 0;left: 0;z-index: -1; }
.service-card-text{margin-top:10px;}
.service-sec-2 {margin-top: calc(-45px - 1.5rem);position: relative;z-index: 3;}
.service-card.style2 {display: flex;gap: 30px;border-radius: 15px;background: white;box-shadow: 0px 13px 30px 0px rgba(206, 211, 230, 0.3);padding: 40px;margin: 0;transition: all 0.4s ease; }
.service-card.style2:hover, .service-card.style2.service-card2-active {background: #b43436;transition: all 0.4s ease; }
.service-card.style2 .service-card-icon {flex: none;width: auto;height: auto;border-radius: 0;background: transparent;box-shadow: none;border: 0;transition: all 0.4s ease; }
.service-card.style2 .service-card-icon img {transition: all 0.4s ease; }
.service-card.style2 .service-card-title {font-size: 18px;font-weight: 500;margin-top: -0.25em;margin-bottom: 12px;}
.service-card.style2 .service-card-title a {transition: color 0.4s ease;}
.service-card.style2 .service-card-title a span {color: #7d1021;transition: color 0.4s ease; }
.service-card.style2 .service-card-text {margin-bottom: -0.3em;transition: color 0.4s ease;font-size:14px;}
.service-card.style2:hover .service-card-title a, 
.service-card.style2:hover .service-card-text, 
.service-card.style2:hover .service-card-title a span {color: white; transition: color 0.4s ease;}
.service-card.style2.service-card2-active .service-card-text,
.service-card.style2.service-card2-active .service-card-title a, .service-card.style2:hover .service-card-text,
.service-card.style2:hover .service-card-title a {color: white;}
.service-card.style2:hover .service-card-icon {transform: rotateY(180deg); transition: transform 0.4s ease;}
.service-card.style2.service-card2-active .service-card-icon, .service-card.style2:hover .service-card-icon {
-webkit-transform: rotateY(180deg);    transform: rotateY(180deg);}
.service-card.style2.service-card2-active .service-card-text span,
.service-card.style2.service-card2-active .service-card-title a span, .service-card.style2:hover .service-card-text span,.service-card.style2:hover .service-card-title a span {color:white;}
.popular-visa {text-align: center;padding: 50px 20px;}
.popular-visa .section-title {margin-bottom: 20px;}
.section-title h2 {font-size:3vw;font-weight:700;color:#0F2239;}
.popular-visa .country {position: relative;overflow: hidden;transition: transform 0.8s ease;border: 1px solid #ddd;border-radius: 8px;padding: 10px;background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;}
.country-header {display: flex;align-items: center;justify-content: left;}
.flag-icon {width: 50px;height: 50px;border-radius: 50%;margin-right: 10px;}
.country-name {font-size: 1.1vw;font-weight: 500;}
.map {overflow: hidden;position: relative;transition: transform 0.8s ease;}
.map img {width: 100%;height: auto;border-radius: 5px;}
.country:hover .map {transform: scale(2.0);}
.visa-options {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;
align-items: center;background-color: rgba(255, 255, 255, 0.9);padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);visibility:hidden;pointer-events: none;transition: opacity 0.5s ease;font-family: jost;text-align: center;
}
.swiper-slide:hover .visa-options {pointer-events: auto;z-index: 2; visibility: visible;}
.country:hover .visa-options {opacity: 1;pointer-events: auto;z-index: 2; visibility: visible;}
.swiper-slide:hover .map {transition: transform 0.8s ease;}
.visa-options ul {list-style: none;padding: 0;}
.visa-options li {padding: 10px;border-bottom: 1px solid #ccc;font-size: 18px;}
.visa-options li i {margin-right: 10px;color: #ca2b25;}
@keyframes slideUp {
    to {transform: translateY(0);}
}
@keyframes fadeInText {
    to {opacity: 1;}
}
@keyframes slideInButton {
    to {opacity: 1;transform: translateY(0);}
}
/*  Skill Part   */
.skill-part {position: relative;background-color:#FAF5FC;padding: 40px 0 60px;}
.skill-part p {color: #333;font-size:18px;text-align:center;font-weight:400;}
.skill-part .section-head-2 {padding: 0px 200px;}
.skill-part h2{color: #0F2239;font-size:60px;font-weight:700;text-align:center;}
.progressbar-box {width:100%; height:auto;text-align:center;}
.row-30 {margin:0px -30px;}
.call_to_action {background: #7d1021;margin-top:-40px;}
.call_to_action .request-content {padding: 40px 0px;}
.call_to_action .request-content a.btn-1 {background: #fff;border-radius: 35PX;padding: 16px 61px;text-transform: uppercase;color: #7d1021;font-weight:500;font-size: 18px}
.call_to_action .request-content a.btn-1:hover {color: #7d1021;}
.call_to_action .text-content {padding:0 5vw;}
.call_to_action .request-content h2 {font-size: 5vw;font-weight: 700 !important;margin-bottom: 20px;color: #fff;margin-top:-0.5vw;text-align:left !important;}
.call_to_action .request-content p { color: #ffffff;font-size:0.9vw;margin-bottom:40px;max-width:40vw;}
.girl-image {position: absolute;bottom:-40px;z-index: 10;width:22vw;right:15vw;}
.call_to_action .white_title span {background-position: left bottom;background-size: 50%;padding-bottom: 10px;}

/* about us */
#about-hero {position: relative;width: 100%;}
#about-hero .hero-image {background-image: url('https://emodule.in/image/catalog/websiteimages/ABOUT-head-1.jpg'); background-size: cover;background-position: center;height: 80vh; position: relative;}
#about-hero .overlay1 {background-color: rgba(0, 0, 0, 0.5); position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#about-hero .about-hero-content {position: absolute;top: 60%; left: 50%; transform: translate(-50%, -50%);text-align: center;color: white;opacity: 0;animation: slideDown 1.5s ease-out forwards}
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-50%, 50%);
    }
    to {
        opacity: 1;
        transform: translateY(-50%, 50%);
    }
}
#about-life {padding:1vw 2vw;color: #333;position: relative;}
#about-hero .hero-title {font-size: 3.0vw;font-weight: 700;margin-bottom: 20px;color: white;}
#about-hero .button-group .btn {padding: 20px 30px;font-size: 0.9vw;border: none;opacity: 0;transform: translateY(-20px); animation: slideDownButton 1.2s ease-out forwards;animation-delay: 1s;}
#about-hero .btn-course {background-color: #7d1021;color: #fff;border-radius: 35px;}
#about-hero .btn-service {background-color: #fff;color: #7d1021;border-radius: 35px;}
@keyframes slideDownButton {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#about-company {color: #333;padding: 3vw 6vw;position: relative;background-color:#faf5fc;}
h3.big-title {display:none;}
.text-content{padding: 0px 2vw;}
#about-company .highlight-box {padding: 20px;   }
#about-company .highlight-image {margin-bottom: 15px;}
#about-company .icon-image {width: 60px; height: auto;}
.highlight-box h4 {font-size:20px;font-weight: 700;color: #7D1021; text-align: center; }
.highlight-box h3 {font-size:30px;font-weight: 600;color: #0F2239; text-align: center; }
.highlight-box p {font-size: 16px;color: #0F2239;text-align:center;line-height:1.5em;font-weight:400;}
/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#about-life {padding:1vw 2vw;color: #333;position: relative;}
#about-life .section-title {font-size: 80px;text-align:center;color: #0F2239;font-weight:700;margin-bottom:30px;opacity: 0;transform: translateY(-30px);animation: fadeInUp 1s ease forwards 0.3s;}
#about-life .text {font-size: 20px;color: #7D1021;font-weight:500;opacity: 0;text-align:center;transform: translateY(-30px);animation: fadeInUp 1s ease forwards 0.5s;}
#about-life .text1 {font-size: 16px;color: #0F2239;font-weight:400;margin-bottom:40px;padding: 0vw 19vw;opacity: 0;text-align:center;transform: translateY(-30px);animation: fadeInUp 1s ease forwards 0.5s;}
.company-images {margin-bottom:20px;}
.team-image {width: 100%;border-radius: 15px;transition: transform 0.3s;}
.team-image:hover {transform: scale(1.05);}
.row-30 {margin: 0 -30px;}

.about {background-color:#faf5fc;}
.about .homeabout {padding: 20px;}
.about .homeabout .big_title h2 {font-size: 3vw;font-weight: 700;color: #0f2239;margin-bottom: 30px;text-align:left !important;}
.homeabout p {color: #04051A;font-weight: 300;font-size: 16px;line-height: 25px;text-align: left;}
.ceo-icons {display:flex;padding-bottom:35px;}
.ceo-icon1{margin-right:20px;}
.homeabout h3 {color:#7d1021;}
.ceo-video {background: url("https://emodule.in/image/catalog/websiteimages/youtube-bg.jpg");background-size: cover;padding: 100px 0; }
.ceo-video .video {background: url("https://emodule.in/image/catalog/websiteimages/laptop2.png") no-repeat;
background-size:100% 100%;width:100%;}
.ceo-video iframe {width:100% !important;padding:45px 6vw;}
#modal-agree header {
    display: none;
}
#modal-agree footer {
    display: none;
}
#modal-agree .top_sep {
    display: none;
}
#modal-agree .breadcrumb {
    display: none;
}


  
@media(max-width:1023px){
    .container { max-width: 100vw;}
    #logo img {  max-width: 150px;  margin: 0px;  margin-top: 5px;}
    .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {top: 0px !important;}
    .swiper-slide .title {
    position: absolute;  padding: 15px 20px;  line-height: 20px;  left: 0%;  max-width: 100%;  top: -165px;    width: 100%;  margin-top: 0px;        background: rgba(0, 0, 0, .41);
    }
    medium { margin-top: 0px;  margin-bottom: -10px;}
    .swiper-slide .title .big {font-size: 6vw;    font-weight: 700;}
    .swiper-slide small {  font-size:14px; letter-spacing: normal;  margin-top: -15px;  display: inline-block;}
    .btn-slider {  border-radius: 20px;  padding: 5px 16px;  font-size: 13px;  margin: 0 10px 0 0;}
    .drawer--right .drawer-hamburger {    right: 0 !important;}
    .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger,         
    .drawer--right.drawer-open .drawer-hamburger {  right: -6px !important; }/**/
    .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    right: inherit !important; }
    .drawer--right.drawer-open .drawer-hamburger-icon {  right: 12px !important; }/**/

    .welcome {  padding: 0px 0px 20px;}
    .welcome h3 {line-height: 26px;  font-size: 1.5rem;  text-align: left;}
    .welcome p, .homefeatures p {  font-size: 3.5vw !important;}
    .welcome p b {  color: #7d1021;  font-size: 4vw; }
    .big_title { font-size: 4rem;}
    .groupCategory { padding: 0px 0px !important;}
    .groupCategory h3 {  font-size: 5vw;}
    .homefeatures .big_title { font-size: 4.5vw !important;}
    .red { font-size: 4.5vw !important;}
    .globe-container-wrapper{DISPLAY:NONE !important;}
    .row {  margin-right: -5px;  margin-left: -5px;}
    .ytvideo-layout { width: 100%;}
    .vblogs {    padding: 0 40px;    display: flex;    overflow-x: auto;}
    .blogs {   padding: 0 !important;}
    footer .footer-column h3 { font-size: 1.8rem;}
    footer a {  font-size: 1.25rem !important;}
    .blogs h2 {   font-size: 2.5rem !important;}
    .btn-lg {  padding: 5px 10px;  font-size: 12px;}
    .product-thumb .caption {  padding: 15px 10px;}
    .courseInfo { padding:0;}
    .previewVideo {  min-height: auto;   margin: auto -15px;}
    .sub-title { font-size: 24px;}
    #player > div {   border-radius: 0 !important;}
    .previewVideo>div {  border-radius: 0;}
    .courseTitle ul li i {font-size: 14px;}
    .courseTitle ul li {font-size: 14px;  margin-right: 10px;}
    .courseTitle h1 { font-size: 20px; line-height: 1; margin-bottom: 15px; margin-top: 15px;}
    .btn {  padding: 5px 10px;  font-size: 12px !important;   border-radius: 15px;}
    .btn-outline, .btn-outline-high{ padding: 10px 10px; }
    .nav-tabs li a > i { font-size: 16px;}
	.nav-tabs li a{ padding: 10px 5px;}
    .tab-pane h3 { font-size: 4.5vw !important;}    
    .tab-pane {  padding: 5px;}
    .hilite_div li {  width: 98%;}
    .widget, .panel { padding: 0 1rem 2rem;}
    .instructor-tab { display: inline-block;  text-align: center;}
    .rnd-rectangle {   margin-top: 14px;}
    .infoButsmob {  margin-top: 30px;  display: inline-block;   width: 100%;}
    article h2 {  font-size: 4.5vw !important;}
    .importance-item p,.audience-card p, .feature-list_text, .level-overview p, .level-overview ul li, .benefit-item p, .content-panel-text p   {font-size: 1.5rem !important;}
    .flip-card-back p {    font-size: 2.65vw!important;}
    .audience-card {    min-height: 140px;}
    .page_header_small { height: 55vh; }
    .hero-content { top: -30vh;  width: 60%;  max-width: 100%;}
    .hero-title { font-size: 4vw;  line-height: 2.25rem;}
    .hero-text {  font-size: 3.25vw;  line-height: 2rem;  font-weight: 400;}
    .hero-content  .btn-primary {  font-size: 2.5vw !important;   padding: 1.5vw 3vw;}
    .servicefeatures  {    padding: 40px 0;}
    .servicefeatures .card p {  font-size: 1.5rem}
    .visas {  padding: 20px;}
    .about-content h3 {  font-size: 4.5vw;}
    .paragraph { font-size: 3.25vw;  font-weight: 400;  text-align: justify;  margin-bottom: 30px;}
    .btn-wrap {    text-align: center;}
    .btn-new { padding: 5px 15px; font-size: 16px;  border-radius: 20px;}
    .testimonial_item small {    font-size: 3.5vw;}
    .testimonial_item h3 {  font-size: 5.5vw;  margin-bottom: 30px;}
    .testimonial i {   font-size: 10vw;}
    #abroad-hero .hero-image {    height: 40vh;}
    .service-card.style2 { display: block; padding: 0 0 30px;}
    .service-card.style2 .service-card-icon { margin-bottom: 15px;}
    .service-card.style2 .service-card-icon img { width: 50px;}
    .service-card.style2 .service-card-title {  font-size: 20px;  font-weight: 600;}
    .section-title h2 {  font-size: 6vw;}
    .country-name { font-size: 4.5vw;  font-weight: 600;}
    .skill-part .section-head-2 {  padding: 0px 20px;}
    .skill-part h2 {  font-size: 6vw;}
    .skill-part p { font-size: 16px;}
    .girl-image { position: absolute;  bottom: -40px;  z-index: 10;   width: 100%;    right: 0;}
    .request-content {  text-align: center;}
    .call_to_action .request-content h2 { font-size: 6vw; font-weight: 700 !important;  text-align: center !important;}
    .call_to_action .request-content p {font-size: 3vw;max-width: 100%;}
    .call_to_action .request-content a.btn-1 {padding: 6px 50px;font-size: 16px;}
    #about-hero .hero-image {  height: 40vh;}
    #about-hero .hero-image {height: 40vh;}
    #about-hero .about-hero-content {  width: 90%;}
    #about-hero .hero-title { font-size: 6vw; font-weight: 500; line-height: 30px; }
    #about-hero .button-group .btn { padding: 5px 20px;}
    #about-life .section-title { font-size: 30px;    margin-bottom: 0px; }
    #about-life .text1 {    padding: 0;}
    .image-box {   margin-bottom: 15px;}
    .about .homeabout .big_title h2 { font-size: 10vw;}
    .homeabout p { text-align: justify;}
    .ceo-icons {padding-bottom: 0;}
    .ceo-video .video {background-size: 100%;}
    .ceo-video iframe {  padding: 0px 6vw;}
    .ceo-video iframe {    max-height: 150px;}
    .signup .content {  padding: 10px;}
    .specialFld {background: transparent;height: auto;}
    label { font-weight: 400 !important;   }
    .gray .breadcrumb {  margin-left: 0px;}
}