@font-face {  
	font-family: 'Conv_KEEPCALM-MEDIUM_0';  
	src: url('../fonts/KEEPCALM-MEDIUM_0.eot'); 
	src: local('☺'), url('../fonts/KEEPCALM-MEDIUM_0.woff') format('woff'), url('fonts/KEEPCALM-MEDIUM_0.ttf') format('truetype'), url('../fonts/KEEPCALM-MEDIUM_0.svg') format('svg');
	font-weight: normal; 
	font-style: normal; 
}
@font-face {
    font-family: 'keep_calm_medregular';
    src: url('../fonts/keepcalm-webfont.eot');
    src: url('../fonts/keepcalm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/keepcalm-webfont.woff2') format('woff2'),
         url('../fonts/keepcalm-webfont.woff') format('woff'),
         url('../fonts/keepcalm-webfont.ttf') format('truetype'),
         url('../fonts/keepcalm-webfont.svg#keep_calm_medregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/montserrat-black_0-webfont.eot');
    src: url('../fonts/montserrat-black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-black_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-black_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-black_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-black_0-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold_0-webfont.eot');
    src: url('../fonts/montserrat-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold_0-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratextra_bold';
    src: url('../fonts/montserrat-extrabold_0-webfont.eot');
    src: url('../fonts/montserrat-extrabold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extrabold_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extrabold_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-extrabold_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-extrabold_0-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light_0-webfont.eot');
    src: url('../fonts/montserrat-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-light_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light_0-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular_0-webfont.eot');
    src: url('../fonts/montserrat-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular_0-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../fonts/montserrat-semibold_0-webfont.eot');
    src: url('../fonts/montserrat-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibold_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibold_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-semibold_0-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratultra_light';
    src: url('../fonts/montserrat-ultralight_0-webfont.eot');
    src: url('../fonts/montserrat-ultralight_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-ultralight_0-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-ultralight_0-webfont.woff') format('woff'),
         url('../fonts/montserrat-ultralight_0-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-ultralight_0-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;  

}  
body {background-color:#000000;}    
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }
a {text-decoration:none;}  
/**** header section start ****/
#header {
    z-index: 999;
    position:fixed; 
    top: 0px;
    left: 0px;
    width: 100%;  
	background: url(../images/header-bg.png) repeat;   
	-webkit-animation-delay:1s;
	animation-delay:1s;      
}
.logo {
    background: url(../images/bgm-sprite.png) no-repeat;
    width: 265px;
    height: 55px;
    background-position: 0px 0px;
    float: left;
} 
.header-cntr {
	max-width: 1286px;
    margin: 28px auto;
    width: 100%;   
}
.menu-container {
    width: auto;
    float: right;
} 
.menu-container:hover hr  {opacity:1;}
.menu-container ul li {
  display: inline;
  text-align: center;
}
.menu-container a {
	position: relative;
    display: inline-block;
    width: auto;
    padding: 0px;
    margin: 0 0px 0px 95px;
    text-decoration: none;
    color: #ffffff;
    font-family: keep_calm_medregular;
    font-size: 15px;
    font-weight: normal;  
}
.menu-container a:before {
  content: "";
  position: absolute;
  width: 100%;
  height:2px;    
  bottom:-10px; 
  left: 0;
  background-color: #deb228;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
} 
.menu-container a:hover:before { 
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); 
}
.clear {clear:both;}  
.go-top {
    position: fixed;
    z-index: 1000;
    right:-13px;  
    top: 50%;
    width: 62px;
    height: 338px;
	background:rgba(0,0,0,0.5);  
    margin-top: -164px;
	background:transparent; 
    padding:5px;  
    -webkit-transition: .6s background;
    transition: .6s background; 
	-webkit-animation-delay:1s;
	animation-delay:1s;       
} 
.go-top:hover {background:rgba(0,0,0,0.5);}  
.top-share {
    position: absolute;
    bottom: 22px;
    left: 50%;
    z-index: 9;
    margin-left: -119px; 
} 
.share-section {} 
.share-section .twit {
    background: url(../images/bgm-sprite.png);
    width: 40px;
    height: 39px;
    display: inline-block;
    background-position: -16px -88px;
} 
.share-section .gplus {
    background: url(../images/bgm-sprite.png);
    width: 42px;
    height: 39px;
    margin-left: 22px;
    display: inline-block;
    background-position: -84px -88px; 
} 
.share-section .fb {
	position: relative;
    display: inline-block;
    margin-left: 19px;
	}  
.share-section .fb .fb-img {
    width: 42px;
    height: 39px;
    display: inline-block;
    background: url(../images/bgm-sprite.png);
    background-position: -154px -88px;
}  
.share-section .count {
    position: absolute;
    top: 10px;
    left: 100%;
    width: auto;
    background: url(../images/bgm-sprite.png);
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    border-right: 2px solid #ffffff;
    padding: 2px 5px 1px 8PX;
    background-position: -195px -98px;
	color:#000000;  
}            
/**** header section start ****/   
 
/**** video section start ****/
.strip {
    background: url(../images/strip.png) repeat;  
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0px;
    margin: 0px;
}  

.scrl-dwn-cntr {  
    position: absolute;
    top:70%;  
    right: 150px;
    z-index: 9; 
	text-align:right;
}
.bgm-txt-cntr {  
}
.tp-txt,.btm-txt {
	color: #f2bb0c;
    font-size: 42px;
    font-family: keep_calm_medregular;
	opacity:0;  
} 
.bgm-txt-cntr {-webkit-animation-delay:1.5s;animation-delay:1.5s; } 
.tp-txt {-webkit-animation-delay:2s;animation-delay:2s;
background:url(../images/bgm-sprite.png) no-repeat;  
	background-position: -2px -548px;
    width: 448px;
    height: 116px;   
 } 
.btm-txt {-webkit-animation-delay:3s;animation-delay:3s; }        
.scrl-dwn-cntr .fadeinstarter {-webkit-animation-delay:4s;animation-delay:4s;}     
.scrl-dwn-cntr .jello  {-webkit-animation-delay:4.5s;animation-delay:4.5s;}   
.dwn-arw.bounce {-webkit-animation-delay:5s;animation-delay:5s;}                         
.starter { 
	cursor:pointer;  
    display: inline-block;
    padding: 15px 17px 15px 39px;
    color: #000000;
    font-family: keep_calm_medregular;
    font-size: 15px;
    margin-top: 4px;
    background-color: #f2bb0c;
    position: relative;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;   
}   
.dwn-arw {
    width: 29px;
    height: 28px;
    background: url(../images/bgm-sprite.png) no-repeat;
    display: inline-block;
    background-position: -8px -144px;
    position: absolute;
    top:6px; 
    left: 12px;
}           
/**** video section end ****/ 
/*** previous bgm start **/
#previous-bgm {
    width: 354px;
    height:360px; 
    position: relative;
    margin: 0 auto; 
 }  
