@charset "utf-8";
/*
Theme Name: Junos Webtemplates
Theme URI: https://parachutedesign.ca/
Author: Junos Webtemplates
Author URI: 
Version: 2023.01.24-01
Text Domain: 
*/


@import url('css/_custom-popup.css');


@font-face { 
  font-family: 'Calibre-Regular'; 
  src: url('fonts/Calibre-Regular.woff2') format('woff2'), 
       url('fonts/Calibre-Regular.woff') format('woff'), 
       url('fonts/Calibre-Regular.ttf') format('truetype'), 
       url('fonts/Calibre-Regular.otf') format('opentype'); 
  font-weight: 400; 
  font-style: normal; 
  font-display: swap; 
}

@font-face { 
  font-family: 'Calibre-Bold'; 
  src: url('fonts/Calibre-Bold.woff2') format('woff2'), 
       url('fonts/Calibre-Bold.woff') format('woff'), 
       url('fonts/Calibre-Bold.ttf') format('truetype'), 
       url('fonts/Calibre-Bold.otf') format('opentype'); 
  font-weight: 700; 
  font-style: normal; 
  font-display: swap; 
}

@font-face { 
  font-family: 'Calibre-Black'; 
  src: url('fonts/Calibre-Black.woff2') format('woff2'), 
       url('fonts/Calibre-Black.woff') format('woff'), 
       url('fonts/Calibre-Black.ttf') format('truetype'), 
       url('fonts/Calibre-Black.otf') format('opentype'); 
  font-weight: 900; 
  font-style: normal; 
  font-display: swap; 
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-indent: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:100%;
}
a{
	color: #b4a36a;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
a:focus, a:hover, a:active {
	color: #ffffff;
	outline: 0;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0 0 8px;
	font-weight: normal;
	letter-spacing: 0;
	font-family: 'Calibre-Bold', Helvetica, sans-serif;
}
h1 {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 63px;
}
h2 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 12px;
}
h3 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 13px;
}
h4 {
	font-size: 18px;
	line-height: 20px;
}
h5 {
	font-size: 20px;
	line-height: 23px;
}
h6 {
	font-size: 18px;
	line-height: 22px;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}
b, strong {
	font-weight: normal;
	font-family: 'Calibre-Regular', Helvetica, sans-serif;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
p {
	margin-bottom: 30px;
}
p:last-child{margin-bottom: 0;}
p.size-large{
	font-size: 20px;
	line-height: 28px;
}
code, kbd, tt, var, samp, pre {
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:none;
	-ms-hyphens: none;
	hyphens:none;
	line-height: 1.6;
}
pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens:none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	border-top: 5px solid #f8a01b;
	border-bottom: 5px solid #f8a01b;
	color: #192958;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 34px;
	text-align: center;
	padding: 24px 0 26px;
	margin: 47px auto 43px;
	max-width: 540px;
	text-transform: none;
}
blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	margin-bottom: 14px;
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	line-height: normal;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
dl {
	margin-bottom: 24px;
}
dt {
	font-family: 'Calibre-Regular', Helvetica, sans-serif;
}
dd {
	margin-bottom: 24px;
}
ul {list-style: none; margin: 0 0 49px 50px;}
ul > li{ margin: 0 0 15px; position: relative; }
li > ul{ margin: 7px 0 12px 0px;} 
ol { list-style:none; margin: 41px 0 67px 0;}
ol > li { position:relative; margin-bottom: 32px;}
li > ol { margin: 24px 0 37px 0; }

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table, th, td {
	border: 1px solid #dae5ea;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0 1px 0px 1px;
	margin: 23px 0 50px;
	width: 100%;
}
table tbody tr:first-child td{
	padding-top: 11px;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	background-color: #202854;
	color: #ffffff;
	border-width: 0;
	font-weight: 600;
	padding: 9px 18px 8px;
}
td {
	border-width: 0 0 1px 0;
	padding: 7px 18px 8px;

}
del {
	color: #54565b;
}
hr {
	display: block;
	background-color: #fefefe;
	border: 0;
	width: 100%;
	height: 1px;
	margin: 10px 0 13px;
}

::selection {
	background-color: #000840;
	color: #ffffff;
}

::-moz-selection {
	background-color: #000840;
	color: #ffffff;
}

