/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap');*/
body{
 /*font-family: 'Montserrat', sans-serif;*/
 color: #000;
 background-color: #FAFAFC;
}
.tox .tox-notification--warn, .tox .tox-notification--warning{
	visibility:hidden !important;
	display: none !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 700;
}
.text-justify {
  text-align: justify;
}
img{
 max-width: 100%;
}

.content{
 margin-top: 62px;
}

.fs-12{
 font-size: 12px;
}
.fs-14{
 font-size: 14px;
}

.mt-n5 {
  margin-top: -3rem !important;
}

#panel{
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index:10;
}

nav{
 /* border-bottom: 2px solid #000; */
}

nav .inner{
  background-color: transparent;
  transition: background-color 0.3s;
}

nav .inner.bg{
  background-color: #fff;
  box-shadow: 0px -2px 16px 4px #12162D0F;
}

nav a{
  color: inherit;
}

body.home nav .inner{
  
}

body:not(.home) nav .inner{
 background-color: #fff;
}

a{
 text-decoration: none !important;
 color: #8B743D;
}

a:hover{
 color: #424656;
}

a:active{
 color: #000;
}

img.bw{
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 transition: filter 0.3s;
}

img.bw:hover{
 -webkit-filter: none;
 filter: none;
}

.round{
 border-radius:50%; 
}

.hr-decor{
  border:1px solid #CAAD78;
}

.hr-dark-decor{
  border:1px solid #8B743D;
}

.nomination-item{
}

.nomination-item .nomination-icon{
  background-color: #424656;
}

.nomination-item:hover .nomination-icon{
  background-color: #000;
}

.nomination-item:active .nomination-icon{
  background-color: #000;
}

.nomination-item .nomination-desc{
  background-color: #fff;
  border:2px solid #424656;
}

.nomination-item:hover .nomination-desc{
  background-color: #FAFAFC;
  border:2px solid  #000;
}

.nomination-item:active .nomination-desc{
  background-color: #E2E4ED;
  border:2px solid  #000;
}

.nomination-item .title{
  color: #000;
}

.nomination-item:hover .title{
  color: #000;
}

.nomination-item:active .title{
  color: #000;
}

.nomination-item .sub-title{
  color: #9BA0B2;
  font-size: 20px;
  font-weight: 500 !important;
}

.nomination-item:hover .sub-title{
  color: #424656;
}

.nomination-item:active .sub-title{
  color: #424656;
}



img{
    max-width: 100%;
}

#mob_menu_init{
  width: 30px;
  display: inline-block;
}
.tdn{
    text-decoration: none;
}

.gold{
	color: #8B743D;
}

.dark-gold{
	color: #8B743D;
}

.dark-blue{
	color: #000;
}

.main-blue{
	color: #424656;
}

.light-blue{
	color: #9BA0B2;
}

.bg-gold{
	color: #8B743D;
}

.bg-dark-gold{
	color: #8B743D;
}

.bg-dark-blue{
	background-color: #000;
}

.bg-main-blue{
	background-color: #424656;
}

.bg-light-blue{
	background-color: #9BA0B2;
}



.btn.btn-default{
    color: #000;
    border: 2px solid #000;
    padding: 24px 40px 24px 40px;
    border-radius: 0px;
    font-size:24px;
    line-height: 1;
    background-color: #fff;
    font-weight: bold;
}

.btn.btn-default:hover{
    color: #424656;
    border: 2px solid #424656;
    background-color: #FAFAFC;
}

.btn.btn-default:active{
    color: #000;
    border: 2px solid #000;
    background-color: #E2E4ED;
}

.btn.btn-default.dark{
    background: #000;
    color: #fff;
}

.btn.btn-default.dark:hover{
    background: #424656;
}

.btn.btn-default.dark:active{
    background: #000;
    color: #fff;
}

.btn.btn-default.px-100{
    padding-right: 100px;
    padding-left: 100px;
}

