/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	color: #333;
}

.img-portfolio {

}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
	height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

.navbar-inverse .navbar-brand {
	color: #9d9d9d;

}
.container>.navbar-header {
  /*
  margin-right:-15px;
  margin-left:-15px;
  */
  margin-right:0px;
  margin-left:0px;
}
.show-image {
	margin-top:10px;
	width: 117px;
  /*
	height: 20px;
  */
  height: 40px;
	background: url(../img/nav-bar-logo.png) no-repeat;
}

.hide-text {
  text-indent: -9999px;
  /*text-indent: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  */
}
/*
#body_films {font-family: 'Raleway-Medium', sans-serif;}
#body_films {	 font-family: "Raleway";
	 font-weight: 100;
	 font-style: normal;
	 font-size: 14px;
	 line-height: 26px;
	 }
*/
#body_what {font-family: 'Raleway', sans-serif;
/*
background-color: gray;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
*/
/*
background-color: gray;
background-image: repeating-linear-gradient(135deg, transparent, transparent 560px, rgba(255,255,255,.5) 560px, rgba(255,255,255,.5) 1120px);
*/

}
#bkg-striped {
	
	background-color: #e92c3e;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 560px, rgba(255,255,255,1) 560px, rgba(255,255,255,1) 1120px);
	
	/*
	background: repeating-linear-gradient(135deg, 
	  #e92c3e, #e92c3e .25em /* red stripe */, 
	  #ffffff 0, #ffffff .75em /* white stripe */
	);
	*/
}
#bkg-striped2 {
	background-color: #FFF;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 560px, rgba(233,45,63,1) 560px, rgba(233,45,63,1) 1420px);
}
.hr_th_black {margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #000;}
.hr_th_red {margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #e92c3e;}
.hr_th_white {margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #fff;}
.grid-red {background-color:#e92c3e; color: #fff;}
.what-btn-buy-ticket {background-color: #fff; color: #e92c3e; padding-left: 5px; padding-right: 5px; font-size: 20px; font-weight:800;}
.what-btn-buy-ticket:hover {background-color: #000; color: #fff; text-decoration: none; }
.what-btn-film {background-color: #e92c3e; color: #fff; padding-left: 5px; padding-right: 5px; font-size: 20px; font-weight:800;}
.what-btn-film:hover {background-color: #000; color: #fff; text-decoration: none;}

#ticketed-films {padding-top: 40px !important;}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #000;
  background-color: transparent;
}
.navbar-nav {/* font-weight: bold; */}

/* set color of top navbar */
.navbar-inverse .navbar-nav>li>a {color:#333;}

/* buy ticket nav bar */
.navbar-nav>#nav_tickets>a {color: #fff;}
.navbar-nav>#nav_tickets>a:hover {background-color:black;}

/* "gray out/disable" items on nav bar */
/*.navbar-nav>#nav_events>a {color: #999;}
.navbar-nav>#nav_events>a:hover {background-color:white;}

.navbar-nav>#nav_schedule>a {color: #999;}
.navbar-nav>#nav_schedule>a:hover {background-color:white;}
*/

/* enabled links */
.navbar-nav>li>ul>#nav_events>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_schedule>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_map>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_about>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_hotels>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_parking>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_policies>a:hover {background-color:red; color: #fff;}

.navbar-nav>li>ul>#nav_faq>a:hover {background-color:red; color: #fff;}

/*
.navbar-nav>#nav_exhibitors>a {color: #000;}
.navbar-nav>#nav_exhibitors>a:hover {background-color:#FF0004;color: #FFFFFF;}
.navbar-nav>#nav_exhibitors>a:active {background-color:white;}
*/

.not-active {
 pointer-events: none;
 cursor: default;
}

/*.navbar-nav>li>a {padding-left:10px; padding-right:10px;}*/

/* alt nav bar for sm visibility */

.navbar-alt-vis-sm {}
.navbar-brand-alt {padding-left: 0; padding-right:0;}
.nav-alt-ul-vis-sm {}
.nav-alt-ul-vis-sm>li>a {padding-left:5px; padding-right:5px; font-size: 13px;}
}
/* collapse button */
#bs-example-navbar-collapse-1 { background-color: black;}
.navbar-inverse .navbar-toggle { background-color: black;}

/* movie rating and subtitle info */
.rating {}
.film-copyright {font-size: 9px; color: #999; font-style: italic;}

.well { background-color:#e1e1e1; }
.guest-schedule {padding:10px;}
.dl-horizontal dd  {margin-left:200px;}
.dl-horizontal dt {width: 180px;}

/*what is akibafest list */
.what-enjoy-checklist {padding-left: 17%;}
.what-enjoy-checklist div.media-body {font-size: 19px;}
/*
.what-enjoy-checklist dd {margin-left:60px; font-size: 18px;}
.what-enjoy-checklist dt {width: 50px; }
img.no-resize {
  min-height: 40px;
  min-width: 50px;
}
*/
.btn-default {
	/*
	background-color: #FFF;
	color:#fff;
	*/
}
/* rules & regulation button */
.rules-link {background-color:#ebebeb;}
.rules-link:hover {background-color:black !important; color: #FFF !important;}

.hr_th_grids {margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #A39898;}
.featured-film-grid {background-color: #EEEEEB;}
.evt_date {color: #666;}
.evt_loc {color: #666;}
.buy_tix_link1 {background-color: red; color: white; padding: 0px 4px 0px 4px;}
.buy_tix_link1:hover {background-color:black;}
.buy_tix_link2:hover {background-color:black;}
.what-activities {font-weight:800;font-size:20px; color: #000;}

.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad;}
/* Responsive Styles */
.btn-tix {background-color: #FF0004;}

.trailer-wrapper_featured {
	padding: 20px 40px 20px 40px;
}

.trailer-wrapper {
	padding: 20px 40px 20px 40px;
}
/* guests */
.guests-schedule-divider {padding-top: 0px; padding-bottom: 0px; margin: 0; }

/* schedule */
.fa-calendar {color:red;}
.schedule-tab-picker { color: red; font-size: 20px;}
.schedule-message {font-size: 20px; padding:10px; color: #666; }
.sg-video-container {padding-top: 30px;}

/*adjusting anchor tags offset for top sticked menu */
a.anchor {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}
/* offset anchor for guest page */
a.anchor-guest {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}
.guest-section-first { padding-top: 100px; }


/*
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
/* margin:-90px 0 0; /* /* negative fixed header height */
/*
}
*/
.stuck {
  position:fixed;
  /* top:0; */

  /* use offset if nav bar already exists on top */
  top: 60px;
  
  /* center sticky if needed - sometimes required in non-bootstrap situations */
  /*
  left: 50%;
  margin-left: -311px;
  */
  /* alt centering method */
  /* margin-left: -375px; */ /* Negative half of width. */
  z-index: 250;
}
.sticky {
  position: fixed;
  top: 0;
  /*offset top to place beneath top menu bar*/
  top:-200px;
  background-color: yellow;
}
nav {
  
}
#nav-background-sticky {
    position:fixed;
    top: 0;
    margin: 0;
    padding: 0;
    height: 280px;
    /*
    height: 140px;
    */
    /*
    height: 330px;
    */
    width: 100%;
    background-color: red;
    z-index: 200;
}

/* back to top button - fade in after delay near bottom of page */
.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  /* background-color: rgba(235, 235, 235, 0.80);
  */
  background-color: rgba(233, 45, 63, 1);
  color:#fff;
  font-size: 12px;
  padding: 1em;
  padding-right:25px;
  display: none;
}

.back-to-top:hover {    
    /*
    background-color: rgba(135, 135, 135, 0.50);
    */
    background-color: #000;
    color:#fff;
}
.back-to-top:active { color:#fff; }
.back-to-top:link { color:#fff; }

/*events */

.event-time {color: #666; font-weight: bold;}
.event-loc {color:#666; font-size: 17px; font-style: italic;}
.event-section-header-first {}
.event-section-header {padding-top:50px; }
.events-details-rules p {font-size: 14px; color:red;}
.events-details-rules ol li {font-size: 12px;}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


/* hotels */
.hotel-intro {font-size: 20px; padding-bottom: 20px;}
.hotel-section {padding-top:20px; padding-left: 25px; padding-right: 25px;}
.hotel-section>.section-text {padding-top:40px;font-size: 18px; line-height: 1.5em;}
.hotel-btn-reseve {background-color: #e92c3e; color: #fff; padding-left: 10px; padding-right: 10px; font-size: 18px; }
.hotel-btn-reserve:hover {background-color: #000; color: #fff; text-decoration: none;}

/* info/map */

.venue-map-sections, .venue-map-sections-last {padding-top:20px; padding-bottom: 20px;}
.venue-map-sections-last {padding-bottom: 70px;}

/* FAQ */
.faq-section-headers {font-size: 24px;  color:red; padding-top: 20px; padding-bottom:20px;}
.faq-question {  font-size: 20px; color: #000;   }
.faq-answer {  font-size: 14px; padding-bottom: 30px; }

/* fix for magnific-popup for transparent png -- so background doesn't show as grey */
.mfp-figure:after {
content:'';
position:absolute;
left:0;
top:40px;
bottom:40px;
display:block;
right:0;
width:auto;
height:auto;
z-index:-1;
box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
background:#444444; 
opacity: 0;

/* hover effect ! */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
	height: 70%;
    }

}
@media(min-width:768px) {
	.navbar-nav>li>a {
		padding-right: 0px; padding-left: 0px;
	}	
}

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar-nav>li>a {
		padding-right: 0px; padding-left: 0px; color: red;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}