@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
@import 'https://fonts.googleapis.com/css?family=Lobster+Two:400,700';

* { box-sizing:border-box; -webkit-box-sizing:border-box; font-family: 'Open Sans', sans-serif;}

body { background:url(../images/bg.jpg); background-attachment:fixed; overflow-x:hidden;}

.nopadding { padding:0;}

.nomargin { margin:0;}

.topbar { background:#2a2b2c; color:#fff;}

.topbar p { margin:10px;}

.left { float:left;}

.right { float:right;}

.social { padding:0; list-style:none; float:right; margin: 0;margin-top: 5px;}

.social li { float:left; margin:4px 6px;}

.social li a { color:#fff;}

.logo { padding:15px 0px;}

.logo h3 { margin:0;}

.logo h3 span {    line-height: 3; margin-left:20px;
    font-family: 'Lobster Two', cursive;
    font-size: 32px;}

.ticket img { max-width:200px; float:right; margin-top:15px; margin-right:30px;}

@media (min-width: 1200px) {
.container {
    width: 1200px !important;
}
}

@media (min-width: 768px) {
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}

}

.navbarblack { background:#000;}

.navbar-nav > li > a {
    font-size: 18px;
    color: #fff;
    padding: 14px 20px !important;
    border-right: 2px dotted #504f4f;
	}

#bs-example-navbar-collapse-1 > ul > li:last-child > a { border:none;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #000;
}

.dropdown-menu > li > a {
    padding: 10px 20px;
}

.nav .open > a, .nav .open > a:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
    color: #000;
}

.navbar {
    margin-bottom: 0px !important;
}

.flex-viewport {
    max-height: 450px !important;
}

.flexslider {
    margin: 0 0 30px !important;
    background: #fff;
    border: 0px solid #fff !important;
    margin-top: 173px !important;
}

.flex-direction-nav a {
    line-height: 1;
}

.flex-active-slide > img { height:100% !important;}

.navbar-toggle .icon-bar {
    background: #fff;
}

.poster { max-width:180px; height:auto; margin:5px 10px 10px 0px;}

#content1 > div > div.col-md-8 > div.col-md-8 > p { margin-left:15px;}