.bg-lgray {
	background: #F6F6F6;
}
.bg-black {
 	background: #434343;
}
/* 

#notify-list{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 10;
} */

#notify-list .item{
	border-bottom: 1px solid #dedede;
}

#notify-list .item a{
	color: blue;
}

.notify-icon{
	z-index:20;
}

.notify-icon .count{
	position: absolute;
	height: 18px;
	width: 18px;
	top: 5px;
	right: 5px;
	padding: 3px;
	border-radius: 50%;
	background-color: red;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#contest_notify{
	position: absolute;
	top: 100%;
	right: 0px;
	padding: 0;
	z-index:1030;
	max-height:10px;
}



@media screen and (max-width: 767px){
	
	
	#notify-list{
		top: 0;
	}
}

.contest-members-tab:not(.collapsed),.contest-partners-tab:not(.collapsed) {
    background-color: rgba(18, 22, 45, 1);
    color: #fff;
    font-weight: bold;
}

.contest-members-tab.collapsed,.contest-partners-tab.collapsed {
  background-color: #fff;
}

.contest-members-tab.collapsed:hover,.contest-partners-tab.collapsed:hover {
    background-color: transparent;
}

.contest-members-tab.collapsed:active,.contest-partners-tab.collapsed:active {
    background-color: #E2E4ED;
}

#contest_members .collapsing, #contest_partners .collapsing{
    -webkit-transition: none;
    transition: none;
    display: none;
}

#mob_menu{
    background-color: rgba(18, 22, 45, 1);
    color:#fff;
    position: fixed;
    width: 100%;
    top:62px;
    left:100%;
    bottom:0;
    transition: left 0.3s;
    z-index:1000;
}

#mob_menu.show{
  left:0;
}

.cp{
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
  
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
  
  
#more-menu{
 position: absolute;
 width: 200px;
 right: 0;
 top: 100%;
 background: #fff;
 padding-bottom: 15px;
}


.dropdown-contest-menu{
  padding: 15px;
  position: absolute;
  width: 200px;
  left: 0;
  top: 100%;
  background: #fff;
 }

 #more-menu .dropdown-contest-menu{
  display: block !important;
  padding: 0px 10px 0px 10px;
  position: static;
  width: 100%;
  left: 0;
  top: 100%;
  background: #fff;
 }

.video-responsive {
   height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    margin: 0px auto;
    /* max-width: 800px;*/
    width: 100%;
}
.video-responsive iframe {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
@media (max-width: 767px) {
   .video-responsive {
       width: 100%;
   }
}
  

.hb{
    font-size: clamp(1.5rem, 8vw, 2.75rem);
    line-height: 44px;
    font-weight: bold;
}

.h0{
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
}

#invite_banner{
    background-image: url(/upload/assets/img/contest_invite2.jpg);
    background-size:cover;
    background-position: 25% top;
}

#invite_banner_title{
  font-size:48px;
  line-height:1;
  font-weight:bold
}

.bg-black-t{
 background-color: rgba(0,0,0,0.7)
}

#home_promo h1.hb{
 /*background-color: rgb(255 255 255 / 50%);*/
}

@media (min-width: 576px) {

 .hprize{
  font-size:76px;
 }
  #invite_banner_title{
    font-size:56px;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
 .hprize{
  font-size:92px;
 }
 .h0{
  font-size: 48px;
  line-height: 60px;
 }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
 #home_promo h1.hb{
  background-color: initial;
 }
 .position-lg-absolute{
  position: absolute;
 }
 .hprize{
  font-size:76px;
 }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
 .hprize{
  font-size:92px;
 }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
 .hprize{
  font-size:100px;
 }
 #invite_banner{
  background-image:url(/upload/assets/img/contest_invite1.jpg);
  background-size: cover;
  background-position:top center;
 }

 #invite_banner_title{
  font-size:80px;
 }
}