/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600);*/
*{ outline:none;}
html,body{ padding:0px; margin:0px; font-family:Raleway, Arial; font-size:15px;}
img{border:0px; max-width:100%;}

a{ text-decoration:none !important; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;}


ul{ padding:0px; margin:0px; list-style:none;}
.clear{ clear:both; overflow:hidden;}
p{ padding:10px 0; margin:0px; line-height:25px; font-size:16px;}
h2{ font-size:22px; padding:18px 0; margin:0px; color:#b94693; text-transform:uppercase;}
h3{ font-size:30px; padding:0 0 10px 0; margin:0px; text-align:center; text-transform:uppercase; border-bottom: 1px dashed #fff;}
h4{ font-size:20px; padding:0 0 10px 0; margin:0px; text-align:center; text-transform:uppercase; border-bottom: 1px dashed #fff;}



/* Preloader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: /*url('../images/preloader.gif') center no-repeat*/ #fff;}
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg);}}
@-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg);}}
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg);}}
.clock{ position:absolute; left:50%; top:50%; margin:-114px 0 0 -96px;}
.clock-dial { background: url('../images/loader-icon.png') no-repeat left top; position: relative; width:96px; height:114px;}
.clock-minute-hand { width: 2px; height: 32px; margin-left: 0px; position: absolute; top:30px; left: 50%; -webkit-animation: rotation 0.5s infinite linear; -moz-animation: rotation 0.5s infinite linear;	-o-animation: rotation 0.5s infinite linear; animation: rotation 0.5s infinite linear;}
.clock-minute-hand:before { content: ""; background:url('../images/clock-hand.png') no-repeat; width: 100%; height: 32px; top: 15px; position: absolute; }
.clock-hour-hand { width: 2px; height: 32px; margin-left: 0px; top:30px; position: absolute; left: 50%; -webkit-animation: rotation 5s infinite linear; -moz-animation: rotation 5s infinite linear; -o-animation: rotation 5s infinite linear; animation: rotation 5s infinite linear;}
.clock-hour-hand:before { content: ""; background:url('../images/clock-hand.png') no-repeat; width: 100%; height: 32px; top: 15px; position: absolute; }
.clock-nut { position: absolute; top: 45px; left: 50%; width: 2px; height: 2px; background-color: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}









#nomineeBOX{ position:fixed; right:0px; top:0px; overflow:hidden; width:111px; height:111px; z-index:999; }


#top-image { background:url('../images/bg.jpg') no-repeat center center; position:fixed; top:0; width:100%; z-index:-1; height:100%; background-size: 120%;}
#top-image2 { background:url('../images/bg-1.jpg') -5px -5px; position:fixed ; top:0; width:100%; z-index:-11; height:100%; background-size: calc(100% + 5px);}
#photo { position:fixed; top:0; width:100%; z-index:-1; height:100%; background-size: 60%; text-indent:-9999px;}
#photo2 { position:fixed; top:0; width:100%; z-index:-1; height:100%; background-size: 65%; text-indent:-9999px;}

#centerBOX{ position:relative; width:1024px; overflow:hidden; height:100%; margin:0px auto; z-index:2;}
#logoBOX{ position:absolute; bottom:0px; width:410px; left:12%; overflow:hidden; z-index:999999999999999999999;}

#sparkle{ position:relative; width:1024px; overflow:hidden; margin:0px auto; height:100%;}
.star { position: absolute; background: url('../images/logo-sparkle.png') no-repeat; background-size: contain; overflow: hidden;}
.star.star-1 { width: 50px; height: 34px; top: 19px; left: -5px; }
.star.star-2 { width: 83px; height: 77px; top: 25px; left: 40px; }
.star.star-3 { width: 64px; height: 70px; top: 0px; left: 72px;}
.star.star-4 { width: 68px; height: 70px; top: 25px; left: 102px;}
.star.star-5 { width: 83px; height: 77px; top: 50%; z-index:9999999999999999; left: 30%;}
.star.star-6 { width: 50px; height: 46px; top: 27%; z-index:9999999999999999; left: 42%;}
.star.star-7 { width: 83px; height: 77px; top: 37%; z-index:9999999999999999; left: 43%;}
.star.star-8 { width: 50px; height: 46px; top: 6%; z-index:9999999999999999; left: 50%;}



video{ padding:0px; margin:0px; height:113px;}
#rightNAV{ float:right; margin:45px 20px 0 0; overflow:hidden; width:200px; }
#rightNAV li{ position:relative; width:100%;}
#rightNAV li .poster1{ width: 100%; height: 113px; background-image: url(../images/thumb-1.jpg); background-size: 100%;}
#rightNAV li .poster2{ width: 100%; height: 113px; background-image: url(../images/thumb-2.jpg); background-size: 100%;}