#previous-bgm a {color:tranparent;}   
.prev-rght-cntr , .prev-left-cntr ,.prev-finl-cntr   {
    position: absolute;
    width: 207px;
    height: 29px;
    color: transparent;
	} 
	.prev-rght-cntr a,.prev-left-cntr a,.prev-finl-cntr a{display:inline-block;width:100%;height:100%;} 
.prev-rght-cntr {
	top:392px; 
    left: 47px;
 }	 
.prev-left-cntr  {
	top: 351px;
    left: 47px;
} 
.prev-finl-cntr  {
	top:434px;  
    left: 47px;     
}
.rd-cntr ,.rd-cntr  a     {width:100%;height:414px;display:inline-block;}   
.candid-cntr,.candid-cntr  a {width:100%;height:413px;display:inline-block;} 
#slideshow a,#slideshow a img {  
width:100%;
height:auto; 
position:relative; 
}
.text-cntr { 
position:absolute !important;
top:0px;
left:0px; 
}
.prev-left-cntr  a  .button-outline-copy ,.prev-rght-cntr  a .button-outline-copy,.prev-finl-cntr a .button-outline-copy{
    font-size: 27px;
    color:transparent; 
    font-family: keep_calm_medregular;
    padding-top: 8px;
	
	}        

 
#previous-bgm .button-outline {height:54px !important;}   
#sponsor {
    height: 304px;
    width: 300px;
    margin: 0 auto;
	position: relative; 
} 
.bgm-bg {
    background: #000000 url(../images/bgm-bg1.jpg) center top no-repeat;  
    position: relative;
    width: 100%;    
} 
/*** previous bgm end **/
/*** wall of fame start **/
#wall-of-fame {
    width: 308px;
    height:604px; 
    position: relative;
    margin: 0 auto;   
}
/*** wall of fame end **/
/*** people choice start **/
#people-choice {
    position: relative;
    width: 320px;
    height: 1674px;
    margin: 0 auto;
    margin-top: 61px; 
}  
/*** people choice end **/
#short-flim {
    height: 1027px;
    width: 320px;
    margin: 0 auto;
    position: relative;
    text-align: center;   
}
#short-flim-vdo {
    position: absolute;
    right: 11px;
    top:498px;        
}   
.shrt-flm-srch-btn {
    position: absolute;
    bottom:20px; 
    left: 33px;
    height: 30px;
	overflow:hidden;  
}  
#short-flim .button-outline  {
	height: 100%;
    width: 100%;
    display: inline-block;  
} 
.shrt-flm-srch-btn .button-outline-copy {
    color:transparent !important;    
    font-size: 17px !important;
    font-weight: 600;
    padding-top: 7px !important;
} 
.wall-of-fame-btn  .button-outline-copy {
    color:tranparent;   
    font-size: 17px !important;
    font-weight: 600;
    padding-top: 7px !important;
} 
.wall-of-fame-btn  .button-outline {
    width: 100%;
    height: 100%;
    color: transparent; 
} 
.wall-of-fame-btn {
	position: absolute;
    bottom: 24px;
    left: 18px;
    width: 270px;
    height: 26px;  
	}    
