/* Bootstrap recover */
.btn-group-sm>.btn, .btn-sm {
    padding:.25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius:.2rem;
}
/*
Fixing aos plugin. CSS to display line as like writing
*/

[data-aos="write"] {
    width: 0;
    display:inline-block;
    overflow:hidden;
    -webkit-transition-property: all; /* Safari */
    transition-property: all;
	white-space: nowrap;
}

[data-aos="write"].aos-animate {
	width:90%;
}
html, body {
	width:100%;
	height:auto;
	display: block;
}
section {
	width:100%;
	overflow:hidden;
}
/* Animating Border at the bottom of navigation bar when hovering*/
.main-menu > li > a::before {
	background:transparent;
    bottom: 0;
    content: "";
	width:0;
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.main-menu > li > a:hover::before {
	content: "";
	background:#962F34;
	width:100%;
	height:3px;
}

/* Navigation bar submenu hover effect */
.main-menu li ul.submenu li:hover > a {
	background:transparent;
	color:#962F34;
}
.main-menu>li>ul>li:not(.mega-menu-title) {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.main-menu li ul li a:not(.mega-menu-title) {
	background-color:transparent;
	padding:10px;
	display:block;
}

.main-menu li ul li:not(.mega-menu-title):hover>a {
	text-decoration: none;
	padding-left:20px;
	font-weight:700;
}
.main-menu li ul li:not(.mega-menu-title):hover::before {
	content: "\f105";
    font-family: fontawesome;
	color:#962F34;
	top:50%;
	transform:translate(0, -50%);
	position: absolute;
}
.main-menu li ul.submenu {
	box-shadow: 2px 2px 5px 0 #0002, -2px -2px 5px 0 #0002, -2px 2px 5px 0 #0002, 2px -2px 5px 0 #0002;
}
li ul li:not(.mega-menu-title) {
	padding-left:5px;
}
.main-menu ul li:not(.mega-menu-title):hover {
	background:#962F3433;
}
.main-menu li .mega-menu {
	border-top-width:0px;
	padding:0px;
}
/* Main menu edit */
.main-menu li a {
	padding:22px 0;
}
/*Slider customize */
[data-black-overlay]::before {
    background: none;
}
/*skew effect*/
.img, img {
	transform:none;
	transition: none;
	vertical-align: middle;
	width:100%;
	height:80%;
	overflow: hidden;
}
.single-service.style-1, .single-service.style-2,.single-service.style-1:hover, .single-service.style-2:hover {
	box-shadow:none;
	transform: none;
	transition: none;
	margin: 15px 0;
	padding:0;
}
.shadow-all {
	-ms-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18), 0px -12px 42px 0px rgba(68,68,68,0.18);
	-webkit-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18), 0px -12px 42px 0px rgba(68,68,68,0.18);
    -moz-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18), 0px -12px 42px 0px rgba(68,68,68,0.18);
	box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18), 0px -12px 42px 0px rgba(68,68,68,0.18);
}
.single-service.style-1 p, .single-service.style-2 p {
	text-align:justify;
	font-weight: 500;
	line-height: 1.1;
	padding: 15px;
	font-size: 18px;
	box-sizing: border-box;
}
.skew-right {
	-ms-transition:all 0.3s !important;
	-moz-transition:all 0.3s !important;
	-webkit-transition:all 0.3s !important;
	transition:all 0.3s !important;
}
.skew-right:hover {
	-ms-transform: skewX(-4deg) !important;
	-moz-transform: skewX(-4deg) !important;
	-webkit-transform: skewX(-4deg) !important;
	transform: skewX(-4deg) !important;
	-ms-transform-origin:bottom !important;
	-moz-transform-origin:bottom !important;
	-webkit-transform-origin:bottom !important;
	transform-origin:bottom !important;
}
/* Footer background color change on hover*/
.footer-widget ul li a {
	/* For Safari 3.1 to 6.0 */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	/* Standard syntax */
	transition-property: all;
	transition-duration: 0.5s;
	display:block;
}
.footer-widget ul li a:hover {
/*	background:#962F3433; */
	padding-left:5px;
}
/* Horizontal divider */
.horizontal-divider {
	border-top:1px dotted #962F34;
	background:#FFF;
	height:1px;
	overflow: hidden;
	
}
.horizontal-divider::after {
	content:'';
}
/* Our activity */

