/*custom css*/
body{
	margin:0;
	padding:0;
	font: 300 16px/26px "Roboto" !important;
}

header{
    background:#000;
}

	#set_menu{
	    float: right;
	}

	.brand{
    	color: #f00;
	}

	.nav-item a.nav-link{
	    color: #fff !important;
	    padding: 10px 15px !important;
	}

	li.nav-item.active a {
	    color: #f00 !important;
	}

	.top-detail{
		color:#fff;
		margin:10px 0;
	}

	#set_menu li a:hover {
	    color: #ef0000 !important;
	}


.slider-set {
    position: absolute;
    top: 0;
}

	.carousel-caption h2 {
	    font-size: 70px;
	}

	.carousel-caption h3 {
	    font-size: 55px;
	}

	/*curtain*/
	img.curtain{
		height:650px;
		z-index:99;
	}

	img.curtainLeft{
		position:absolute;
		left:0px;
	}

	img.curtainRight{
		position:absolute;
		right:0px;
	}

	.curtain_wrapper{
		width:100%;
		height:650px;
		position:relative;
		overflow:hidden;
		color:white; 
		background:black;           
	}
	.content{
		position:relative;
		width: 100%; 
		margin:0px auto;
		display:none;
	}

	.description{
		position:absolute;
		top:0px;
		z-index:100;
		padding:5px; 
		text-align:center;
		font-size:15px;
		background:#eee;
		border:1px solid #ccc;
		border-left:0px;
		border-top:0px;
		color:black;
	}

#about h1, #gallery h1{
	font:600 45px "Playfair Display";
	color: #a10606;
}

	.btn-about {
	    background: #a10606;
	    color: #fff;
	    border-radius: 50px;
	    padding: 10px 25px;
		border:1px solid #a10606;
		transition:all ease-in-out .6s;
	}

	.btn-about:hover{
		background: #fff ;
	    color: #a10606;
	}

	.about-img{
		box-shadow:0 10px 15px 0 rgba(51, 51, 51, 0.45);
		position:relative;
	}

	.about-img-2 {
	    position: absolute;
	    bottom: -30px;
	    left: -40px;
	    z-index: -1;
	    box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.45);
	}

	.about-img-2 img{
		max-width:300px;
	}

	.content-inner{
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 30px;
	    -webkit-transition: all 0.35s;
	    -o-transition: all 0.35s;
	    transition: all 0.35s;
	}

	.content-inner::before{
		content: '';
	    border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    opacity: 0;
	    position: absolute;
	    top: 30px;
	    right: 30px;
	    bottom: 30px;
	    left: 30px;
	    -webkit-transform: scale(0, 1);
	    -ms-transform: scale(0, 1);
	    -o-transform: scale(0, 1);
	    transform: scale(0, 1);
	    -webkit-transition: all 0.35s;
	    -o-transition: all 0.35s;
	    transition: all 0.35s;
	}

	.content-inner:hover::before {
		opacity: 1;
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}

	.movie-img{
		position:relative;
	}



footer{
	background:url('../img/footer-bg.png');
	color:#fff;
	font-size:14px;
	line-height:24px;
	background-size:cover;
}

	.footer-overlay{
		background:rgba(0,0,0,.7);
	}

	footer h4{
		font:400 24px "Oswald";
		margin-bottom:20px;
		text-transform:uppercase;
	}

	footer input{
		border-top: none;
	    background: transparent;
	    border-right: none;
	    border-left: none;
	    color: #fff;
	    max-width: 240px;
	    width: 100%;
	}

	footer a{
		display:block;
		color:#fff;
		line-height:26px;
		transition:all ease-in-out .6s;
	}

	footer a::before{
		content:"\f0da";
		font-family:"FontAwesome";
		margin-right:10px;	
	}

	footer a:hover{
		color:#a10606;
		text-decoration:none;
		margin-left:10px;
	}


	.copyright{
		padding:15px 0;
		border-top:1px solid #f1f1f1;
		color:#fff;
		background:#000;
		font-size:12px;
	}

	.copyright i {
	    border-radius: 50%;
	    border: 1px solid #fff;
	    width: 25px;
	    height: 25px;
	    padding: 5px 0;
	    text-align: center;
		transition:all ease-in-out .6s;
	}

	.copyright i:hover{
		color:#a10606;
		border: 1px solid #a10606;
		transform:rotate(360deg);
	}

	footer .btn-subscribe{
		background:#fff;
		color:#000;
		margin:10px 0;
		border-radius:0;
	}

.services h2{
	font:600 40px "Playfair Display";
	color: #000;
}

	.service-content {
	    padding: 18px 15px;
	    border-top: 10px solid #fff;
		position:relative;
		min-height: 195px;
	}

	.service-content h4{
		font:400 24px 'Oswald';
		text-transform:uppercase;
	}

	.service-content p {
	    max-width: 82%;
	    font-size: 15px;
	    line-height: 22px;
	    margin-bottom: 0;
	}

	.service-content i {
        position: absolute;
        right: 12px;
        top: 12px;
        font-size: 30px;
        color: #ccc;
        transform: rotate(-29deg);
    }
    
    .service-box img{
        margin-top: 15px;
    }