#sponsor-bottom  { 
height:1035px;       
width:320px;      
margin:0 auto;
position:relative;
text-align:center;  
} 
#sponsor-bottom  .share-section { 
    position: absolute;
    top: 911px;
    left: 50%;
    margin-left: -78px;   
}      

.bar-main-container {
    margin: 10px auto;
    width: 127px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color: #FFF;  
}

.bar-main-container .wrap { padding:0px;position: relative; }  

.bar-main-container .bar-percentage {  
     width: 45px;
    height: 16px;
    display: inline-block;  
}

.bar-main-container .bar-container {
   float: right;
    height: 17px;
    background: transparent;
    width: 100%;
    margin: 0px;
    overflow: hidden;  
}

.bar-main-container .bar {
  float: left;
    background: #f2bb0c;
    height: 100%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
}  
#dhanush {
   position: absolute;
    top: 458px;
    left: 20px;  
}
#jayamravi {
    position: absolute;
    top: 458px;
    left: 170px;
}  
#lawrence {
    position: absolute;
    top:759px; 
    left: 20px;  
} 
#vikram {
    position: absolute;
    top:759px; 
    left: 170px;
}
.pos-set-cntr {
	position: absolute;
    top: 2px;
    left: 0px;
    width: 100%;
    font-family: 'Conv_KEEPCALM-MEDIUM_0',Sans-Serif;
    font-size: 10px;
    color: #000000;
    z-index: 1;   
	text-align:center;  
}
.bar span { 
    display: block;
    width: 100%;
    height: 27px;  
    background: url("../images/snow-img.png") 0 0;  
    -webkit-animation: sparkle 1500ms linear infinite;
    -moz-animation: sparkle 1500ms linear infinite;
    -o-animation: sparkle 1500ms linear infinite;
    animation: sparkle 1500ms linear infinite;
    opacity: 0.4;   
} 
.float-cloud {
	display:none; 
	-webkit-animation: sparkletop 1500ms linear infinite;
    -moz-animation: sparkletop 1500ms linear infinite;
    -o-animation: sparkletop 1500ms linear infinite;
    animation: sparkletop 1500ms linear infinite;
    opacity: 0.4;  
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    z-index: 1;	
	background: url("images/snow-img.png") 0 0; 
}  
#dhanush-cntr {
    position: absolute;
    left: 18px;
    top: 273px; 
}
#jayamravi-cntr {
	position: absolute;
    left:168px;
    top: 273px;
	} 
#lawrence-cntr {
    position: absolute;
    left: 18px;
    top:575px;
}
#vikram-cntr {
    position: absolute;
    left:168px; 
    top:575px;    
} 
.pos-relve {position: relative;height:182px;cursor:pointer;overflow:hidden;}     
.str-img { 
	border: 1px solid #411103;
    width: 127px;
    height: 180px;
    display: inline-block;
    transition: 1s;  
}       
.vote-icon { 
	position: absolute;
    right: 5px;
    bottom: 10px; 
	transition:1s;    
}
.selected-icon {
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: .7s;
} 
.selected-txt {
	position: absolute;
    bottom:5px;      
    left: 205px;  
}  
.multiply { 
    background-blend-mode: multiply;
	background-color: #f2bb0c !important;   
	border: 1px solid #f2bb0c; 
} 
.shrt-actr-submt-btn { 
	position: absolute;
    top: 1095px;
    left: 389px;
    border: none;
    background: none;
    color: transparent;
    width: 296px;
    height: 50px;
}
#amyjackson {
   position: absolute;
    left: 20px;
    top: 1128px;
}
#hansika {
    position: absolute;
    left: 170px;
    top: 1128px; 
}   
#jyothika {   
	position: absolute;
    left: 20px;
    top:1417px;  
} 
#trisha { 
	 position: absolute;
    left:170px;   
    top:1417px;       
} 
#amyjackson-cntr {
     position: absolute;
    left: 20px;
    top: 944px;
}
#hansika-cntr {  
	position: absolute;
    left:170px; 
    top: 944px;      
	} 
#jyothika-cntr { 
   position: absolute;
    left: 20px;
    top:1232px;
}
#trisha-cntr { 
    position: absolute;
    left:170px; 
    top:1232px;     
}  


