* { box-sizing: border-box; padding: 0; margin: 0;}

body {
    font-family: Montserrat,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* background: url(../images/bg-BA2020.png) no-repeat; display: block; */
}
 
.topSso { height: 24px; background: #383838; }
a, a:hover {text-decoration: none;}
a:hover {text-decoration: none; color: #68b4f6;}
.about a:hover { text-decoration: underline;}
.nominationYtb ul li figure figcaption a { color: #333333; text-decoration: none;}
.nominationYtb ul li figure figcaption a:hover { color: #337ab7;}
.award .navbar-default{ background: linear-gradient(to left,#a617be,#f32c89,#f32c89,#f32c89,#f32c89,#a617be);}
.award .container { width: 1280px;}
.award .navbar-default .nav li a { color: #ffffff; font-weight: 600; font-size: 15px; display: inline-block;}
.award .navbar-default .nav li a:hover { background:rgba(166, 23, 190, 0.5);}
.award .nav .dropdown .dropdown-menu li a{ color: #333; font-size: 14px; font-weight: normal; padding: 4px 12px; display: block;}
.award .nav .dropdown .dropdown-menu li a:hover { background: #f2f2f2; }
.award .navbar-default .navbar-nav>.open>a, .award .navbar-default .navbar-nav>.open>a:focus,.award .navbar-default .navbar-nav>.open>a:hover { background:rgba(166, 23, 190, 0.5);
color: #fff;
}
.awardLogo { height: 120px; width: 160px; background: rgba(0,0,0); display: inline-block; position: absolute;
    top: 0; left: 0; z-index: 9999; /*box-shadow: -2px 2px 5px #666;*/ }
.awardLogoMob { display: none;}
.award .navbar-default .navbar-toggle:focus, .award .navbar-default .navbar-toggle:hover { background: transparent;}
.award .navbar-default .navbar-collapse { border:none;box-shadow: none; }
.award .navbar { margin-bottom: 0; border: none; border-radius: 0;}
.dropdown:hover .dropdown-content {
display: block;
}
.h30 { height: 30px; clear: both; width: 100%;}
.h20 { height: 20px; clear: both; width: 100%;}
#navbar-close .fa-close::before { position: absolute; content: '\00d7'; font-family: 'fontAwesome'; font-size:30px; top:0; right: 9px; 
    color: #ffffff; font-weight: 600;}
.award .navbar-default .navbar-toggle .icon-bar {background: #ffffff;}
.award .navbar-toggle { border: none;}
.dropdown-menu:hover {display: block;}
.award .navbar-nav>li>a { line-height: 20px;}
.logo_txt {
    position: absolute; top: 0; left: 0; width: 115px; font-size: 39px; height: 0; border-bottom: 50px solid #f32c89;
    border-right: 42px solid transparent; color: #fff; padding-left: 15px; font-weight: 700; text-align: center; line-height: 54px;
}
.dotted {
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
    padding: 20px 0;
}
.carousel-inner > .item {
    max-height: 650px;  overflow: hidden;
 }
 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
   text-align: center; background-size: cover; background-position: center;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    line-height: 1;
}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right
{
    background: rgba(0,0,0,0.8);
    border-radius: 50%; width: 49px; height: 49px;    
    line-height: 44px; top:45%; position: absolute; font-size: 30px;
}
.awardNav ul li::first-child { padding-left: 0px; }
.awardNav { background: #000000; /*box-shadow: 0px 2px 5px #666;*/ position: relative; z-index: 1;}
.awardNav ul { margin: 0; padding: 0; margin-left: 15px;}
.awardNav ul li { list-style: none; display: inline-block; padding: 12px 15px; }
.awardNav ul li a { color: #fff; font-size: 15px; font-weight: 500; text-decoration: none;}
.awardNav ul li a:hover { color: #dddddd;}
.logo_txt:hover { color: #cccccc; text-decoration: none;}
.awardTitle {
    font-size: 32px; text-align: center; margin: 20px 0;
    text-transform: uppercase;
    font-weight: 600; 
    background: linear-gradient(330deg, #a617be 0%, #a617be 25%, #f32c89 50%, #a617be 75%, #a617be 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    }
.awdCtg { margin-top: 15px;}
.featuredTxt { width: 700px; margin: 10px auto; text-align: center; font-size: 16px; font-weight: normal; line-height: 25px; margin-bottom: 20px;}
.awdCtg .borderBox { border-top-right-radius: 70px; border-top-left-radius: 70px; border-bottom-left-radius:15px; border-bottom-right-radius: 15px; border:1px solid #666666;
    height: 230px; text-align: center; line-height: 170px;
}
.butn .vwNominees { border-radius: 4px; border:1px solid #7e01ff; text-align: center; color: #7e01ff; text-transform: uppercase; padding: 10px 15px;
background: #ffffff; font-size: 13px; font-weight: 600;
}
.butn .vwNominees:hover { background: #7e01ff; color: #ffffff; transition: 0.2s;}
.butn { width: 200px; margin: 0 auto; text-align: center; margin-top: -22px; }
.awdCtg .col-md-3 { width: 20%;}
.awdCtg .awdFollow { font-size: 16px; text-transform: uppercase; color: #333333; font-weight: 600; margin: 0; margin-top: 32px; }
.borderBox1 { border-top-right-radius: 165px; border-top-left-radius: 165px; border-bottom-left-radius:30px; border-bottom-right-radius: 30px; border:1px solid #666666;
    height: 330px; text-align: center; padding: 15px; margin-bottom: 15px;
}
.partWinTxt { font-size: 15px; font-weight: 600; margin-top: 30px;}
/*video*/
.videoGallery {
position: relative;
}
a.viewAll { padding:10px 15px; color: #7e01ff; font-size: 15px; font-weight: 500; text-transform: uppercase;
    border: 1px solid #7e01ff; border-radius: 4px; background: #ffffff; display: block; width: 170px; text-align: center;
    text-decoration: none; display: block; margin: 10px auto; text-decoration: none; } 
.viewAll:hover {background: #7e01ff;
    color: #ffffff;
    transition: 0.2s;}  
.videoGallery .videoTitle{color:#FFA700;text-transform:uppercase;font-size:40px;text-align:center;font-weight:400;
    font-family:'Roboto', sans-serif;margin:10px 0px 20px 0;}
.videoGallery .videoIcon{  position:absolute;top:50%;left:50%;
    transform:translate(-50%, -50%);display:block;width:41px;height:50px;cursor:pointer;}
.videoGallery .videoB{  position:absolute;top:45%;left:50%;
    transform:translate(-50%, -50%);display:block;width:50px;height:50px;cursor:pointer;}
.videoGallery ul li{position:relative;list-style:none;display:inline-block;width:700px;margin-right:90px;margin-left:40px;}
.vidImg { border-radius: 5px; overflow: hidden;height:390px; margin-bottom: 15px;}
.videoGallery .videoMask{background:linear-gradient(transparent, #000000);
    background:-webkit-linear-gradient(transparent, #000000);background:-moz-linear-gradient(transparent, #000000);
    background:-o-linear-gradient(transparent, #000000);padding:50px 10px 30px 10px;}
.videoGallery .dtl{color: #333333;;font-size:22px; line-height: 26px; margin: 5px 0; position: relative; text-align: center; font-weight: 600}
.trending{position:relative;margin:15px 0;}
.videoGallery .vdDtl{position:absolute;bottom:-1px;width:100%;}
.swiper-container{width:100%;padding-top:10px;padding-bottom:10px;}
.swiper-slide{background-position:center;background-size:cover;width:300px;}
.videoGallery span.videoTime { padding: 3px 5px; border-radius: 4px; background: #000; color: #ffffff; font-size: 10px;
position: absolute; right: 10px; bottom: 10px;
    }
.awdFollow { text-transform: uppercase; color: #7e01ff; font-size: 16px; font-weight: 600; padding: 20px 0; position: absolute; top: 52%; width: 100%;
    left: 50%;  transform: translate(-50%, -20%);}
.playNow { width: 165px; text-align: center; margin: 0 auto; margin-top: 20px;}
.playNow .playBtn { padding: 12px 15px; color: #7e01ff; font-size: 15px; font-weight: 500; text-transform: uppercase; border:1px solid #7e01ff; border-radius: 4px; 
background: #ffffff; display: block; text-decoration: none;}
.playNow .playBtn:hover { background: #7e01ff; color: #ffffff; transition: 0.2s;}
.participateWin ul li { width: 31.6%; margin-right: 25px; list-style: none; display: inline-block;}
.participateWin ul li:last-child {margin-right: 0;}
.dailyWinner { width: 950px; margin: 0 auto;}
/*photo */
.photoGallery .photo { height:300px; overflow:hidden;position: relative;  }
.photoGallery ul li {width: 300px !important; height: 300px; margin: 0px; padding: 0px; display: inline-block; overflow: hidden;}
.photo .mask { position: absolute; bottom: 0px; left: 0px; text-align: center;
background: linear-gradient(to top, #000, transparent); color: #fff; text-align: center; padding: 40px 10px 10px 10px; 
font-size: 15px; font-weight: 600; 
}
.photo .photoCount { position: absolute;top: 10px; right: 10px; color: #ffffff; font-weight: 500; font-size: 12px; text-transform: uppercase;}
.photo .photoDtls { margin-bottom: 0px;color: #fff; font-size: 14px;  font-weight: 500; line-height: 22px; height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: inherit;    
display: -webkit-box; display: -moz-box; -webkit-line-clamp: 2; -moz-line-clamp: 2;
-webkit-box-orient: vertical; }
/*news*/
.featureNews li { list-style: none; display: inline-block; margin-right: 20px; box-shadow: 1px 1px 4px #ddd; width: 300px;
 border-radius: 4px;
}
.featureNews li .thumbnail {padding: 6px; border: none;}
.featureNews li .thumbnail .caption { padding: 10px 0px; text-align: left; font-size: 15px; font-weight: 600; height: 47px;
overflow: hidden; text-overflow: ellipsis; white-space: inherit; display: -webkit-box;
display: -moz-box; -webkit-line-clamp: 2; -moz-line-clamp: 2; -webkit-box-orient: vertical;
}
.featureNews li .thumbnail .caption p { margin-bottom: 0px}
.contVd {width: 1280px; position: absolute; top: 50%; left: 48.5%; transform: translate(-50%, -48%);  z-index: 99; }
.custom_search_box_blk {
    position: absolute; width: 100%; margin: 0 auto; top: 50px;
    height: 40px; z-index: 9999; padding: 10px; box-shadow: 0 5px 10px -7px #aaa;  background-color: #000;
}
.custom_search_box_blk .search_form_blk {
    margin: 0 auto;  background-color: #000; position: relative;
}
.custom_search_box_blk .search_form_blk input[type=text] {
    color: #fff; font-weight: 500; font-size: 14px; float: left; width: 88%;
    background-color: #000; border: 0; padding: 2px 0;
}
.custom_search_box_blk .search_form_blk .close_btn {
    float: right; opacity: .7; color: #fff; font-size: 17px; border-left: 0; cursor: pointer; width: 32px; height: 40px;
    margin-top: -13px;  padding: 10px;
}
button.close {
    -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;
}
.close {
    float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff;  filter: alpha(opacity=20);
    opacity: .2;
}
.logo_alink { display: none; }
.socialSearch {
    float: right !important; margin-top: 5px; margin-left: 36px;
    margin-right: 0!important; text-align: center;
}
.socialSearch .srhCrl {
    background: rgba(255,255,255,.3); width: 40px; height: 40px; border-radius: 50%; display: inline-block; padding: 10px; padding-left: 13px;
}
.socialSearch .fa {
    color: #fff; opacity: .8; padding: 0 6px; font-size: 16px;
}
.srhCrl .fa { padding: 0!important; }
.socialSearch .spt {
    height: 18px; background: #fff; opacity: .5; display: inline-block; width: 1px; vertical-align: middle;
}
.award li.socialSearch a {
    color: #fff; opacity: .8; padding: 0 1px !important; font-size: 16px; line-height: 38px;
}
.award .nav>li>a { padding: 15px 12px; }
.award .navbar-default .nav li.socialSearch a:hover{opacity: 1; background: transparent;}  
.socialIcon { box-shadow: 1px 2px 4px #ddd; position: relative; text-align: center; height: 400px; font-size: 35px; border-radius: 4px; 
    border: 1px solid #ccc; margin-bottom: 15px; }
.socialIcon .iconCenter {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.socialIcon .iconCenter::nth-child(1) { color: blue; }
.blackBg { background: #000; padding: 15px; text-align: center;margin: 10px 0; width: 100%; }
.blackBg a { color: #fff; padding: 10px 15px }
.copywright { text-align: center; margin: 10px auto; font-size: 13px; }
.socialLink .col-md-4 { padding-right: 0px; }
.facName {color: #3b5999; font-size: 16px; font-weight: 600; text-transform: capitalize;}
.twtName {color: #55acee; font-size: 16px; font-weight: 600; text-transform: capitalize;}
.insName {color: #e4405f; font-size: 16px; font-weight: 600; text-transform: capitalize;} 
/*categeries tab*/
.catTabs .tabTag { display: inline-block; margin: 10px; padding: 1px 1px; width: 250px;  color: #666666; border: 1px solid #cccccc; border-radius: 5px;
    text-transform: uppercase; font-size: 15px; font-weight: 600; align-items: center; height: 75px;  
    display: inline-flex;  justify-content: center; vertical-align: top;
} 
    
.catTabs .tabTag:hover { border: 1px solid;  border-image-slice: 1;  border-radius: 5px; display: inline-block;
-webkit-border-radius: 5px; transition: 0.2s; border: double 1px transparent; border-radius: 5px;
background-image: linear-gradient(white, white), linear-gradient(to right, #a617be, #f32c89);
background-origin: border-box; background-clip: content-box, border-box;
align-items: center; height: 75px;  
    display: inline-flex;  justify-content: center;

}
.catTabs .nav-tabs>li { float: none; display: inline-block;}
.catTabs .nav-tabs { text-align: center;}
.catTabs .nav>li>a:focus, .nav>li>a:hover {background: linear-gradient(to top, #ffffff, #f5f0fd ); color: #7E00FF;}
.catTabs .nav-tabs li .active{background: #cccccc;}
.catTabs .nav-tabs li { text-align: center; font-weight: 600; font-size: 16px;}
.catTabs .tabIcon {padding: 5px;
    text-align: center;  margin: 10px auto;  margin-bottom: 15px;  transform: scale(0.8);  vertical-align: top;
}
.nav-tabs>li>a { margin-right: 20px; border-radius: 8px 8px 0 0;color: #333333; padding: 6px 20px 12px 20px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background: linear-gradient(to top, #ffffff, #f5f0fd ); border-bottom: 1px solid #ffffff;
color: #7E00FF;
}
.catTabs .tab-content { text-align: center; font-size: 16px; background: rgba(246, 245, 245, 0.5); border-radius: 4px; box-shadow: 3px 3px 10px #eeeeee; padding: 20px 10px; margin-bottom: 30px;}
/*tab nomiation*/
.addNomination { background: url(../images/Nominations.jpg) center no-repeat #020204; height: 520px; display: block;}
.nomination { font-size: 26px; font-weight: 600; text-transform: uppercase; text-align: center; margin: 50px 0 20px 0; color: #CDCDCD;}
.socialNom a.nomBtn { text-align: center; padding: 10px; border-radius: 5px; display: inline-block; margin: 10px; border: 1px solid rgba(184, 184, 184, 0.5); color: #CDCDCD;  
width: 156px; font-weight: 600;
}
.socialNom {width:550px;text-align: center; margin: 0 auto;}
.socialNom a.active, .socialNom a:hover {background: #9f28ff; color: #ffffff; transition: 0.2s;}
.pl30 {padding-right:30px;}
.addNomination .uploadPic { width: 200px; height: 200px; border-radius: 50%; border: 1px solid #9f28ff; text-align: center; color: #9f28ff; text-transform: uppercase;
background: #020000; font-weight: normal;
}
.addNomination .custom-file-upload:hover {color: #b436fd; }
.addNomination input[type="file"] { display: none; }
.addNomination .custom-file-upload { display: block; text-align:center; height: 200px; width:200px; border-radius: 50%; margin-top: -2px;
  padding: 60px 12px; font-weight: normal; font-size: 14px; cursor: pointer;
}
.addNomination form { 
text-align: center; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.addNomination label { display: block; position: relative; margin: 40px 0px;
}
.addNomination .label-txt {
    position: absolute;top: 0; padding: 10px; font-family: sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 1px; color: rgb(120,120,120); transition: ease .3s;
}
.addNomination .input { width: 100%; padding: 10px; color: #999999; font-weight: normal; background: transparent; border: none; outline: none; }
.addNomination .line-box { position: relative; width: 100%; height: 1px; background: #666666; }
.addNomination .line { position: absolute; width: 0%; height: 1px; top: 0px; left: 50%;
    transform: translateX(-50%); background: linear-gradient(330deg, #a617be 0%, #a617be 25%, #f32c89 50%, #a617be 75%, #a617be 100%);
    transition: ease .6s;
}
.addNomination .input:focus + .line-box .line { width: 100%; }
.addNomination .label-active { top: -2em; }
.addNomination .star {color: #9f28ff;}
.addNomination button { display: inline-block; padding: 12px 24px; width: 156px; font-weight: normal;  font-weight: bold;
    color: #9f28ff; background: transparent; text-transform: uppercase; border: 1px solid #9f28ff; outline: none; border-radius: 4px;
    cursor: pointer; transition: ease .3s;
}
ul { display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; }

  .about { font-size: 16px; color: #333333; line-height: 30px; font-weight: 400; margin-bottom: 10px;}
  .abtList li{ margin-left: 40px; padding: 5px 10px; font-size: 16px; font-weight: 400;}
  .abtTtl { font-size: 18px; font-weight: 600; margin-top: 30px; line-height: 30px;}
.addNomination button:hover { background: #7E00FF; color: #ffffff; }
.addNomination .uploadTxt { margin-top: 15px;}
/*nomination*/
.nominationYtb { margin-top: 20px; position: relative;}
.nominationYtb .addNomBtn { text-align: center; float: right; background: #000000; padding: 15px; color: #cccccc; display: inline-block; margin-right: 15px; border-radius: 4px;
position: absolute; top: -25px; right: 20px;
}
.shadowBox { box-shadow:3px 3px 10px #dddddd; border-radius: 5px; border: 1px solid #cccccc; position: relative;}
.shadowBox-1 { box-shadow:3px 3px 10px #dddddd; border-radius: 5px;  border: 1px solid #cccccc; }
.nominationYtb ul { text-align: center;}
.nominationYtb .youtuber { text-align: center; text-transform: uppercase; color: #666666; margin-top: -15px; font-weight: 600; font-size: 16px;} 
.ytb { text-align: center; padding: 0 20px; background: #ffffff; margin: 0px auto; width: 625px; margin-top: -36px;}
.nominationYtb ul li { list-style: none; display: inline-block; text-align: center; margin-right: 30px; width: 195px; margin-bottom: 10px; margin-top: 10px; white-space: normal; }
.nominationYtb ul li:nth-child(5) { margin-right: 0;}
.nominationYtb .youtubeImg { height: 250px; border-radius:5px; overflow: hidden; margin-bottom: 10px;}
.nominationYtb ul li figure { margin: 0; padding: 0;} 
.nominationYtb ul li figure figcaption {text-transform: uppercase; font-weight: 600; color: #333333; font-size: 16px; margin: 10px 0 5px 0; height: 40px; overflow: hidden;
}
.shadowBox ul::-webkit-scrollbar { width: 1em; height:7px; }                               
.shadowBox ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #ccc; background-color: #fff;}
.shadowBox ul::-webkit-scrollbar-thumb { background: #cccccc; outline: 1px solid slategrey;}
.shadowBox ul:hover::-webkit-scrollbar-thumb { background: #666666; outline: 1px solid slategrey; transition: 0.5s !important;}
.tab-content .panel-group .panel { margin-bottom: 10px;}
.panel .shadowBox { padding-left: 10px;}
.sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; background: #fff; }
.nominationYtb li .sanam { text-transform: uppercase; font-size: 13px; text-align: center; color: #666666; font-weight: 500; overflow: hidden;}

.nominationYtb .voteBtn { text-align: center; width: 153px; padding: 10px; color: #8c02f5; border-radius: 4px; margin: 10px auto; 
  text-transform: uppercase; border: 1px solid #cccccc; background: transparent; font-weight: 600;}
  .nominationYtb .voteBtn:hover { color: #ffffff; background: #8c02f5; transition: 0.2s; border: 1px solid #8c02f5;}
/*video page*/
.videoBanner { background: url(../images/banner-bg.jpg) no-repeat center center/cover; height: 570px; width: 100%; position: relative;}
.videoBanner ul li { width: 750px; height: 422px; overflow: hidden; list-style:none; position: relative; margin-top: 50px; }
.videoBanner ul li .videoIcon{position:absolute;top:50%;left:50%;  background-position: -557px -13px;
 transform:translate(-50%, -50%);display:block;width:41px;height:50px;cursor:pointer;}
.videoBanner .videoMask { position: absolute; bottom: 0;  padding: 50px 20px 20px 20px; background: linear-gradient(to top, #000000, transparent);
 width: 750px; text-align: left;
}
.voteRight .fb:hover, .voteRight .tw:hover, .voteRight .insta:hover { opacity: 0.8; }
.videoBanner .videoTxt { font-size: 22px; line-height: 28px; color: #ffffff; }
#videoSlider .swiper-wrapper { margin-bottom: 50px;}
.latestVideo { position: relative; }
.ltsVidImg img:hover { opacity: 0.9;}
.ltsVidImg {  height: 225px; position: relative; overflow: hidden; border-radius: 5px;}
.ltsVidImg .videoIcon{background-position: -557px -13px;position:absolute;top:50%;left:50%; transform:translate(-50%, -50%);display:block;width:41px;height:50px;cursor:pointer;}
.latestVideo .ltVideoTitle { color: #9900FF; font-size: 14px; margin: 20px 0; font-weight: 600;}
.latestVideo .ltVideoTxt { font-weight: 600; color: #444444; font-size: 14px; line-height: 22px; height: 70px; overflow: hidden;}
.latestVideo .update { font-size: 14px; color: #666666;}
.nomTxt { text-align: center; padding: 15px; color:#CDCDCD; font-size: 16px; line-height: 27px;}
.latestVideo .mb30 { margin-bottom: 40px;}
.ads { width: 730px; margin: 20px auto; text-align: center; }
/*vote dtls*/
.voteDetails { position: relative; padding: 20px; margin-bottom: 25px;}
.voteDetails .voteLeft { width: 200px; margin-right: 30px;  display: inline-block; float: left; text-align: center;} 
.voteDetails .voteLeft .voteLimg { height: 250px; overflow: hidden; display: block;overflow: hidden; border-radius: 5px;}
.voteDetails .voteRight { width: calc(100% - 240px); display: inline-block;}
.voteDetails .voteDtlTitle { font-size: 50px; color: deeppink; margin-bottom: 15px; font-weight: 600; margin-top: 0;}
.voteDetails .submt { font-size: 18px; font-weight: 600; color: #666666; margin: 10px 0;}
.voteDetails .vtDtname { text-transform: uppercase; font-size: 14px; color: #333; margin: 15px 0; font-weight: 600;}
.voteDetails .thanks { font-size: 16px; color: #666666; font-weight: 600; margin: 15px 0;}
.voteDetails .voteRight a  { display: inline-block; padding-right: 10px; margin-right: 10px; margin-top: 10px;}
.voteDetails a.leaderBoat { padding: 10px 15px; color: #7e01ff;  font-size: 15px; font-weight: 500; text-transform: uppercase;
border: 1px solid #7e01ff;  border-radius: 4px;  background: #ffffff;  display: block; width: 170px;  text-align: center; 
text-decoration: none;  margin: 10px auto; text-decoration: none; margin-top: -40px;}
.voteDetails .leaderBoat:hover {  color: #ffffff; background: #7e01ff; transition: 0.2s;}
.uploadPic .fa-plus { font-size: 20px;}

.borderBox .icon {     text-align: center; margin: 0 auto; padding-top: 43px; margin-top: 60px;  padding-bottom: 50px;}
.videoIcon, .fb, .tw, .insta, .action, .globe, .tiktok, .bigInsta, .yt, .video, 
.coins, .whatsapp, .tiktok, .youtube, .videoB, .tiktoS5 { background: url(../images/BS-asset-sprite.png) no-repeat; height: 69px; display: block;}
.nominationYtb .tiktoS { display: inline-block; transform: scale(0.7); vertical-align: bottom;}

.videoB {
    width: 50px;
    height: 50px;
    background-position: -761px -10px;
}
.tiktoS{
    width: 21px;
    height: 24px;
    background:url(../images/tiktok.svg) no-repeat ;
}
.fb {
    background-position:  -601px -14px;
    width: 39px;
    height: 39px;
}
.tw {
    background-position: -656px -14px;
    width: 39px;
    height: 39px;
}
.insta {
    background-position: -710px -14px;
    width: 39px;
    height: 39px;
}
.whatsapp {
background-position: -764px -13px;
width: 40px;
height: 39px;
}
.tiktok {
background-position: -818px -13px;
width: 40px;
height: 39px;
}
.youtube {
background-position: -872px -14px;
width: 40px;
height: 39px;
}
.action {
    background-position: -63px -2px;
    width: 58px;
    height: 56px;
}
.globe{
    background-position: -146px 0;
    width: 62px;
    height: 60px;
}
.tiktok{
    background-position: -229px -1px;
    width: 59px;
    height: 59px;  
}
.bigInsta{
    background-position: -312px 0;
    width: 53px;
    height: 53px;  
}
.yt{
    background-position: -401px -14px;
    width: 78px;
    height: 50px;
}
.puzz{
    background: url(../images/puzz.png) no-repeat center center/cover;
    width: 320px; margin: 0 auto;
    height: 220px;
}
.spin{
    background: url(../images/spin.png) no-repeat center center/cover;
    width: 320px; margin: 0 auto;
    height: 220px; 
}
.hangman{
    background: url(../images/hangman.png) no-repeat center center/cover;
    width: 320px; margin: 0 auto;
    height: 220px;
}
.videoIcon{
    background-position: -557px -13px;
    width: 39px;
    height: 39px;  
}
.coins{
    background-position: -500px -20px;
    width: 22px;
    height: 22px;
}
.bewakoof, .docsapp, .zoomin, .udyantea, .cultfit, .vlcc, .coolwinks, .crossloop, .dineout, .freecharge, .uspizza { background: url(../images/partner.png) no-repeat; height: 65px; display: inline-block; }
 
.bewakoof {
    width: 162px;
    height: 65px;
    background-position: 0 0;
}
.docsapp{
    width: 219px;
    height: 65px;
    background-position:-756px 0;
}
.crossloop {
    width: 225px;
	height: 55px;
    background-position: -518px -15px;
}
.coolwinks{
    width: 182px;
    height: 65px;
    background-position: -169px 0;
}
.dineout {
    width: 195px;
	height: 65px;
    background-position: -980px 0;
}
.freecharge {
    width: 188px;
    height: 65px;
    background-position: -1181px 0;
}
.uspizza {
    width: 231px;
    height: 59px;
    background-position: -1571px -4px;
}
.zoomin{
    width: 203px;
	height: 65px;
    background-position: -1933px 0;
}
.udyantea{
    width: 188px;
	height: 65px;
    background-position: -1374px 0;
}
.cultfit{
    width: 156px;
    height: 65px;
    background-position:-359px 0;
}
.vlcc{
    width: 126px;
	height: 65px;
    background-position: -1803px -2px;
}
header .container-fluid .top-nav .navbar-collapse .navbar-nav li a { padding: 8px !important;}
.ourPartner { text-align: center; padding: 10px; margin: 0 auto; background: #f8f9fd;}
.ourPartner .txt { text-align: center; color: #999; font-weight: normal; font-size: 20px; margin-top: 10px;}
.borderBox1 .icon { position: relative; text-align: center;}
.iconCenter .fa-facebook { color: #3b5999; font-size: 50px;}
.iconCenter .fa-twitter { color: #55acee;font-size: 50px;}
.iconCenter .fa-instagram { color: #e4405f;font-size: 50px;}
.leaderBoard .nav-tabs>li>a { text-transform: uppercase; padding: 15px;}
/*leaderboard*/
.leaderBoard .leaderWidgt { height: 135px; background: #f2f2f2; border-radius: 70px; position: relative; margin-bottom: 40px; margin-top: 20px;}
.leaderBoard .yrpst { text-align:center; text-transform: uppercase; font-size: 12px; color: #666; margin-bottom: 0; padding-bottom: 0; font-weight: 600;}
.leaderBoard .activeUser { border:1px solid #e4405f; margin-top: 5px;}
 .activeUser .leaderLeft .img-circle {border:5px solid #e4405f; }
.leaderWidgt .leaderLeft { width: 133px; height: 133px;display: inline-block; margin-right: 0px; border-radius: 50%; float: left;}
.leaderWidgt .leaderRight { width: calc(100% - 134px); display: inline-block; text-align: left; padding-right: 12px;}
.leaderWidgt .num { font-size: 50px; margin-top: -30px; float: right; font-weight: 600; color: #cccccc;}
.leaderWidgt .name {text-transform: uppercase; color: #333; font-weight: 700; margin-left: 8px; font-size: 16px; text-align: left; margin-bottom: 5px; }
.leaderWidgt .wonCon { font-weight: 600; font-size: 13px; margin-bottom: 5px; text-transform: capitalize; padding: 0px 5px 0px 10px;}
.leaderWidgt .date { font-size: 12px; color: #666; padding-left: 10px; display: inline-block; margin-bottom: 5px;}
.leaderWidgt .img-circle { border: 5px solid #fff;}
.leaderWidgt .totalCon { padding-left: 10px; font-size: 14px; font-weight: 600; display: inline-block; text-transform: uppercase; margin-bottom: 15px;}
.leaderWidgt .leaderRight .coins { display: inline-block; vertical-align: top; margin-left: 8px;}
.award .navbar-fixed-bottom .navbar-collapse, .award .navbar-fixed-top .navbar-collapse { max-height: 100%;}
.panel-faq { text-align: left;}
.nominationYtb {padding: 20px;}
.panel-faq a {text-decoration: none;} 
.modal .btnAwd { width: 200px; background: #ecde1d; color: #70277a; padding: 5px 22px; margin: 0px auto; border:none;border-radius: 0; text-transform: uppercase; font-size: 25px; font-weight: 700;}
.modal .btnAwd:hover { transition: 0.2s; background: #cec009; }
.modal .btnAwdOk { width: 100px; background: #ecde1d; color: #70277a; padding: 5px 22px; margin: 0px auto; margin-top: 10px; border:none;border-radius: 0; text-transform: uppercase; font-size: 25px; font-weight: 700;}
.modal .btnAwdOk:hover { transition: 0.2s; background: #cec009; }
.modal .awrTxt { text-align: center; font-size: 26px; line-height: 31px; font-weight: 400; color: #ffffff; padding: 20px;}
.modal button.close { font-size: 30px; /*border: 1px solid #666; border-radius: 50%; */ width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top: 17px; right: 10px; z-index: 99;}
.modal { top:50px;}
.modal-header { border-bottom: none; padding: 10px 5px 0 5px;}
.col-60 h5:before,
.col-60 h5:after {
display: inline-block;
  content: "";
  border-top: 1px solid white;
  width: 20px;
  margin:-5px 10px;
  transform: translateY(-10px);
}
.col-60 .mtL20 { margin-top: -20px;}
  .col-60 .przWorth { font-size: 16px; font-weight: 700; line-height: 17px; margin: 10px auto; display: block; margin-top: 20px; position: relative; color: #ffffff;}
  .col-60 .shr { font-size: 16px; font-weight: 700; line-height: 19px; margin: 10px auto; display: block; margin-top: 20px; position: relative; color: #ffffff; }
  .col-60 .votePrz { font-size: 12px; display: block; line-height: 19px; }
  .col-60 .votePrz1 { font-size: 12px; display: block; line-height: 10px; color: #eeeeee;}
  .col-60 .price { font-size: 34px; display: block; color: #ffffff; text-shadow: 1px 2px 2px #000000; font-weight: 700; margin-top: 15px;} 
  .col-60 { width: 300px; float: left; padding-top: 10px;}
  .col-60 .entry { font-size: 18px; font-weight: normal; margin-bottom: 10px;}
 .modal-content {
  position: relative;
  background-color: transparent;
  background-clip: padding-box; border:none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0
  }

header.award { margin-bottom: 0px;} 
.panel-faq .panel-heading:hover { background: #eeeeee;
    background: linear-gradient(to top, #eeeeee, #f5f0fd );
}
.navbar-nav {
    margin-left: 60px;
    width: 100%;
}
/*poll*/
.bollywoodQtn { margin: 10px auto; position: relative;}
.bollywoodQtn .pollBox { background: #eeefee; padding: 20px; border-left: 5px solid orange; border-bottom-right-radius: 50px;}
.bollywoodQtn .blQtTxt { color: #7e01ff; text-transform: uppercase; font-size: 13px; font-weight: 600;}
.bollywoodQtn .pollQuestion { font-size: 18px; font-weight: 600; color: #333333; line-height: 30px; margin: 10px 0;}
.bollywoodQtn .btnPoll { border-radius: 4px; background: #d6d8e2; font-weight: 600; border: none; margin-top: 10px;}
.bollywoodQtn .btnPoll:hover { background: #cccccc;}
.bollywoodQtn .radio label{ font-weight: 600; padding: 5px 20px; }

/*game hangman*/
.gameHang { height: 462px; background: url(../images/hangman-bg.png) no-repeat center center; display: block; width: 904px; margin: 0 auto; position: relative;}
.cc_hangmanGame {
 margin-top: 13px; width: 100%; margin: 0 auto; margin-bottom: 10px; height: auto;  display: inline-block;
 /* background-image: url(../images/bgStadium.jpg); */
 background-repeat: no-repeat;
}
.cc_hangmanGame .hGame_HangImg_lt {
 float: left; width: 43%; margin-right: 20px;  padding: 8px; margin-left: 20px;
}
.cc_hangmanGame .hGame_HangImg_lt #mylives {
 font-size: 14px; text-align: center; color: #fff; margin-bottom: 10px;
}
.mylivesHearts_div { margin-bottom: 25px;}
.mylivesHearts_div .cls_totalheartsShaps {
 background-image: url(https://www.cricketcountry.com/wp-content/themes/cricket15/images/heartGame.png);
 background-repeat: repeat; background-position: 2px 1px; display: block;
 width: 200px; height: 20px; margin: 0px auto; overflow: hidden;
}
.mylivesHearts_div .cls_totalheartsShaps .cls_mylivesHearts {
 background-image: url(https://www.cricketcountry.com/wp-content/themes/cricket15/images/heartGame.png);
 background-repeat: repeat; background-position: 2px 21px; display: block; width: 0px; height: 20px; overflow: hidden;
}
.cc_hangmanGame .hGame_HangImg_lt .stickman_div { margin: 0px auto;}
.cc_hangmanGame .hGame_HangImg_lt .stickman_div canvas#stickman { width: 100%;}
.cc_hangmanGame .hGame_HangImg_lt .stickman_div canvas#stickman { color: #fff; padding: 92px 14px;}
.cc_hangmanGame .hGame_HangTxt_rt { float: left; width: 51%; padding: 20px 15px;}
.cc_hangmanGame .hGame_HangTxt_rt #catagoryName { color: #fff; text-align: center; font-size: 15px; margin-bottom: 10px; height: 20px;
}
.cc_hangmanGame .hGame_HangTxt_rt #hold { text-align: center; margin-bottom: 30px; height: 50px;}
.cc_hangmanGame .hGame_HangTxt_rt #hold #my-word { margin: 0;  padding: 0;}
.cc_hangmanGame .hGame_HangTxt_rt #hold #my-word li {
 width: 22px; height: 22px; font-size: 20px; color: #fff; position: relative; list-style: none; margin: 0;
 display: inline-block !important; text-transform: uppercase;
}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div {
 display: inline-block; border-radius: 4px; width: 100%; border: 1px solid #cccccc; padding: 0px 5px; margin: 10px;
}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div .hintBtnDiv {
 width: 25%; display: block; float: left;
}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div .hintBtnDiv button#hint {
 display: block; margin-top: 15px; background: #e84b60; border: 1px solid #636363; width: 80px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; color: #fff;
 text-decoration: none; cursor: pointer; font-size: 13px; padding: 7px 10px; outline: none; font-weight: bold; margin-right: 10px; margin-bottom: 16px;
}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div .clueDiv {
 display: inline-block; width: 70%;  float: left;
}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div .clueDiv #clue {
 padding: 9px 5px 0px 18px;
 display: block; overflow: auto; color: #fff;
}
.cc_hangmanGame .hGame_HangTxt_rt #buttons {
 text-align: center;
}
.cc_hangmanGame .hGame_HangTxt_rt #buttons #alphabet {
 margin: 15px auto; padding: 0; max-width: 900px;
}
.cc_hangmanGame .hGame_HangTxt_rt #buttons #alphabet li {
 display: inline-block; margin: 0 10px 10px 0; list-style: none; width: 26px; height: 26px; background: none;
 color: #ffffff; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
 border:0; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: bold; padding-top: 2px;
}
.cc_hangmanGame .hGame_HangTxt_rt .container { text-align: center; margin-bottom: 10px; }
.container .container {  width: 100%; }
.cc_hangmanGame .hGame_HangTxt_rt button#reset {
 background: black; border: none; width: 120px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 -khtml-border-radius: 5px; color: #fff; text-decoration: none; cursor: pointer; font-size: 14px; padding: 10px;  outline: none; font-weight: 500;
}
.playBtn {margin: 0 auto; display: block; text-align: center; }
.cc_hangmanGame .hGame_HangTxt_rt button#reset:hover { background: #333333;}
/*jumbled world*/
.jumbleBox { background: url(../images/jumbled-world.jpg) no-repeat center; height: 476px; margin: 0 auto;
    text-align: center; padding: 60px 55px; width: 960px;
      }
.key li { border: 1px solid #fff; border-radius: 4px; width: 39px; height: 39px; text-align: center; list-style: none;display: inline-block; font-weight: 600; color: #fff; font-size: 18px; line-height: 39px; margin:5px; vertical-align: top; text-transform: uppercase;}
.keyBox li { border-bottom: 1px solid #fff;  width: 39px; height: 39px; text-align: center; list-style: none;display: inline-block; font-weight: 600; color: #fff; font-size: 18px; line-height: 39px; margin:5px; vertical-align: top; text-transform: uppercase; margin-bottom: 20px;}
.jumbTxt { text-transform: uppercase; font-weight: 600; font-size: 22px; text-align: center; color: #fff; }
.hints { color: #fff; font-size: 16px; margin: 20px; }
.jumbleBox .jumBtn { background: #000; color: #fff; border: none; border-radius: 0; font-size: 16px; }
.jumbleBox .jumBtn:hover { background: #222; }
.jumbInput { background: transparent; width: 39px; height: 39px; text-align: center; border: none; text-transform: uppercase; outline: none;}
.jumbInputBox { background: transparent; width: 39px; height: 39px; text-align: center; border:1px solid #fff; border-radius: 4px; text-transform: uppercase; outline: none;}
.signUpBg {
    background: url(../images/Sign-up-for-nomination-&-voting-blank.png) no-repeat center center/cover; height: 370px;
}
.nomiBg {
    background: url(../images/thank-you-for-submitting-nomination-blank.png) no-repeat center center/cover; height: 370px;
}
.thankVoteBg { 
    background: url(../images/thank-you-for-voting-blank.png) no-repeat center center/cover; height: 370px;
}

.loserBg {
    background: url(https://st1.bollywoodlife.com/assets/images/Lose_game_blank.png) no-repeat center center/cover; height: 370px;
}

.jackpotBg {
    background: url(https://st1.bollywoodlife.com/assets/images/Play%26Win_blank.png) no-repeat center center/cover; height: 370px;
}

.flmCtg { font-size: 16px; color: #ffffff; text-align: center;}
.shrSoc { border: 1px solid #cccccc; padding: 5px 10px; border-radius: 4px; color: #333;}
.shrSoc:hover { background: #dddddd; transition: 0.2s;}
.videoGalleryMbl { display: none;}
.modal-dialog { width: 500px; }
.h50 { height: 50px; clear: both;}
.h100 { height: 100px; clear: both;}
.panel-faq .panel-heading { padding: 15px;}
.panel-faq .panel-title { color: #333333; font-size: 18px; font-weight: 600;}
.nominationYtb ul { white-space: nowrap; overflow-x: auto;}
.blAwardNav .dropdown-menu{ background: black; border-radius: 0;border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
.blAwardNav .dropdown-menu>li>a { padding: 0; margin: 0;} .blAwardNav  li {position: relative;}
.blAwardNav .dropdown-menu li { padding: 10px; }
.blAwardNav .dropdown-menu>li>a:focus, .blAwardNav .dropdown-menu>li>a:hover { background:none; color: #999999; display: block;}
.blAwardNav .badge { background: red; font-size: 9px; font-weight: normal; position: absolute; top: 1px; right: -10px;}
.bdg .badge { top:0}
/*read more and read less*/
.content {   z-index: 1; position:relative; height:auto; overflow: hidden; }
  .content:before, .content:after{ -webkit-transiton: all 300ms ease; -moz-transiton: all 300ms ease; transiton: all 300ms ease; }
  .content.masked{ height: 100px; transition: 0.2s; }
  .content.open{ padding-bottom: 30px; transition: 0.2s; }
  .content.masked:before { content: "Read more..."; position: absolute; bottom:10px; color:#a617be ; font-size: 14px; left:0; width:100%; z-index: 3; text-align: center; }
  .content.masked:after { content: ""; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 2;
    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
  }
  
  .content.open:before {
    content: "Read less"; position: absolute; bottom:0px; color:#a617be ; font-size: 14px; left:0; width:100%; z-index: 3; text-align: center; transition: 0.2s;
  }
   .content.open:after { content: none; transition: 0.2s; }
@media screen and (min-width: 1370px) {
    .container {
     width: 1280px;
     }
     .contVd { width: 1280px; left: 50%; }
     .col-xs-offset-3 { margin-left: 0 } 
     .navbar-nav { margin-left: 5px;}
     .awardNav ul { margin-left: 0;}
 }
@media screen and (max-width: 1366px) {
    .container {
     width: 1170px !important;
     }
     .contVd { width: 1170px; left: 50%; }
     .col-xs-offset-3 { margin-left: 0 } 
     .awardNav ul { margin-left: 60px;}
 }
 
@media screen and (min-width:768px) and (max-width:1124px) {
    .container { width: 100% !important;}
    .contVd { width: 100%;}
    .award .navbar-default .nav li a { font-size: 13px;}
    .award .nav>li>a { padding: 15px 7px;}
    .navbar-nav { margin-left: 55px;}
    .socialSearch  { margin-left: 15px;}
}
@media screen and (max-width:766px) {
    .jumbleBox { background: url(../images/jumbled-word-mobile-1.jpg) no-repeat; height: inherit; padding: 10px; width: 100%; }
    .signUpBg {
      width: 95%; background-size: contain;
    }
    .nomiBg {
        width: 95%; background-size: contain;
    }
    .thankVoteBg { 
      width: 95%; background-size: contain;  
    }

	.loserBg {
	  width: 95%; background-size: contain;
	}

	.jackpotBg {
	  width: 95%; background-size: contain;
	}
	
    .modal .btnAwd { width: 150px;}
.navbar-fixed-top { position: relative;}
.ads { display: none;}
.col-60 { width: 190px;}
.modal button.close { top:55px; right: 20px;}
.modal .awrTxt { font-size: 18px;}
.col-60 .price { font-size: 26px;}
.col-60 .przWorth { font-weight: 500; font-size: 13px; margin-top: 0; display: inline-block; margin-bottom: 0;}
.col-60 .shr { font-size: 12px; margin-bottom: 20px; margin-top: 10px;}
.modal .btnAwdOk { font-size: 20px; width: 80px;}
.col-60 h5:before, .col-60 h5:after {
    width: 0px; margin: 0px;
}
.col-60 .entry { font-size: 14px; display: inline-block; margin-bottom: 0; padding-top: 5px;}
header.award { margin-bottom: -10px;}
.awardNav{
    background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/logoBg.jpg); background-repeat: repeat;
    
}
.affix {
    background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/logoBg.jpg) !important; background-repeat: repeat;
    width: 100%; top: 0; left: 0; position: fixed;
}
.gameHang { width: 100%;
    background: url(../images/hangman-mbl.jpg) no-repeat;
    height: 838px;
}
.cc_hangmanGame .hGame_HangImg_lt .stickman_div canvas#stickman { padding: 85px 14px;}
.cc_hangmanGame .hGame_HangImg_lt { width: 90%;}
.cc_hangmanGame .hGame_HangTxt_rt .hint_Div { margin: 10px 0;}
.cc_hangmanGame .hGame_HangTxt_rt { width: 100%; padding: 15px 5px;}
.voteDetails .voteLeft .voteLimg { height: 140px;}
.modal-dialog { width: 100%;}
.modal { top:20%; }
.awardLogo { display: none;} 
.awardLogoMob { height: 91px; margin: 0 auto;text-align: center; display: block;} 
.award .navbar { margin-left: 0;}
.modal .awrTxt { padding: 5px 0px; padding-top: 55px; line-height: 27px;}
.nav-tabs  .nav-tabs { overflow-y: hidden;}
.nav-tabs::-webkit-scrollbar { width: 1em; height:5px; }                               
.nav-tabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #ccc; background-color: #fff;}
.nav-tabs::-webkit-scrollbar-thumb { background: #cccccc; outline: 1px solid slategrey;}
.nav-tabs:hover::-webkit-scrollbar-thumb { background: #666666; outline: 1px solid slategrey; transition: 0.5s !important;}
.affix { background: #ffffff; z-index: 999;}    
.nominationYtb ul li figure figcaption { font-size: 14px;}       
.socialSearch { display: none !important;}
.nominationYtb .addNomBtn { padding: 12px 15px;  display: none;}
.borderBox1 .icon { width: 100%;}
.videoBanner { display: none;}
.container { width: 100% !important;}
.latestVideo .ltVideoTitle { margin-bottom: 5px;}
.awardNav ul { margin: 0; padding: 0; margin-left: 15px; white-space: nowrap; overflow-x: auto;}
.award .navbar-default { height: inherit; color: #fff;}
.latestVideo .mb30 { margin-bottom: 20px;}
.award .navbar-default{ background: #ffffff;transition: 0.2s;}
.award .navbar-default .navbar-toggle .icon-bar { background: #333; }
.award .navbar-toggle { float: left; background: none; margin-left: 5px; width: 30px; }
#navbar-close .fa-close::before { right: 0px; color: #333;  left: 10px; font-size: 35px;}
.award .logo_alink { display: inline-block; margin-left: 10px; }
.award #navbar-close .fa { width: 17px; }
.container-fluid { padding: 0px; }
.award .navbar-toggle .icon-bar+.icon-bar { width: 22px; }
.award .navbar-toggle .icon-bar { width: 16px; }
.award .nav>li { border-bottom: 1px solid #dd4cb6 }
.award .nav>li:last-child{border-bottom: 0;}
.award .navbar-nav { padding: 5px 10px; }
 .logo_alink { display: block; }
 .blackBg a { padding: 7px; display: inline-block; }
.award .navbar-default .navbar-collapse { 
background: #f52889;  background: -moz-linear-gradient(45deg,#f52889 0,#6c00ff 100%);
    background: -webkit-linear-gradient(45deg,#f52889 0,#6c00ff 100%);
    background: linear-gradient(45deg,#f52889 0,#6c00ff 100%);
}
.col-xs-offset-3 { margin-left: 25% } 
.borderBox .yt { background-position: -401px 12px;}
.catTabs .tabIcon { margin-bottom: 0;}
.awdCtg .awdFollow { margin-top: 5px;}
.socialLink .col-md-4 { padding-right: 15px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right { left: 0;}
.dailyWinner { display: none;}
.featuredTxt { width: 100%; }
.awardTitle { font-size: 18px; }
.nominationYtb .youtuber { font-size: 12px; display: none;}
.shadowBox-1 {
    padding-bottom: 10px; border-radius: 5px;  border: 1px solid #cccccc;  box-shadow: inherit;
}
.h20, .h30 { height: 10px; }

.awdCtg .col-md-3 { width: 50%; }
.awdCtg .borderBox { border: none; height: 140px; margin-bottom: 20px; }
.butn {width: 100%;}
.participateWin ul li { width: 100%; margin-right: 0; margin-bottom: 30px; }
.playNow .playBtn { color: #666; font-weight: 600; border: 1px solid #666; padding: 10px 12px; }
.playNow { margin-top: 0; }
.videoGallery { display: none; }
.contVd { width: 93%;}
.photoGallery ul li { width: 300px !important; }
.featureNews li { width: 300px !important; }
.socialNom { width: 100%;} .pl30 { padding-right: 15px;}
.addNomination .uploadPic { margin: 0px auto; margin-bottom: 40px; width: 180px; height: 180px;}
.catTabs .nav-tabs { white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
.catTabs .tabTag { line-height: 22px; width: 98%;  margin:10px 2px; display: flex; align-items: center; justify-content: center;  padding: 13px 10px; height: inherit;}
.nav-tabs>li>a { margin-right: 5px; padding: 0px 15px; font-size: 14px; padding-bottom: 3px;}
.catTabs .tabIcon { transform: scale(0.6);}
.addNomination { height: 100%; padding-bottom: 20px;}
.nomination { font-size: 22px; margin: 30px 0 20px 0;}    
.socialNom a.nomBtn { width: 100px; padding:10px 5px; margin: 10px 4px; font-size: 12px;}
.ytb { width:100%; display: none;}
.nominationYtb .addNomBtn { bottom: 20px; top: inherit; text-align: center; left: 50%; right: inherit; transform: translate(-50%, 17%);
    width: 240px;}
.nominationYtb ul li { width: 142px; margin-right: 0px; margin-left: 5px; vertical-align: top;}
.nominationYtb ul li figure figcaption.hght { height: 100px;}
.nominationYtb li .sanam1 { height: 33px; overflow: hidden; text-transform: uppercase; font-size: 13px; text-align: center; color: #666666; font-weight: 500; overflow: hidden;}
.nominationYtb .youtubeImg { height: 184px;}
.nominationYtb .voteBtn { width: 120px; padding: 7px;}
.shadowBox { padding-bottom: 5px; box-shadow: inherit; padding-right: 10px;}
.nominationYtb { padding-top: 5px; }
.carousel-inner > .item {
    height: 170px;  overflow: hidden;
 }
 .videoGalleryMbl { display: block;}
 .videoGalleryMbl .videoMbl { list-style: none; overflow-x: auto; white-space: nowrap;}
 .videoMbl .swiper-slide { width: 320px; position: relative; display: inline-block; margin-right: 5px; margin-left: 10px;}
 .videoMbl .vidImg { height:183px; position: relative;}
 .videoMbl .vidImg .videoIcon { position: absolute; z-index: 9; top: 45%; left: 50%;}
 .videoMbl .swiper-slide h3.dtl { white-space: normal !important; margin-top: 10px; font-size: 18px; height: 60px; overflow: hidden; line-height: 27px;}
 .nominationYtb { padding: 5px;}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
    text-align: center; background-size: cover; background-position: center;
        width: 100%;
        max-width: 100%; height: 170px; overflow: hidden;
        line-height: 1;
    }
    .voteDetails .voteLeft { margin-right: 10px; width: 100px; height: 125px;}
    .voteDetails { text-align: center; padding: 0px; padding-top: 15px; margin-bottom: 10px;}
    .voteDetails .voteRight { width:calc(100% - 115px); text-align: left;}
    .voteDetails a.leaderBoat { display: none;}
    .voteDetails .voteDtlTitle { font-size: 26px;}
    .voteDetails .vtDtname { font-size: 12px; margin: 5px 0;}
    .voteDetails .thanks { font-size: 14px; font-weight: normal; margin: 5px 0;}
    .voteDetails .submt { font-size: 16px;}
    .borderBox .icon { margin-top: 20px; transform: scale(0.8);}
    .leaderWidgt .leaderLeft { width: 122px; height: 122px;}
    .leaderBoard .leaderWidgt { height: 122px; margin-bottom: 20px;}
    .leaderWidgt .leaderRight { width: calc(100% - 132px);}
    .leaderWidgt .num { display: none;}
    .panel-faq .panel-title { font-size: 15px; }

}


@media screen and (max-width:360px) { 
    .leaderWidgt .date { font-size: 11px;}
    .nominationYtb ul li { width: 132px; margin-right: 7px; margin-left: 7px;}
    .nominationYtb .youtubeImg { height: 172px;}
    .leaderWidgt .leaderLeft { width: 100px; height: 100px;}
.leaderBoard .leaderWidgt { height: 100px; margin-bottom: 20px;}
.leaderWidgt .leaderRight { width: calc(100% - 102px);}
.leaderWidgt .wonCon { font-size: 11px; margin-bottom: 4px;}
.leaderWidgt .name { margin-top: 9px; font-size: 14px;}
.leaderWidgt .totalCon { font-size: 12px; padding-left: 5px;}
.panel-faq .panel-title { font-size: 14px; }
.modal button.close { top:72px; right: 20px;}
.col-60 .price { margin-top: 2px;}
}
@media screen and (max-width:320px) { 
    .nominationYtb ul li { width: 125px; margin-right: 5px; margin-left: 5px;}
    .nominationYtb .youtubeImg { height: 167px;}
    .leaderWidgt .leaderRight { padding-right: 5px;}
    .leaderWidgt .wonCon { font-size: 9.5px;}
    .panel-faq .panel-title { font-size: 13px; }
    .modal button.close { top:84px; right: 20px;}
}
