@charset "utf-8";
/* Custom Styles for Elle Bee website created by Monsters Edge */

/* FONTS */
body { color: #fff; font-family: 'adelle', sans-serif; font-weight: 400;}

h2 { color: fff; font-size: 40px; line-height: 40px; text-transform: uppercase; padding: 0 0 30px 0; border-bottom: 1px solid #fff; display: inline-block; margin: 0 0 55px 0; letter-spacing: 5px;}
h3.purple { color: #5e0d8b;}
.shadow { text-shadow: 3px 3px #000;}

/* Header Styles */
#header { background-image: url("../images/main-bg-new.jpg"); background-attachment: fixed; background-size: cover; background-position: top center;} 
#header #logo { margin: 180px 0 50px 0;}
#header #btn-single { display: block; background: #f70708; color: #fff; text-align: center; padding: 15px 0; text-transform: uppercase; font-size: 22px; line-height: 27px; margin: 0 0 15px 0; max-width: 500px;}
/*#header #btn-single:hover { background: #b41c1c;}*/
#header #btn-scroll { display: block; background: #05acd9 url(../images/scroll-arrow.png) 90% 24px no-repeat; color: #fff; text-align: center; padding: 15px 0; text-transform: uppercase; font-size: 22px; line-height: 27px; max-width: 500px;}
#header #btn-scroll:hover { background: #1c829d url(../images/scroll-arrow.png) 90% 24px no-repeat;}
#header .container { height: 2000px; position: relative;}
#header .container #movies-title { position: absolute; bottom: 0; left: 0;}
#header #social { background-color: rgba(255,255,255,0.7); max-width: 500px; padding: 15px 4px; text-align: center;}
#header #social ul { list-style: none; padding: 0; margin: 0}
#header #social ul li { display: inline-block; margin: 0 6px;}

/* Carousel Styles */
.slider { margin: 185px 0; font-size: 40px; color: #fff; text-transform: uppercase;}
#carousel-joins { color: #5e0d8b; font-size: 72px; line-height: 72px; margin: 50px 0 0 0;}
#carousel-joins .carousel-inner { background: rgba(255,255,255,0.6); border-radius: 25px;}
#carousel-joins .carousel-inner .item { padding: 35px;}

/* Movies/TV Styles */
#media { background: #000;}
#media .media-item { display: block; position: relative;}
#media .media-item .title { color: #fff; display: block; background: rgba(41,41,41,0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 36px; text-transform: uppercase; letter-spacing: 5px; transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s; -moz-transition: all 2s ease 0s;} 
#media .media-item:hover .title {background: rgba(41,41,41,0);}

/* News Styles */
#news { border-top: 1px solid #fff; background: #8446ad; padding: 70px 0 0 0;}
#news article { font-size: 20px; line-height: 30px; padding: 0 0 30px 70px; background: url(../images/news-line.png) 0 8px no-repeat;}
#news article .article-title { text-transform: uppercase;}
#news .more { display: inline-block; background: #8850af; color: #fff; font-size: 26px; line-height: 26px; padding: 20px 100px; font-weight: 700; margin: 80px 0 0 0;}
#news .more:hover { color: #ae74d4;}

/* Gallery Styles */
#gallery { background: url("../images/gallery-bg.jpg") top center repeat-x; padding: 70px 0 0 0; height: 550px;}
.owl-theme .owl-controls .owl-buttons .owl-prev { background: url(../images/arrow-left.png); width: 23px; height: 40px; display: block; position: absolute; top: 38%; left: -20px;}
.owl-theme .owl-controls .owl-buttons .owl-next { background: url(../images/arrow-right.png); width: 23px; height: 40px; display: block; position: absolute; top: 38%; right: -20px;}
#gallery .item img { max-width: 336px;}

/* Play Styles */
#play { background-image: url("../images/play-bg-new.jpg"); background-attachment: fixed; background-size: cover; background-position: top center;}
#play table { height: 875px;}
#play table h2 { color: #ffff00; font-size: 68px; line-height: 68px; padding: 0; margin: 0 0 45px 0; border: none;}
#play table p { font-size: 24px; text-transform: uppercase;}
#btn-play { display: inline-block; width: 125px; height: 125px; background: url(../images/btn-play.png) 0 0 no-repeat; margin: 50px 50px 0 0;}
#btn-pause { display: inline-block; width: 125px; height: 125px; background: url(../images/btn-stop.png) 0 0 no-repeat; margin: 50px 0 0 0;}

/* News Styles */
footer { color: #5e0d8b; font-size: 18px; text-transform: uppercase; padding: 60px 0;}
footer a { color: #5e0d8b;}
footer a:hover { color: #ff0000;}

/* Facebook Styles */
#facebook { padding:50px 0;}
#facebook h2 { color: #5e0d8b; font-size: 40px; line-height: 40px; text-transform: uppercase; padding: 0 0 30px 0; border-bottom: 1px solid #5e0d8b; display: inline-block; margin: 0 0 55px 0; letter-spacing: 5px;}

/* Link Styles */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; text-decoration: none;}
a:hover { text-decoration:none;}
a:focus { outline: none; text-decoration:none;}

/* Additional Classes */
.alpha { margin-left:-15px; margin-right:15px;}
.omega { margin-right:-15px; margin-left:15px;}
.noPad { padding: 0;}
.padTB20 { padding: 20px 0;}
.visible-phone { display: none;}
.hidden-phone { display: block;}
.modal-title { color: #999; font-size: 22px; text-transform: uppercase;}
.modal-title span { color: #ff0000;}
.modal-content { border-radius: 0; padding: 40px;}
.modal-header { border: none;}
#contact-form label { color: #999; font-size: 14px; text-transform: uppercase; font-weight: normal; display: block; padding: 0 0 5px 15px;}
#contact-form .form-control { border: none; background: #f2f2f2; width: 100%; border-radius: 0;}
#contact-form .btn { border: none; border-radius: 0; background: #ff0000; color: #fff; text-transform: uppercase; padding: 10px 20px; margin: 0 0 0 15px;}
#contact-form .btn:hover { background: #5e0d8b;}
.error { color: #ff0000;}

/* Navbar Styles */
.navbar { background:#040f21; border:none; border-radius:0;}
.navbar-collapse { padding:0; box-shadow:none;}
.navbar-nav li a { color:#cccccc !important; font-size:18px; text-transform:uppercase; font-family: 'Conv_corbel'; padding:15px 23px 18px 23px;}
.navbar-nav li a:hover, .navbar-nav li.active a { color:#ffd201 !important; background:#040f21 !important;}
.navbar-nav .open a { color:#cccccc !important; background:#040f21 !important;}
.navbar-nav .dropdown-menu { background:#040f21; border-radius:0;}
.navbar-nav li ul.dropdown-menu li a { padding:5px 23px; font-size:15px;}
.navbar-nav li.active ul.dropdown-menu li a { color:#cccccc !important;}
.navbar-nav li.active ul.dropdown-menu li a:hover { color:#ffd201 !important;}
.navbar-header { border:none;}
.navbar-nav li.dropdown:hover .dropdown-menu { display:block;}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
    #header #logo { margin: 50px 0 50px 0;}
    #header .container { height: 2100px;}
    #carousel-joins { font-size: 52px; line-height: 52px;}
    #media .media-item .title { font-size: 20px;} 
    #header #social ul li a img { height: 27px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #header .container { height: 2000px;}
    #header #btn-scroll { background: #05acd9 url(../images/scroll-arrow-mobile.png) 92% 30px no-repeat; font-size: 20px;}
    #header #btn-scroll:hover { background: #1c829d url(../images/scroll-arrow-mobile.png) 92% 30px no-repeat;}
    #carousel-joins { font-size: 42px; line-height: 42px;}
    #media .media-item .title { font-size: 14px;} 
    #header #social ul li a img { height: 20px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
    #header { background-image: url("../images/main-bg-mob-new.jpg"); background-size: cover; background-position: top right; background-attachment:scroll;}
    h2 { font-size: 30px; line-height: 30px; margin: 0 0 25px 0;}
    #header #logo { margin: 20px 0 40px 0;}
    #header #btn-single { font-size: 16px; line-height: 20px;}
    #header #btn-scroll { background: #05acd9 url(../images/scroll-arrow-mobile.png) 90% 22px no-repeat; font-size: 16px; line-height: 20px;}
    #header #btn-scroll:hover { background: #1c829d url(../images/scroll-arrow-mobile.png) 90% 22px no-repeat;}
    .slider { margin: 50px 0; font-size: 24px;}
    #carousel-joins { color: #5e0d8b; font-size: 22px; line-height: 22px;}
    #carousel-joins .carousel-inner { border-radius: 15px;}
    #carousel-joins .carousel-inner .item { padding: 15px;} 
    #media .media-item .title { font-size: 20px;}
    #news article { font-size: 16px; line-height: 26px; padding: 0 0 15px 70px;}
    #news .more { font-size: 20px; line-height: 20px; padding: 20px 80px; margin: 40px 0 0 0;}
    #gallery { height: 450px;}
    #btn-play { margin: 50px 5px 0 0;}
    #header #social ul li a img { height: 20px;}
    #play { background-image: url("../images/play-bg-mob-new.jpg"); background-size: cover; background-attachment: scroll; background-position: top left;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header .container { height: 1250px;}
}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .visible-phone { display: block;}
    .hidden-phone { display: none;}
    #header #btn-scroll { background: #05acd9 url(../images/scroll-arrow-mobile.png) 90% 22px no-repeat; font-size: 16px; line-height: 20px; text-align: left; padding: 15px 0 15px 30px;}
    #header .container { height: 1000px;}
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}