#slide-wrapper {  
	width:1004px; 
	height:251px; 
	padding: 10px;
	margin: -75px 0 0 -502px; 
	position: absolute;
	left: 50%;
	top:391px; 
}  
.caroufredsel_wrapper { 
} 
#carousel img {
	width: 251px; 
	height:251px;
	margin: 0 5px;
	float: left; 
} 
#prev, #next {
	background:url(../images/bgm-sprite.png) no-repeat;   
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width:40px;
	height:40px; 
	position: absolute;
	top:50%; 
	margin-top:-20px;  
}
#prev { 
	background-position:-87px -203px; 
	left:-10px; 
} 
#prev:hover {
	left:-10px; 
	background-position:-87px -248px;  
}			
#next {
	background-position:-131px -203px; 
	right:-10px; 
}
#next:hover {
	right:-10px;  
	background-position:-131px -248px;      
}  

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
 
div#slider {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    max-width: 640px;
	 } 
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;   
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation:12s slidy infinite;      
}
  @-webkit-keyframes sparkle { 
	from {background-position: 0 0;}
	to {background-position: 64px 0;} 
}
@-moz-keyframes sparkle {
	from {background-position: 0 0;}
	to {background-position: 64px 0;}
}
@-o-keyframes sparkle {
	from {background-position: 0 0;}
	to {background-position: 64px 0;}
}
@keyframes sparkle {
	from {background-position: 0 0;}
	to {background-position: 64px 0;}   
}    

.share-section { 
} 
.share-section .wtsap {   
	background: url(../images/socl-icon-top.png);
    width: 31px;
    height: 31px;
    display: inline-block;
}
.bottom-share {
    position: absolute;
    top:400px;  
    left:0px;  
} 
.share-section .twit {
	background: url(../images/socl-icon-top.png) -45px 0px;
    width: 31px;
    height: 31px;
    display: inline-block;
    margin-left: 7px; 
}
.share-section .gplus {
    background: url(../images/socl-icon-top.png) -90px 0px; 
    width: 31px;
    height: 31px;
    margin-left: 6px;
    display: inline-block; 
}  
.share-section .fb {
	background: url(../images/socl-icon-top.png) -134px 8px;
    width: 32px;
    height: 42px;
    margin-left: 6px;
    display: inline-block;
    background-repeat: no-repeat;   
	}   

.share-section .count {
	position: absolute;
    top: 10px;
    left: 100%;
    width: auto;
    background: #411103;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    border-right: 2px solid #411103;
    padding: 2px 5px 1px 8PX;
    color: #ffffff;   
}        
.sponsors-top{
    width: 308px;
    position: relative;
    height: 863px; 
    margin: 0 auto;
}
#bottom_goto{
   height: 40px;
    width: 270px;
    top:979px;   
    position: relative;
    margin: 0 auto;   
}  
.spncr1 {
    position: absolute;
    top:11px; 
    left: 110px;
    width: 75px;
    height: 99px;
}
.spncr2 {
    position: absolute;
    top:210px; 
    left: 21px;
    width:66px; 
    height: 49px;
}
.spncr3 {
    position: absolute;
    top:210px; 
    left: 88px;
    width: 87px;
    height: 49px;     
}
.spncr4 {
    position: absolute;
    top:210px; 
    left: 174px;
    width: 95px;
    height: 49px;
}  
.spncr5 {
	    position: absolute;
    top: 241px;
    left: 55px;
    width: 55px;
    height: 49px;
}
.spncr6 {
    position: absolute;
    top: 289px;
    left: 147px;
    width: 78px;
    height: 49px;  
}   
.add_two {
    width: 320px;
    height: 271px; 
    position: absolute;
    top:612px;  
    right:-1px;   
}
.add_one {
   width: 320px;
    height: 271px;
    position: absolute;
    top: 317px;
    right: -1px; 
} 
.asoc_spncr {
    width: 152px;
    height: 86px; 
}
.asoc_spncr1 {
	position: absolute;
    top: 27px;
    left: 15px; 
}
.asoc_spncr2 {
        position: absolute;
    top: 29px;
    left: 166px;
    width: 143px;
 }
.asoc_spncr3 {
    position: absolute;
    top: 135px;
    left: 59px;
}
.asoc_spncr4 {
    position: absolute;
    top: 29px;
    left: 166px;
    width: 143px;
} 
.asoc_spncr5 {
    position: absolute;
    top: 228px;
    left: 91px;
}  
.asoc_spncr6 {
    position: absolute;
    top: 29px;
    left: 166px;
    width: 143px;
} 
.asoc_spncr7 {
    position: absolute;
    top: 29px;
    left: 166px;
    width: 143px;
}