/* Thumbnail slider */
.thumbnail-slider-text {
	height:100%;
}
.thumb {
	overflow:hidden;
	border:0;
}
#thumbnail-slider-edited {
	height:100%;
	max-width:1200px;
}
.activity-text {
	padding-top:50px;
}
/* President's message button style*/
.accordion-section.style-1 .card-header button.btn-link, .accordion-section.style-3 .card-header button.btn-link {
	webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*change logo*/
.logo span {
	width:175px;
	height:64px;
	background-image:url('../images/logo.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
	display:block;
	
}
.logo {
	padding:0;
}
.header-search, .header-transparent.sticky .header-search {
	margin-top:18px;
}
/* Well wisher message centering */
.single-testimonial.style-1 {
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.header.style-1.sticky .logo span, .header-transparent.sticky .logo span {
	width:250px;
	height:54px;
	background-image:url('../images/logo/logo-right.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
	display:block;
}
/* Event carousel nav stle */
/*Home*/
.event-active .owl-nav div {
	width: 40px;
	height: 40px;
}
/*Gallery*/
.gallery-slider .owl-nav div {
	width: 20px;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 50%;
}
.owl-nav div {
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	font-size: 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.owl-nav .owl-next {
	left: auto;
	right: 0;
}
.owl-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.owl-nav .owl-prev:hover, 
.owl-nav .owl-next:hover {
	background: #962F34;
	color: #FFFFFF;
}
/*Make menu sticky */
.top-header.style-1 {
	position:fixed;
	top:0;
	z-index:2;
	width:100%;
	overflow:hidden;
}
.fixedAtTop {
	position:fixed;
	top:52px;
	z-index:2;
	width:100%;
	background:#FFF;
	-ms-transition:all 2s;
	-moz-transition:all 2s;
	-webkit-transition:all 2s;
	transition:all 2s;
	-ms-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
@media only screen and (max-width:576px) {
	.fixedAtTop {
		top:0;
	}
}
.slider-section {
	/*margin-top: 140px;*/
	margin-top: 116px;
}
@media only screen and (max-width:576px) {
	.slider-section {
		/*margin-top: 86px;*/
		margin-top: 64px;
	}
} 
/* About us parallax effect*/
.about-us {
	background-image: url(../images/new/NCL.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.theme-color, button, a.play-btn:hover, a.more-btn-black:hover, .btn.blue-btn:hover, a:focus, a:hover, .demo-box h3 a:hover, a.more-btn-black:hover::before, a.more-btn-gray:hover, a.more-btn-gray:hover::before, .post.style-1 .post-meta span a:hover, .post.style-2 .post-meta span a:hover, .post.style-3 .post-meta span a:hover, .post.style-1 .post-title a:hover, .post.style-2 .post-title a:hover, .post.style-3 .post-title a:hover, ul.list.style-1 li a:hover, ul.list.style-2 li a:hover, ul.list.style-1 li a:hover::before, ul.list.style-2 li a:hover::before, .login-signup h3 a:hover, .widget ul.widget-list li:hover a, .comment .comment-meta span a:hover, .comment .comment-meta span i.fa:hover, .contact.style-2 a.submit-btn:hover, .contact.style-1 ul.contact-info li .con-icon i.fa, .contact.style-3 .contact-info .con-icon i.fa, .footer-widget ul.widget-list li a:hover::before, .footer-widget ul.widget-list li a:hover, .demo-features:hover > i.fa, .main-menu li .mega-menu ul li a:hover {
    color: #963034;
}
/* Custom font awesome */
.business-icon {
	background-image: url(../images/custom-fa/business.html);
	background-size:100% 100%;
}	
/* Media queries for different devices */
@media only screen and (max-width: 1200px) {
	.activity-text {
		padding-top:30px;
	}
}
@media only screen and (max-width: 992px) {
	.activity-text {
		padding-top:15px;
	}
}
@media only screen and (max-width: 768px) {
	.activity-text {
		padding-top:0;
	}
}
@media only screen and (max-width: 576px) {
	.activity-text {
		padding-top:0;
	}
}
/*
	Gallery page design
*/
/* Top image maken dark */
.dark-overlay {
	position:relative;
}
.dark-overlay::before {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.9);
}
.dark-overlay-hover {
	position:relative;
}
.dark-overlay-hover:hover::before {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.5);
}
/* Albums design */
.head_padding{
	padding-top:210px;
}
.album_title{
	position: absolute;
	bottom: 0;
	color: white;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	padding:5px;
	background-color:#0000005c;
	display:block;
	width:100%;
}
.single_gallery {
	padding:0;
	border-radius: 1%;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #dee2e6;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(68,68,68,0.18);
	-moz-box-shadow: 0px 0px 5px 0px rgba(68,68,68,0.18);
	box-shadow: 0px 0px 5px 0px rgba(68,68,68,0.18);
}
.single_gallery>div:first-child {
	position:relative;
	width:100%;
	padding-bottom:60%;
}
.single_gallery .post-thumbnail img:hover {
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5) !important;
}
.single_gallery .post-thumbnail img {
	position: absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
}
.ult-responsive div h3 {
    padding-left:0 !important;
    padding-right:0 !important;
}
/*Responsiveness of menu in tab */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .full-width {
        width:100%;
    }
    .small-logo {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .large-menu {
        flex: 0 0 85%;
        max-width: 85%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
    .login-tab {
        left: 75% !important;
        top: -25px !important;
    }
}