p { color: #000; font-size: 17px;}

.heading { font-size:34px; padding-bottom:10px; border-bottom: 3px dotted #03F;}

#content1 { margin-bottom:0px;}

.m-left15 { margin-left:15px;}

.m-top15 { margin-top:15px;}

.m-btm15 { margin-bottom:15px;}

.m-btm30 { margin-bottom:30px;} 

.p-right0 { padding-right:0;}

.p-left0 { padding-left:0;}

.padding15 { padding:15px;}

hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 30px !important;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.slide { border:1px solid #999;}

.slide h4 { text-align:left; font-weight:bold;}

.slide p { text-align:left; color:#000;}

.bx-wrapper {
    border: none !important;
}

@media screen and (max-width: 990px) {
	
	.bx-wrapper {
    border: 5px solid #fff !important;
	}
	.slide { border:1px solid #fff;}
	
	}

.bg-white { background:#fff;}
header { position: fixed; z-index:10000; background:#fff; width:100% !important; }

.img-show { max-width:100%; height:185px; overflow:hidden;}

.img-show img { height:100%;}

.bx-wrapper img {
    max-width: 280px !important;
    display: block;
}

@media screen and (max-width: 405px) {
	
.bx-wrapper img {
    max-width: 100% !important;
    display: block;
}
	
	}

@media screen and (max-width: 992px) {
	
	#content1 > div > div:nth-child(2) { margin-bottom:15px;}
	
	}


#slider {/* padding-top: 10px;*/}

.wrapper { margin:0 auto; background:#fff; /*max-width: 1024px; width:100%;*/ border: 3px double #e2e1e1; border-bottom:none; box-shadow: 0 0 10px #ccc;}


.twitter { height:200px !important; overflow:auto;}

footer { background:#0e0e0e; padding:20px 0px; /*margin-top:30px;*/}

footer h3 { color:#fff; font-weight:bold;}

footer ul { list-style:none; padding-left:5px;}

footer ul li { margin:7px; color:#fff; font-size:16px;}
footer ul li a { color:#fff; transition:all linear 0.5s; -webkit-transition:all linear 0.5s;}
footer ul li a:hover { color:#09F; text-decoration:none; padding-left:10px;}

.ticket-footer { margin-top:15px; margin-left:65px;}

#copyright { padding:5px; background:#000;}

#copyright p { color:#fff; margin-top:10px;font-size: 15px;}

.topbar p { color:#fff;}

.dropdown-menu > li > a {
    color: #000;
    font-size: 16px;
}

@media screen and (max-width: 748px) {
.ticket img {
    max-width: 170px;
    float: none;
}
.sticky .logo img { max-width:100px;}
#content1 > div > div:nth-child(4) { margin-top:20px;}

}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
    color: #fff;
}
.sticky .logo span {display:none;}
.logo h3 span {
    line-height: 1;
    /* margin-left: 20px; */
    font-family: 'Lobster Two', cursive;
    font-size: 32px;
}
}

.btn-blue { background:#2196F3; color:#fff; border-radius:0;}

.btn-blue:hover { background:#fff;  outline:2px solid #2196F3; color:#2196F3;}

.sticky {
            position: fixed; z-index:500; background:#fff; width:100% !important;
			 transition:all linear 0.50s; -webkit-transition:all linear 0.50s; box-shadow:0 0 10px #000;
        }

.sticky .topbar { display:none;}

.sticky .logo img { max-width:150px;}



.sticky .ticket img { max-width:150px; float:right; margin-top:15px; margin-right:30px;}

.social-footer { list-style:none; padding:0; perspective:1000px;}

.social-footer li { float:left; margin:5px;}

.social-footer li img { max-width:30px; transform:rotateY(0);transform-style: preserve-3d;transition: all linear 0.6s;}

.social-footer li img:hover { transform:rotateY(180deg);}

#content1 > div > div:nth-child(3) > h2 { margin-top:0;}

.imghvr-blur h3 {
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    padding: 170px 50px;
    font-size: 35px;
    display: block;
    margin: 0;
}

.imghvr-blur:hover h3 { display:none;}	

@media screen and (max-width: 992px) {
	
	.social {
    padding: 0;
    list-style: none;
    float: none;
    margin: 0;
}	
	
}

#fb:hover { color:#006; background: #fff; border-radius:100%; height:24px;}

#twt:hover { color:#09F; background: #fff; border-radius:100%; height:24px;}

#gplus:hover { color:#C00; background: #fff; border-radius:100%; height:24px;}

#linkdin:hover { color:#069; background: #fff; border-radius:100%; height:24px;}

@media screen and (max-width: 1218px) {
	
	.navbar-nav {
    float: none;
    margin: 0;
    }
	
	
	}
	
@media screen and (max-width: 768px) {
	
	.ticket-footer {
    margin: 0 auto;
}
	
	}
	
#back-to-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 800;
    width: 117px;
    height: 82px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: none;
}
#back-to-top.show {
    opacity: 1;
}

#back-to-top img { width:75px; box-shadow:0 0 10px #000; border-radius:100%;}


#content {
    height: 2000px;
}


@media screen and (max-width: 425px) {

.flexslider {

    margin-top: 270px !important;
}

} 

/*breakpoint990*/


/*@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/

@media screen and (max-width: 992px) and (min-width: 766px) {

.navbar-nav > li > a {
    font-size: 17px;
    color: #fff;
}

}

.logo img { max-width:200px;} 


.flex-control-nav {
    bottom: 0px !important;
}

.sub-menu { list-style:none; padding:0; padding-top:30px; }

.sub-menu li {text-align: right; padding:12px 15px;transition:all linear 0.5s; -webkit-transition:all linear 0.5s;}

.sub-menu li a { font-size:22px; color:#000;}

.sub-menu li a i { margin-left:8px;transition:all linear 0.5s; -webkit-transition:all linear 0.5s;}

.sub-menu li:hover a i { margin-left:20px;}

.sub-menu li:hover a { text-decoration:none;}

.sub-menu li:hover { background:#F0F0F0;}

.picture-list { list-style:none; padding:0;}

.picture-list li { float:left; margin:10px;}

.picture-list li .pic { width:190px; height:160px;}

.picture-list li .pic:hover { box-shadow: 0 0 8px #000;  border: 1px solid #636161;}

.picture-list li .pic a img { max-width:100%; height:100%;}

.box { margin:10px; background:#aba9a9; color:#fff; padding:15px;}
.box p { color:#fff;}
.box h3 { text-align:center;}

.social2 { list-style:none; padding:0; margin:20px 0px; overflow:auto;}

.social2 li { float:left; margin:5px;}

.social2 li img { max-width:55px; transition: all linear 0.6s;}

.pro-img {  overflow: hidden;  width: 50%;  float: left; height: 130px;}

.pro-img img { width:100%;}

.bg { background:url(../images/lk.jpg); background-attachment:fixed;padding-top:210px;    background-size: contain;}

.bg h1 { text-align:center; padding-top:20px; padding-bottom:70px;font-size: 47px; color:#fff; text-shadow: 0 0 5px #000;}

.pbtm20 { padding-bottom:20px;}

.btn-black { background:#000; color:#fff; border-radius:0;}

.address { padding-left:5px; list-style:none; padding-top:30px;}

.address li { padding:10px; font-size:18px;}

.btn-black:hover { background:#fff; color:#000; outline:2px solid #000;} 

.active {
    background: #fff;
    color: #000;
}

.active a { color:#000 !important;}