/* Input fields */
input[type="search"]{
	background-color: transparent;
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	padding:16px 17px 15px;
}
input[type="search"]:focus{
	border: 0;
}
input, select, textarea {
	font-family: 'Calibre-Regular', Helvetica, sans-serif;
	outline: 0;
	border: 0;
	border-radius: 9px;
	border: 1px solid #dae5ea;
	background-color: #ffffff;
	box-shadow: none;
	color: #888f99;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	padding:13px 18px 14px;
	vertical-align: middle;
	-webkit-appearance:none;
}
textarea {
	width: 100%;
	resize: none;
	height: 143px;
}
input:focus, textarea:focus {
	box-shadow: none;
	outline: 0;
}
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"]{
	background-color: #b52372;
	border: 0;
	box-shadow: none;
	outline: 0;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	padding: 17px 30px 15px;
	text-transform: none;
	vertical-align: middle;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
 input[type="button"]:hover, input[type="button"]:focus, button[type="submit"]:focus, button[type="submit"]:hover,
 input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #A8A8AA;
    color: #EC0083;
}
 input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button[type="submit"]:active {
    background-color: #A8A8AA;
    color: #EC0083;
}
::-webkit-input-placeholder {
	color: #888f99;
}
::-moz-placeholder { 
	color: #888f99;
}
:-ms-input-placeholder {
	color: #888f99;
}
:-moz-placeholder { 
	color: #888f99;
}
.search-field {
	width: 100%;
}
.search-submit {
	display: none;
}

/* Buttons */
button, .button {
	min-width: 120px;
	display: inline-block;
	border-radius: 0;
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #bda56b;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 9px 15px 6px;
	vertical-align: middle;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	outline: 0;
	text-align: center;
	font-family: 'Calibre-Bold', Helvetica, sans-serif;
}
button:focus, .button:focus, button:active, button:hover, .button:active, .button:hover{
	border-color: #bda56b;
	background-color: #bda56b;
	color: #ffffff;
}
button.btn-red, .button.btn-red{
	color: #b4a36a;
}
button.btn-red:focus, .button.btn-red:focus, button.btn-red:active, button.btn-red:hover, .button.btn-red:active, .button.btn-red:hover{
	background-color: #b4a36a;
	border-color: #b4a36a;
	color: #ffffff;
}
button.btn-green, .button.btn-green{
	color: #00bca1;
}
button.btn-green:focus, .button.btn-green:focus, button.btn-green:active, button.btn-green:hover, .button.btn-green:active, .button.btn-green:hover{
	background-color: #00bca1;
	border-color: #00bca1;
	color: #ffffff;
}

.modal-content h4{color:#000;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 40%; /* Could be more or less, depending on screen size */
  transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: -5px;
  margin-top: -10px;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* Alignment */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
	margin: 22px 22px 55px 0;
}
.wp-caption.alignleft {
	margin: 22px 22px 55px 0;
}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {
	margin: 22px 0 55px 22px;
}
.wp-caption.alignright {
	margin: 22px 0 55px 14px;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	margin-top: 22px;
	margin-bottom: 55px;
}
img.alignnone{
	margin: 22px 22px 55px 0;
	display: block;
	clear: both;
}
.clearfix{clear: both; display: block;}
*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