#rightNAV li .icon{ content: ""; width: 100%; height: 120px; left: 0; margin: auto; position: absolute; right: 0; top: 0%; z-index:99; transition: all 500ms ease 0s; background-image: url("../images/sprite.png"); background-repeat:no-repeat; }
#rightNAV li .icon:hover{ background-position:-181px 0px;}

#rightNAV li.btn{ background:#c73d93; color:#fff; width:100%; font-size:20px; text-align:center; padding:10px 0; font-family: 'Oswald', Arial, sans-serif; text-transform:uppercase; font-weight:normal;}



.social{ clear:both; overflow:hidden; width:80%; padding:0px 0 10px 0; text-align:center; margin:auto;}
.social .div{ float:left; margin-right:10px; width:65px; height:57px; overflow:hidden; opacity:1;}
.social .div:hover, #rightNAV .social .div2:hover{ opacity:0.9;}
.social .div2{ float:left; width:65px; height:57px; overflow:hidden;}

.social2{ clear:both; overflow:hidden; width:142px; padding:15px 0 0 0; margin-right:25px; float:right;}
.social2 .div{ float:left; margin-right:10px; width:65px; height:57px; overflow:hidden; opacity:1;}
.social2 .div:hover, #rightNAV .social .div2:hover{ opacity:0.9;}
.social2 .div2{ float:left; width:65px; height:57px; overflow:hidden;}


#contentBOX{ width:83%; margin:0px auto 100px 16%; overflow:hidden;}
#contentBOX #leftBOX{ float:left; width:76%; margin-top:25px; margin-left:2%; overflow:hidden;}
#contentBOX #videoBOX{ width:100%; height:500px; overflow:hidden;}

#contentBOX #box{ width:92%; padding:3% 4%; overflow:hidden; background: #efefef;}
#contentBOX #infoBOX{ float:left; overflow:hidden; width:40%;}
#contentBOX #formBOX{ float:right; overflow:hidden; width:52%; border-left:1px solid #999; padding-left:3%;}






#overlay{ width:95%; overflow:hidden; margin:15px auto 0px auto; color:#FFF; background: rgba(9, 51, 64, 0.8); padding: 0em 0 1em 0; font-size: 1.15em; font-family: 'Oswald', Arial, sans-serif;}
#overlay #leftSECTION{ float:left; overflow:hidden; width:33.23%; padding:0em; border-right:1px dashed #fff;}
#overlay #middleSECTION{ float:left; overflow:hidden; width:33.23%; border-right:1px dashed #fff;}
#overlay #rightSECTION{ float:left; overflow:hidden; width:33.23%; }


#overlay #leftSECTION2{ float:left; overflow:hidden; width:49.5%; padding:0em; border-right:1px dashed #fff;}

#overlay #rightSECTION2{ float:left; overflow:hidden; width:50%; border-left:1px dashed #fff; }

#overlay #list{ overflow:hidden; clear:both; padding:1em 1em;}
#overlay #list li{ font-size:19px; font-weight:100; font-style:italic; overflow:hidden; clear:both; width:100%; border-bottom:1px solid #042938; padding:0.5em 0 0.5em 0.5em;}
#overlay #list li:hover{ background:rgba(4,41,56,0.6);}
#overlay #list li .imgBOX{ float:left; overflow:hidden; width:80px; height:80px; border:2px solid #042938; padding:1px;}
#overlay #list li .playBOX{ float:right; text-indent:-999px; height:55px; background:url(../images/player_play.png) no-repeat center 5px; text-align:center; overflow:hidden; width:25%; padding-top:20px; font-style:normal; margin-top:5px; font-size:16px;}
#overlay #list li .download{ float:right; background:url(../images/download.png) no-repeat center 15px; text-align:center; overflow:hidden; width:25%; padding-top:38px; font-style:normal; margin-top:5px; font-size:16px;}