.title-header, #testimonial{
	background:url('../img/header-title.png');
	background-position:center;
	background-size:cover;
}

	.title-overlay, .testimonial-overlay{
		background:rgba(0,0,0,.7);
	}

	.title-header h1, #testimonial h1{
		font:600 45px "Playfair Display";
		color: #fff;
	}

.event h1{
	font:600 45px "Playfair Display";
	color: #000;
}

nav.breadcrumb {
    background: transparent;
    text-align: center;
    display: inline-block;
}

	nav.breadcrumb a{
		color: #fff;
	}

	.breadcrumb-item.active {
	    color: #6868ff !important;
	}

	#myCarousel .carousel-indicators{
		display: none;
	}

#testimonial{
	color: #f2f2f2;
}

	#testimonial img{
		display: block;
		border-radius: 50%;
		float: right;
		max-width: 100px;
		border:2px solid #fff;
	}

	#testimonial h6 {
	    color: #0505d1;
	    text-transform: uppercase;
	}

.gallery-sec{
	position: relative;
	transition: all ease-in-out 1.5s;
}

	.gallery-sec::before{
		content: "";
		width: 0;
		height: 100%;
		position: absolute;
		background: rgba(0,0,0,.6);
		transition: all ease-in-out 1.5s;
	}

	.gallery-sec:hover::before{
		height: 100%;
		width: 100%;
		transition: width linear 1.5s;
	}

.event-box{
	border-bottom: 2px solid #999;
}

	.event-content{
		background: #fff;
	}

	.event-date{
		float: left;
		margin: 0 10px 0 0;
		font-size: 18px; 
		background: #a10606;
		color: #fff;
		padding: 2px 10px;
	}

	.event-date .date{
		display: block;
		border-bottom: 2px solid #fff;	
		font-weight: 500;
	}

	.event-date .month{
		font-size: 14px;
	}

	.text-grey {
	    color: #949292;
	    margin-top: 16px;
	}

	.btn-more {
	    background: #a10606;
	    color: #fff;
	    border-radius: 25px;
	    font-size: 14px;
	    padding: 8px 13px;
		border:1px solid #a10606;
		transition:all ease-in-out .6s;
	}

	.btn-more:hover{
		background: #fff ;
	    color: #a10606;
	}



.blog-content h4{
	text-transform: uppercase;
	font: 400 26px "Oswald";
}

.set-font {
    font-size: 90px !important;
}

.contact-detail i{
	color: #a80e0e;
}

.contact-form input.form-control{
	border-radius: 0;
	height: 45px;
}

.contact-form textarea{
	border-radius: 0;
}

.contact-form .social i{
	width: 40px;
	height: 40px;
	text-align: center;
	background: #ccc;
	padding: 13px 0;
}

.bg-white{
    background:#fff;
}

.contact{
	background: url('../img/world-map.png');
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.contact::before {
    background: rgba(255, 255, 255, 0.61);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

#set_menu .dropdown-menu {
    border-radius: 0;
    padding: 0;
    background: #a20707;
    margin: 0;
    border: none;
}

#set_menu .dropdown-menu a {
    padding: 8px 10px;
    color: #fff;
    border-bottom: 1px solid #ffffff4d;
}

@media (max-width: 768px){
	#set_menu{
		width: 100%;
	}
	
	.sticky-top{
		position:static !important;
	}

	.about-img img, .about-img-2 img{
		margin: auto;
		display: block;
		max-width: 100% !important;
	}

	.about-img{
		margin: 15px;
	}

	.about-img-2{
		position: static;
	}

	.content-inner{
		position: static;	
		display: none;	
	}

	.movie-img{
		margin-top: 10px !important: 
	}

	.service-content{
		border-top: none;
	}

	.gallery-sec::before{
		display: none;
	}
	
	.contact::before{
		position:static !important;
	}
	
	button.navbar-toggler.navbar-toggler-right {
		right: -35px;
		top: -40px;
		border-radius: 0;
		padding: 3px 8px;
	}
	
	#filters li span {
		padding: 5px 15px !important;
	}

}

@media (max-width: 580px){
	#testimonial img{
		float: left;
	}
	
	button.navbar-toggler.navbar-toggler-right {
		top: -45px;
		background: #ffffff !important;
		color: #fff;
		right:0;
	}

	.service-box img{
		display: block;
		margin: auto;
	}
}

@media (max-width:420px){
	#filters li span {
		padding: 5px 9px !important;
		font-size: 13px;
	}
}

.navbar-toggler-right{
	background: #f1f1f1 !important;
}

.event-content p {
    display: inline;
}