/*-- flex css starts here --*/
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
.flex-vcenter{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-content-center{-ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-center{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }
.table{ display: table; width: 100%; height: 100%;}
.table-cell{display: table-cell; vertical-align: middle;}


/*-- custom css starts here --*/
body{ font-size: 16px; line-height: 24px; background-color: #bda56b; color: #FFFFFF; font-family: 'Calibre-Regular', Helvetica, sans-serif; background-image: url("images/fanchoice-bg@2x.jpg"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative;}

.absolute{position: absolute;}
.toggle-lang{ gap: 12px; top: 22px; right: 32px; z-index: 1; width: fit-content;}
.toggle-lang a{color: #fff; font-size: 18px; line-height: 24px; display: block; font-family: 'Calibre-Bold', Helvetica, sans-serif; }
.toggle-lang a.active, .toggle-lang a:hover{color: #bda56b;}


.main-header{ width: 100%; top: 0; bottom: inherit; left: 0; right: 0; z-index: 80; position: fixed; background-color: #000000; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out;}
.main-header.fixed-header{ visibility: visible; opacity: 1;}
.header{width: 100%; margin: 11px 0 11px; position: relative;}
.logo a{display: inline-block; width: 100%; height: 100%;}
.logo img{ width: 100%;}
.navtabs-main strong{padding: 0; display: inline-block; font-size: 18px; line-height: normal; text-transform: uppercase;}
.navtabs-main nav{display: inline-block;}
ul.nav-tabs{margin: 0; list-style: none;}
ul.nav-tabs li{display: inline-block; margin: 0;}
.three-ways-vote{flex: 1; text-align: right;}



.hero-bgimage-section{ padding: 0; position: relative; z-index: 0; overflow: hidden; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}
.hero-bgimage-section:after{opacity: 0.5; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #0e0e0e; position: absolute; z-index: 2;}
.heroimages_slide{width: 100%; height: 100%; top: 0; left: 0; right: 0;  bottom: 0; position: absolute; z-index: 1;}
.heroImages{width: 100%; height: 100%; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; transition: all 0.2s ease-in-out;}
.hero-bgimage-main{ position: relative; z-index: 3;}
.hero-winner-text{margin: 32px auto 0; max-width: 710px;}
.hero-winner-text span {font-size: 20px; line-height: 27px; font-family: 'Calibre-Regular', Helvetica, sans-serif; margin-bottom: 5px; display: block;}

#desktop_data{display: block !important;}
#mobile_data{display: none !important;}

.hero-bg-section { position: relative; z-index: 1;}
.hero-bg { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

.hero-slide-left .slider-nav{width: 272px; bottom: 0; left: 0; position: absolute;}

.hero-voting-desc{font-size: 24px; line-height: 28px; margin-top: 25px;}
.hero-voting-desc strong{color: #b4a36a;}
.hero-voting-time{font-size: 24px; line-height: 28px;}
.hero-voting-time strong{color: #b4a36a;}
.hero-voting-time span{padding: 0 5px 0 9px; top: -2px; position: relative;}

.hero-slide-text h2{margin: 0;}
.hero-slide-vote{margin-bottom: 44px;}
.ticktok-logo{margin-bottom: 32px;}
.ticktok-logo a{width: 100%; height: 100%; display: block;}
hr.blue{width: 56px; height: 2px; margin: 23px 0 0; background-color: #b4a36a;}
span.optional-text{margin-bottom: 14px; font-size: 16px; line-height: normal; letter-spacing: 2px; display: block; color: rgb(255 255 255 / 50%); font-family: 'Calibre-Bold', Helvetica, sans-serif;}
span.optional-text.blue{margin-bottom: 15px; color: #b4a36a;}
.hero-slide-icons{cursor: pointer; display: block;}
.hero-slide-icons h2{color: #FFFFFF; transition: all 0.5s ease;}
.hero-slide-icons:hover h2{color: #b4a36a;}
.hero-text-icon{right: 0; top: -55px; width: 80px; height: 80px; position: absolute; z-index: -1; background-repeat: no-repeat; background-size: cover; cursor: pointer; transition: all 0.5s ease-in-out;} 
.hero-text-icon.click-icon{background-image: url("images/click-icon.svg");}
.hero-text-icon.twitter-icon{background-image: url("images/twitter-icon.svg");}
.hero-slide-icons:hover .hero-text-icon.click-icon{background-image: url("images/click-icon-hover.svg");}
.hero-slide-icons:hover .hero-text-icon.twitter-icon{background-image: url("images/twitter-icon-hover.svg");}

.pos-relative{position: relative;}
picture#jfcvotemobile{display:none;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }

.sub-title{text-align: center; margin-bottom: 46px; font-size: 16px; line-height: 24px;  top: -47px; left: 0; right: 0; position: absolute;}
.sub-title h2{font-size: 104px; line-height: 104px; letter-spacing: 2px; margin-bottom: 0;}

.hero-click-section{padding: 160px 0 104px;}

.click-sub-title{max-width: 600px; padding-bottom: 7px;}
.click-sub-title p{max-width: 345px; margin-left: auto; margin-right: auto; color: #ffffff;}
.click-sub-title p a{color: #ffffff;}
.click-sub-title p a:hover{color: #b4a36a;}

.click-cast-lists{align-items: flex-end;}
.click-cast-list{font-size: 16px; line-height: normal; font-family: 'Calibre-Regular', Helvetica, sans-serif; text-align: center;}
.click-cast-list p{margin-bottom: 12px;}
.click-cast-image{position: relative;}
.click-cast-image img{width: 100%;}
.click-to-vote{padding: 10px 9px 11px 10px; background-color: #0e0e0e; color: #ffffff;}
.click-to-vote span{font-size: 24px; line-height: 29px; font-weight: normal; text-transform: uppercase; display: block; text-align: center; font-family: 'Calibre-Regular', Helvetica, sans-serif;}

.vote-list-main {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; width: 100%; margin-top: 61px;}
.vote-list{ width: 132px; margin: 0 10px 37px; display: inline-block; vertical-align: bottom; position: relative; text-align: center;}
.vote-list span{ margin-bottom: 13px; line-height: 20px; display: block; color: #FFFFFF; font-size: 17px; font-family: 'Calibre-Regular', Helvetica, sans-serif; }
.vote-list-bg { padding: 10px 10px 11px; text-transform: uppercase; background-color: #000000; }
.vote-list-bg h3{margin: 0;}

.hero-listen-section{ padding: 76px 0 48px;  text-align: center;}
.cast-your-vote{ margin: 58px 0 21px;}
.please-note{font-size: 14px; line-height: 19px;}

.hero-ticktok-image img{width: 100%; height: 100%; font-family: "object-fit:cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }

.hero-share-section{ padding: 82px 0 30px; position: relative; z-index: 2;}
.btn-black{font-family: 'Calibre-Regular', Helvetica, sans-serif;font-weight: 700;}
.share-sub-title p br{display: none;}
.share-list a{width: 100%; height: 100%; display: block; color: #FFFFFF;}
.share-img{width: 136px; height: 136px; margin: 0 auto;}
.share-img img{border-radius: 300px; width: 100%; height: 100%; font-family: "object-fit:cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }
.share-text{width: 100%; padding: 13px 4px 9px; margin-top: -10px; background-color: #FFFFFF; color: #000000; display: block; text-align: center; position: relative; z-index: 1;}
.share-text h4{margin: 0; display: block;}
.share-icons-pos{ position: absolute; top: 0; right: -23px; transform: rotate(-20deg); transition: all 0.3s ease-in-out; z-index: -1;}
.share_inline_text{padding-left: 3px; opacity: 0;}
.share-icons-main .share_inline_tool{width: 32px;}
.share-icons-main .share_inline_tool .addthis_inline_share_toolbox .at-share-btn-elements a.at-svc-twitter{width: 32px; height: 32px; background-image: url("images/tweet-icon@2x.png"); background-repeat: no-repeat; background-size: contain; background-position: center; background-color: transparent !important;}
.share-icons-main .share_inline_tool .addthis_inline_share_toolbox .at-share-btn-elements a.at-svc-twitter span{display: none;}
.share-icons-main .share_inline_tool .addthis_inline_share_toolbox .at-share-btn-elements a.at-svc-twitter svg{display: none;}

.share-list:hover .share-icons-pos{right: -56px;}
.share-list:hover .share_inline_text{opacity: 1;}



/*-- share_inline_tool starts here --*/
.share_inline_tool{width: 100%;}
.share_inline_tool .at-style-responsive a.at-share-btn, .share_inline_tool .addthis_inline_follow_toolbox a.at-follow-btn{margin: 0; transform: none; padding: 0;}
.share_inline_tool .at-style-responsive a.at-share-btn:hover, .share_inline_tool .addthis_inline_follow_toolbox a.at-follow-btn:hover{ transform: none;}
.share_inline_tool .at-style-responsive a.at-share-btn span.at-icon-wrapper{line-height: 80px !important;}
.share_inline_tool .at-style-responsive a.at-share-btn span, 
.share_inline_tool .addthis_inline_follow_toolbox a.at-follow-btn span{width: 50px !important; height: 50px !important; line-height: 70px !important; vertical-align: middle;}
.share_inline_tool .addthis_inline_follow_toolbox p{ display: none;}
.addthis_inline_share_toolbox{display: flex; width: 50px;}

.share_inline_tool .at-style-responsive a.at-share-btn.at-svc-facebook{display: none;}
.share_inline_tool .addthis_inline_follow_toolbox a.at-follow-btn{display: none;}
/*-- share_inline_tool ends here --*/

.main-footer{color: #FFFFFF; z-index: 1;}
body.closure-page .main-footer::after{height: 100%;}
body.closure-page .footer{ padding: 60px 0 55px;}
.main-footer::after{top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; position: absolute; content: ""; background-color: #000000; z-index: -1;}
.footer{ padding: 0 0 55px;}
.footer-lists{margin-bottom: 159px; font-size: 14px; line-height: normal;}
.footer-logos {display: flex;align-items: center;}
.footer-logo{ margin-right: 26px; position: relative;}
.footerlogo-partners{position: relative;}
.footerlogo-partners:before{width: 1px; height: 93px; left: -41px; top: -7px; position: absolute; background-color: #b4a36a; content: ""; display: inline-block; opacity: 0.5; }
.footer-left .footerlogo-partners:before{display: none;}

.footer-text{margin-bottom: 21px;}
.footer-text p{margin: 0; letter-spacing: 0.5px; text-transform: uppercase;}
span.pipeline{display: inline-block; margin: 0 12px 0 11px; font-size: 0; background-color: #b4a36a; line-height: 0; width: 1px; height: 18px; vertical-align: middle; position: relative; top: -2px; }

.voting-ends{top: -51px; position: relative;}
.voting-ends h2{ margin-bottom: -42px; color: #b4a36a; font-size: 104px; line-height: 104px; text-transform: uppercase;}
.voting-ends h3{font-size: 72px; line-height: 72px; margin-bottom: 7px;}
.voting-ends h3 span{padding: 0 29px; top: -11px; position: relative;}
.voting-ends h4{margin: 0; color: #b4a36a; font-size: 24px; line-height: 28px; display: block;}
.boilerplate-logos{margin-bottom: 70px;}
.copyright{color: rgb(255 255 255 / 50%); font-size: 12px; line-height: normal; letter-spacing: 0.5px; text-transform: uppercase;}
.copyright p{margin: 0;}


/*-- media queries starts here --*/
@media only screen and (min-width: 1024px){
	.container{max-width: 1258px; margin: 0 auto;}
	.container.md{max-width: 815px;}
	.container.sm{max-width: 756px;}
	
	.share-list-main{width: 100%; margin-top: 110px;}
	
	.logo{width: 250px; margin-right: 32px;}
	.header-right{flex: 1;}
	.navtabs-main{justify-content: flex-end; gap: 18px;}

	.three-ways-vote{max-width: 565px;}
	.navtabs-main strong{font-size: 26px; line-height: 32px;}
	ul.nav-tabs > li > a.button{font-size: 26px; line-height: 32px; padding: 10px 15px 5px; top: -2px; position: relative;}


	
	.hero-bgimage-main{padding: 58px 0 162px;}
	.hero-bgimage-main h1{max-width: 57.55%; margin: 0 auto 58px;}


	.hero-slide-main{ padding-bottom: 54px;}
	.hero-slide-left{width: 930px; margin-right: 60px; padding-left: 150px;}
	.hero-slide-right{width: calc(100% - 990px); padding-top: 202px; max-width: 272px;}
	.hero-slide-left .slider-nav{bottom: -162px;}
	.slider-nav picture img{height: 272px;}
	.hero-voting-ends-main{padding-left: 425px;}
	.hero-voting-ends-text{max-width: 505px;}
	.hero-slide-text{margin-bottom: 47px;}
	.hero-slide-text:last-child{margin-bottom: 0;}

	.click-cast-list{width: calc(95% / 5 - 12px); margin: 0 12px 19px;}
	.click-cast-list:nth-child(5n+1){margin-left: 0;}
	.click-cast-list:nth-child(5n+5){margin-right: 0;}
	.footer-logo:last-child{margin-right: 0;}
	.footer-right .footer-logos{padding-top: 6px;}
	.footer-left{width: 50%; padding-right: 40px;}
	.footer-right{width: 50%; padding-left: 40px;}

}
@media only screen and (min-width: 1300px){
	.share-list{width: calc(19% - 12px); margin: 0 15px 90px;}
	.share-list:nth-child(5n+1){margin-left: 0;}
	.share-list:nth-child(5n+5){margin-right: 0;}
	.navtabs-main{gap: 32px;}
}
@media only screen and (min-width: 1500px){
	.toggle-lang{top: 56px;}
	.toggle-lang.fixed{position: fixed;}
}
@media only screen and (min-width: 768px){
	.share-sub-title{max-width: 490px;}
	.hero-bgimage-main h1 img{object-fit: contain; object-position: center top;}
	.hero-slide-text h2{font-size: 24px; line-height: 32px;}
	.voting-ends h3 br{display: none;}
}
@media only screen and ( max-width: 1299px) and (min-width:1024px){
	.container{max-width: 100%; padding: 0 30px;}
	.navtabs-main strong{margin-right: 0; font-size: 22px; line-height: 28px;}

	.hero-bgimage-main{padding: 58px 0 162px;}
	.hero-slide-main{display: block;}
	.hero-slide-left{width: 100%; margin-right: 0;}

	.hero-slide-right{width: 100%; max-width: 100%; padding-top: 220px;}
	.hero-voting-ends-main{padding: 0;}
	.hero-voting-ends-text{max-width: 414px; margin: 0 auto; text-align: center;}
	.hero-slide-flex{width: 100%; display: flex; flex-wrap: wrap;}
	.hero-slide-text{width: calc(50% - 20px); margin: 0 20px 40px;}
	.hero-slide-text:nth-child(odd){margin-left: 0;}
	.hero-slide-text:nth-child(even){margin-right: 0;}
	.hero-slide-flex hr{display: none;}

	.share-list{width: calc(24.2222% - 15px); margin: 0 15px 90px;}
	.share-list:nth-child(4n+1){margin-left: 0;}
	.share-list:nth-child(4n+4){margin-right: 0;}

	.voting-ends h3{font-size: 84px; line-height: 88px; margin-bottom: 0;}
	.voting-ends h3 span{padding: 0;}
	.footer-lists{margin-bottom: 80px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.hero-bgimage-section .container{padding: 0;}
	.hero-bgimage-main{padding: 58px 0 162px;}
	.hero-bgimage-main h1{padding: 0 24px;}
	.hero-slide-main{display: block;}
	.hero-slide-left{width: 100%; margin-right: 0;}
	.hero-slide-left .slider-nav{bottom: -144px;}
	.hero-slide-right{width: 100%; max-width: 100%; padding: 220px 24px 0;}
	.hero-voting-ends-main{padding: 60px 0 0;}
	.hero-voting-ends-text{max-width: 414px; margin: 0 auto; text-align: center;}
	.hero-slide-flex{width: 100%; display: flex; flex-wrap: wrap;}
	.hero-slide-text{width: 100%; max-width: 500px;  margin: 0 0 40px;}
	.hero-slide-flex hr{display: none;}

	.share-list-main{width: 100%; margin-top: 110px;}
	.share-list{width: calc(32.5555% - 15px); margin: 0 15px 90px;}
	.share-list:nth-child(3n+1){margin-left: 0;}
	.share-list:nth-child(3n+3){margin-right: 0;}

	.click-cast-list{width: calc(96.66% / 5 - 8px); margin: 0 8px 19px;}
	.click-cast-list:nth-child(5n+1){margin-left: 0;}
	.click-cast-list:nth-child(5n+5){margin-right: 0;}

	.voting-ends{margin-bottom: 0;}
	.voting-ends h3{font-size: 64px; line-height: 68px; margin-bottom: 0;}
	.voting-ends h3 span{top: -5px; padding: 0;}
	.voting-ends h4{font-size: 22px;}
	.footer-lists{display: block; margin-bottom: 89px;}
	.footer-left{width: 100%; margin: 0 0 60px;}
	.footer-right{width: 100%;}
	.footerlogo-partners:before{display: none;}
	.footerlogo-partners{padding-left: 0; text-align: center;}
	.footer-logos{justify-content: center;}
	.footer-logo{margin: 0 13px;}
}
@media only screen and ( max-width: 1023px) and (min-width: 200px){
	.container{max-width: 100%; padding: 0 24px;}
	.toggle-lang.fixed{position: fixed;}
	.three-ways-vote{display: none;}

	.header{margin: 14px 0 14px; justify-content: center;}
	.header-right{margin: 0; float: none; display: flex; justify-content: center; align-items: center;}
	.navtabs-main strong{font-size: 16px;}
	.logo{display: none;}
	.footerlogo-partners p{line-height: 14px; left: 27px;}
}
@media only screen and ( max-width: 870px) and (min-width: 200px){
	.vote-list { margin: 0 7px 37px;}
	.navtabs-main .alignleft{display: none;}
	.navtabs-main strong{display: none;}
	.navtabs-main .alignright{float: none;}
}
@media only screen and ( max-width: 767px) and (min-width: 200px){
	body{background-image: url("images/fanchoice-bg-mobile@2x.jpg");}
	.modal-content {width:70%;}
	#desktop_data{display: none !important;}
	#mobile_data{display: block !important;}
	.heroimages_slide{position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;}
	.heroimages_slide img{width: 100%;}


	.header-right .navtabs-main strong{display: none;}
	.alignleft{float: none;}
	.alignright{float: none;}
	.navtabs-main strong{padding: 0 0 15px;}
	.hero-winner-text{margin: 13px 0 0; max-width: 100%; font-size: 15px; line-height: 20px;}
	.hero-winner-text span{font-size: 16px; line-height: 22px; font-weight: 600;}
	.hero-winner-text p{margin: 0 32px;}
	
	.hero-bgimage-section{height: auto; background-image: url('images/F2-Mobile.jpg');}
	.hero-bgimage-main .navtabs-main{margin-top: 60px;}

	.hero-bgimage-section .container{padding: 0;}
	.hero-bgimage-main{padding: 30px 0 89px;}
	.hero-bgimage-main h1{padding: 0 24px; margin: 0 auto 30px; max-width: 100%;}
	.hero-slide-main{display: block;}
	.hero-slide-left{width: 100%;}
	.hero-slide-left .slider-nav{bottom: -39px; width: 175px;}
	.hero-slide-right{width: 100%; max-width: 100%; padding: 79px 24px 21px;}
	.hero-voting-ends-main{padding: 0 24px;}
	.hero-voting-ends-text{max-width: 414px; margin: 0 auto; padding: 60px 0 0; border-top: 2px solid #b4a36a; text-align: center;}
	.hero-voting-desc{margin-bottom: 9px; margin-top: 0;}
	.hero-voting-desc p br{ display: none;}
	.hero-voting-time span{top: -2px; padding: 0 5px 0 9px; position: relative;}
	.hero-slide-vote{padding: 10px 13px 9px; margin-bottom: 32px; border: 1px solid #b4a36a; display: flex; flex-wrap: wrap; width: 100%; position: relative;}
	.hero-slide-vote::before{width: 100%; height: 100%; top: 1px; left: 1px; border: 1px solid #b4a36a; content: ""; display: block; position: absolute; z-index: -1;}
	.hero-slide-vote span.optional-text{ margin: 0 9px 0 0; padding-top: 5px; font-size: 15px; line-height: 20px;}
	.hero-slide-vote hr{display: none;}
	.ticktok-logo{width: calc(100% - 124px); margin: 0;}
	.hero-slide-flex{width: 100%; display: flex; flex-wrap: wrap;}
	.hero-slide-text{width: 100%; max-width: 400px; margin: 0 auto 40px;}
	.hero-slide-text h2{font-size: 28px; line-height: 34px;}
	.hero-slide-text hr{display: none;}
	span.optional-text{margin-bottom: 7px;}
	.hero-text-icon{top: -8px; right: -18px; width: 94px; height: 94px; z-index: -1;}
	.hero-slide-icons:hover .hero-text-icon{transform: rotate(24deg);}
	
	.hero-click-section {padding: 171px 0 78px;}
	.hero-click-section .container{max-width: 100%;}
	.sub-title{margin-bottom: 38px; padding: 0 20px; top: -25px;}
	.sub-title h2{font-size: 48px; line-height: 48px; margin-bottom: 9px;}
	.sub-title br{display: none;}
	
	.vote-list-main{ justify-content: center; margin-top: 40px;}
	.vote-list{margin: 0 13px 19px;}
	
	.hero-listen-section{padding: 51px 0 11px;}
	.cast-your-vote{margin: 34px 0 11px;}
	
	.hero-share-section { padding: 54px 0 54px;}

	.share-list-main{display: block; padding-top: 112px; padding-right: 27px;}
	.share-list a{cursor: pointer; margin-bottom: 24px; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
	.share-img{width: 80px; height: 80px; margin: 0; position: relative; z-index: 1;}
	.share-text{width: calc(100% - 80px); margin: 0; left: -13px; position: relative; z-index: 0;}
	.share-icons-pos{top: 17px; right: -17px; transform: none; z-index: 2;}
	.share_inline_text{display: none;}
	.share-icons-main .share_inline_tool{width: 40px;}
	.addthis_inline_share_toolbox{width: 40px;}
	.share-icons-main .share_inline_tool .addthis_inline_share_toolbox .at-share-btn-elements a.at-svc-twitter{width: 40px; height: 40px; background-image: url("images/tweet-icon-mobile@2x.png");}
	.share-list:hover .share-icons-pos{right: -30px;}		

	.voting-ends{margin-bottom: -30px; top: -75px;}
	.voting-ends h2{font-size: 82px; line-height: 82px; margin-bottom: -36px;}
	.voting-ends h3 {font-size: 46px; line-height: 44px; margin-bottom: 12px; letter-spacing: 2px; }
	.voting-ends h3 span{top: -5px; padding: 0;}
	.footer{padding: 42px 0 56px;}
	.footer-text{margin-bottom: 0;}
	.footer-lists{margin-bottom: 49px;}
	.footerlogo-partners{margin: 0; padding: 0; height: auto; display: block;}
	.footerlogo-partners:before {width: 100%; height: 1px; left: 0; position: static; display: block; margin: 17px 0 42px; background-color: #b4a36a; }
	.footerlogo-partners p{position: static; top: inherit; left: inherit; margin-bottom: 26px;}
	.footer-logos { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center;}
	.footer-logo{width: calc(32.7777% - 5px); margin: 0 5px 28px; text-align: center;}
	.footer-logo:nth-child(3n+1){margin-left: 0;}
	.footer-logo:nth-child(3n+3){margin-right: 0;}
	.footer-logo img{margin: 0 auto;}
	.copyright{max-width: 100%; text-align: center;}
	
	button, .button{min-width: 106px; font-size: 19px; padding: 11px 15px 5px;}
	.click-cast-list{width: calc(50% - 7px); margin: 0 7px 24px;}
	.click-cast-list:nth-child(odd){margin-left: 0;}
	.click-cast-list:nth-child(even){margin-right: 0;}
	.hero-voting-time{font-size: 14px; line-height: 18px;}
	.boilerplate-logos{margin-bottom: 50px;}
	
}
@media only screen and (max-width: 480px) and (min-width: 200px){
	button, .button{font-size: 13px; min-width: 90px; padding: 10px 10px 7px;}
}
@media only screen and (max-width: 370px) and (min-width: 200px){
	.toggle-lang{right: 20px;}
	.hero-winner-text span{font-size: 15px;}
	.hero-winner-text p{font-size: 15px;}
	.vote-list { margin: 0 2% 19px;}
	.share-list-main{text-align: left;}
	.share-img{width: 90px; height: 90px;}
	.share-text{width: calc(100% - 90px);}
	.share_inline_text strong{margin-left: 4px; margin-right: 8px; font-size: 13px;}
	h4{font-size: 16px; line-height: 20px;}
	button, .button{font-size: 13px; min-width: 100%; padding: 8px 14px 5px;}
	/*-- share_inline_tool starts here --*/
	.addthis_inline_share_toolbox{width: 92px;}
	.share_inline_tool .at-style-responsive a.at-share-btn span, .share_inline_tool .addthis_inline_follow_toolbox a.at-follow-btn span{width: 46px !important; height: 46px !important;}
	/*-- share_inline_tool ends here --*/
	.click-cast-lists{display: block;}
	.click-cast-list{width: 100%; margin: 0 0 24px; display: block;}
}
@media screen\0 {
	.footerlogo-ie{float: left; width: 240px;}
	.footerlogo-partners{overflow: hidden;}
}