.slideout-menu, .slideout-menu2, .slideout-menu3, .slideout-menu4, .slideout-menu5, .slideout-menu6 { 
width: 400px; margin:30px auto; background: #000; z-index: 9999; font-size:12px; }
.title{ text-align:right; background:#115fc1; overflow:hidden; width:100%; clear:both; padding:7px 10px; color:#fff; font-size:13px; font-weight:bold; font-family:Raleway, Arial; }
.cap-imgBOX{ width:100%; text-align:center; overflow:hidden; height:100px; clear:both;}
.textBOX{ text-align:center; font-weight:bold; font-size:13px; clear:both; overflow:hidden; padding:5px 0; color:#fff; border-bottom:1px solid #90b2c1;}
.bottomtextBOX{ font-size:13px; clear:both; overflow:hidden; padding:5px 15px; color:#fff; }
.input{ border:0px; border-radius:6px; padding:4px; height:30px; font-size:12px; margin:0px auto; width:99%;}


.slideout-menu-toggle, .slideout-menu-toggle2, .slideout-menu-toggle3, .slideout-menu-toggle4, .slideout-menu-toggle5, .slideout-menu-toggle6{ cursor:pointer;}
 
.slideout-menu .slideout-menu-toggle, .slideout-menu2 .slideout-menu-toggle2,.slideout-menu3 .slideout-menu-toggle3,.slideout-menu4 .slideout-menu-toggle4,.slideout-menu5 .slideout-menu-toggle5,.slideout-menu6 .slideout-menu-toggle6 { position: absolute; top: -36px; right: 0px; display: inline-block; padding: 0px 9px; font-family: Arial, sans-serif; font-weight: bold; background: #222;	color: #999; text-decoration: none; vertical-align: top; cursor:pointer;}
.slideout-menu .slideout-menu-toggle:hover,.slideout-menu2 .slideout-menu-toggle2:hover,.slideout-menu3 .slideout-menu-toggle3:hover,.slideout-menu4 .slideout-menu-toggle4:hover,.slideout-menu5 .slideout-menu-toggle5:hover,.slideout-menu6 .slideout-menu-toggle6:hover { color: #fff;}
.bgOVERLAY{ position:fixed; width:100%; height:100%; overflow:hidden; background: rgba(0,0,0,0.8); z-index:999; }




#galleryBOX{ width:95%; overflow:hidden; min-height:550px; margin:25px auto 0px auto; color:#FFF; background: rgba(9, 51, 64, 0.8); padding: 0em 15px 2em 15px; font-size: 1.15em; font-family: 'Oswald', Arial, sans-serif;}


#footer{ width:100px; position:fixed; bottom:0px; right:25px; }
.footerTEXT{ font-size:11px; color:#fff; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:center; padding:5px;}

.footerTEXT2{ position:absolute; left:10px; bottom:3px; font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:center; padding:5px;}


#form{ padding:0px; margin:0px;}
#form .label {  color:#393939; margin: 0px 0 0px 0; padding: 0px 0 4px 0; font-size:14px; font-weight:500;}
#form .input{ background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px; margin:4px 0 0 0; width:96%; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border:1px solid #daddde; color:#2f323a; }
#form .textarea{ background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:4px; margin:4px 0 0 0; width:96%; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border:1px solid #daddde; height:80px; color:#2f323a; }
#form .calender{ background: url("../images/calender.png") no-repeat right 6px #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px; margin:4px 0 0 0; width:96%; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border:1px solid #daddde; color:#2f323a; }

#form .input[type='file']{ background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px; margin:4px 0 0 0; width:96%; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border:1px solid #daddde; color:#2f323a; }






#form .select{ border:1px solid #cccccc; padding:5px; margin:5px; width:250px;  }





button{ cursor:pointer; }
button.submit{ padding:7px 10px; margin:0px; cursor:pointer; text-align:center; background:#0072bc; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:0.5px; font-size:16px; border:0px; color:#fff; box-shadow:  2px 2px 0px #aaa; text-shadow: 0px 2px 0px #024e80;}
button.submit:active{ margin:2px 0 0 2px; box-shadow:  0px 0px 0px #aaa;}

button.cancel{ padding:8px 10px 7px 10px; margin:0px; text-align:center; background:#fff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:0.5px; font-size:13px; border:1px solid #ccc; color:#2f323a; box-shadow:  2px 2px 0px #aaa; }
button.cancel:active{ margin:2px 0 0 2px; box-shadow: 0px 0px 0px #aaa;}


button.delete{ padding:7px 10px; margin:0px; text-align:center; background:#8e2829; color:#fff; font-size:17px;}




/* styles for input type button */
input.submit{ padding:7px 10px; cursor:pointer; margin:0px; text-align:center; background:#b94693; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600;  font-size:16px; letter-spacing:0.5px; border:0px; color:#fff; box-shadow:  2px 2px 0px #aaa; }
input.submit:active{ margin:2px 0 0 2px; box-shadow:  0px 0px 0px #aaa;}




input.cancel{ padding:8px 10px 7px 10px; margin:0px; text-align:center; background:#fff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:0.5px; font-size:13px; border:1px solid #ccc; color:#2f323a; box-shadow:  2px 2px 0px #aaa; }
input.cancel:active{ margin:2px 0 0 2px; box-shadow: 0px 0px 0px #aaa;}


input.delete{ padding:7px 10px; margin:0px; text-align:center; background:#8e2829; color:#fff; font-size:17px;}