/* general */
body { font-size: calc(14px + (18 - 14) * ((100vw - 320px) / 920)); line-height: 1.4em; }
section { padding: 60px 0; }
.rad-5 { border-radius:5px; }
.padding-20 { padding:20px; }
.pattern { background: url(/assets/i/overlay-pattern.png) repeat; }

/*.lighter { background-color: rgba(211,191,235,0.75); }*/
.lighter { background-color: #dee2e5; }
.darker  { background-color: rgba(0,0,0,0.4); }
.darker h2, .darker h3, .darker h4 { color:#fff;}

#intro, #main_content { -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover; height: auto; background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
#hot_participants, #intro, #nominations, #venue { color: #fff; background-color: #433f5c; }
  
#intro { background-image: url(/assets/i/bg-0.jpg);  }
#main_content { background-image: url(/assets/i/bg-01.jpg);  }
#nominations, #hot_participants, #venue { background-image: url(/assets/i/bg-2.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; }
#venue { background-color:#1c1a26;background-image:unset;padding:0}
#venue-klav{position:absolute;top:-3em;left:0;width:100%}
#venue h2{color:#fff;font-size:1.5rem;line-height:1.4}
#venue .row{padding-top:14rem;align-items: flex-end;} #venue .row p{margin-bottom:0}
#main_content .container { background: rgba(255,255,255,0.7); padding: 50px; border-radius: 5px;}
#support h2{color:#0033a0;font-size:1.6rem;text-align:center;line-height:1.5}
#footer { background: #1c1a26; color:#fff; }
#support img, #venue img{max-width:100%}
/* nav */
.navbar .container { position: relative; }
.navbar-brand { background: url(/assets/i/mjfgajc_logo02.svg) 0 0 no-repeat; height: 40px; width: 85px; display:block; }
.navbar-nav { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / 920))}
nav.bg-dark, nav.bg-dark .dropdown-menu { background: #111 !important; }
.dropdown-toggle::after { margin-left: .355em; vertical-align: .155em; }
.navbar-dark .navbar-toggler { position: absolute; left: 140px; top: 0; }

/* fonts */
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; line-height:1; margin-bottom:20px; color: #433f5c; }
h1  { font-size: calc(28px + (40 - 28) * ((100vw - 320px) / 920)); font-weight:700;}
h2  { font-size: calc(26px + (36 - 26) * ((100vw - 320px) / 920)); font-weight:700; color: #0033a0;}
h3  { font-size: calc(26px + (32 - 26) * ((100vw - 320px) / 920)); font-weight:400; margin: 30px 0 15px; }
h4  { font-size: calc(22px + (28 - 22) * ((100vw - 320px) / 920)); font-weight:400; }
#intro h1  { font-size: calc(28px + (38 - 28) * ((100vw - 320px) / 920));line-height:1.4; margin-bottom:}
#intro h2  { font-size: calc(26px + (34 - 26) * ((100vw - 320px) / 920)); }
#intro h1, #intro h2 { color: #fff; }
#intro p { font-size: calc(14px + (22 - 14) * ((100vw - 320px) / 920)); margin-top:1.5rem}
#hot_news h3 { font-size: calc(22px + (26 - 22) * ((100vw - 320px) / 920)); line-height: 1.2; margin-top: 0; }
a, a:hover { color:#1d90e8; }
.lighter a { color: #007ddd; }
.lead { font-weight: 600;}
.btn {  }
.btn-success { background-color: #ff0000; border-color: #ff0000; color: #fff !important;}
.btn-info { background-color: #0033a0; border-color: #0033a0; color: #fff !important;}
.btn-success:hover { background-color: #007ddd; border-color: #1d90e8;}
.radio-btn label { display: block; margin: 0 0 20px; }
/* content */
.content-card { position: relative; display: block; text-align:center; margin: 0 0 10px; width: 100%; background-color: #1c1a26; background-size: cover; background-position: center bottom; background-repeat: no-repeat; overflow: hidden; border: 1px solid #8983ab;}
.musician-card { background-image: url(/assets/i/bg-01.jpg);}
.musician-card img { width: 100%; }
.nomination-card { max-width: 200px; height: 200px; }
.content-card .caption-text { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / 920));}

.content-card-txt { background: rgba(0,0,0,0.5); border-radius: 0 0 5px 5px; position: absolute; bottom: 0; left: 0; padding: 10px 10px 15px; color: #fff; width: 100%; }
.content-card .pattern {height: 100%; display: block; position: absolute; top: 0; width: 100%;}
.content-card h4 { font-size: 20px; margin-bottom: 0; }

.lang_switch { list-style: none; margin: 0; padding: 0; position: absolute; right: 20px; top: 8px;}
.lang_switch li { float: right; margin: 0 0 0 8px; }
.lang_switch a { display: block; width: 26px; height: 26px; background-position: 0 0 !important; background-repeat: no-repeat !important; }
.lang_switch a:hover { opacity: 0.5;}
.lang_switch a.active { opacity: 0.25; cursor: text;}
.lang_switch a span { display: none; }
.lang_switch a.ru { background: url("/assets/i/flags/russia.svg"); }
.lang_switch a.en { background: url("/assets/i/flags/united-states.svg"); }

#demo { font-family: 'Montserrat', sans-serif; font-size: calc(26px + (34 - 26) * ((100vw - 320px) / 920)) !important; font-weight: 700; margin: 40px 0 0; }

.circle_thumb { border-radius: 50%; float: left; margin: 0 20px 20px 0; width: 140px; height: 140px; }

.reg_form { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / 920)); line-height: 1.2em; }
.reg_form h2 { font-size: calc(26px + (32 - 26) * ((100vw - 320px) / 920)); font-weight: 400; text-align: left;}
.reg_form hr { margin: 40px 0; }
.row-divider { margin-top: 40px;}
.reg_form .row { margin-bottom: 20px; }
.form-control { } 
input[type=checkbox], input[type=radio] {  }
.error { color: red; }

#carouselVideos { padding: 60px; background: #fff; border-radius: 5px;}
.carousel-control-next-icon, .carousel-control-prev-icon { width: 50px; height: 50px; }
.carousel-indicators li { background-color: #201d33; width: 60px; height: 10px;}
.carousel-indicators li.active { background-color: #1d90e8;}
.rating-wrap { padding: 10px 10px 0;background: #fff;border-radius: 5px;display: inline-block; }

#main_content .breadcrumb { font-size: calc(12px + (14 - 12) * ((100vw - 320px) / 920)); padding: .5rem 1rem; }
/* Search */
#main_content .container, #info .container { position: relative; }
#main_content .simplesearch-search-form, #info .simplesearch-search-form  { position: absolute;right: 40px;top: -42px;background:rgba(255,255,255,0.7);padding: 10px 20px 0;border-radius: 5px 5px 0 0; }
#info .simplesearch-search-form { right: 20px; top: -100px; background:rgba(255,255,255,1);}

.simplesearch-search-form { font-size: smaller; }
.simplesearch-search-form label { display: none; }
.simplesearch-search-form .form-control { width: auto; display: inline-block; }
.simplesearch-search-form input[type="submit"] { border: 0; border-radius: 3px; padding: 1px 8px 3px; line-height: 28px; background: #433f5c; color:#fff; }
.simplesearch-results { font-size: calc(14px + (22 - 14) * ((100vw - 320px) / 920)); }
.simplesearch-paging { color: #777; }
.simplesearch-result-pages { color: #000; margin-right:10px; }
.simplesearch-page a, .simplesearch-current-page { padding: 5px 12px; }
.extract .simplesearch-highlight { padding: 2px 6px; background: #bfbbd7; border-radius: 3px; }
.simplesearch-result h3 { font-size: calc(20px + (26 - 20) * ((100vw - 320px) / 920)); }
.simplesearch-results-list { padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #bfbbd7; }

#mjf_geography { background-image: url(/assets/i/bg-5.1.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; }
#mjf_geography .flag { width: 50px; height: 50px; margin: 10px 15px;}
#mjf_geography .flag_block { margin: 0 auto; width: 812px; }

.flag { display: inline-block; width: 18px; height: 18px; background-position: 0 0 !important; background-repeat: no-repeat !important; vertical-align: sub; margin-right: 5px;}
.flag-RU { background: url("/assets/i/flags/russia.svg"); }
.flag-PL { background: url("/assets/i/flags/poland.svg");}
.flag-CA { background: url("/assets/i/flags/canada.svg");}
.flag-BY { background: url("/assets/i/flags/belarus.svg");}
.flag-IL { background: url("/assets/i/flags/israel.svg");}
.flag-AU { background: url("/assets/i/flags/australia.svg");}
.flag-AT { background: url("/assets/i/flags/austria.svg");}
.flag-AZ { background: url("/assets/i/flags/azerbaijan.svg");}
.flag-AR { background: url("/assets/i/flags/argentina.svg");}
.flag-AM { background: url("/assets/i/flags/armenia.svg");}
.flag-BE { background: url("/assets/i/flags/belgium.svg");}
.flag-BR { background: url("/assets/i/flags/brazil.svg");}
.flag-HU { background: url("/assets/i/flags/hungary.svg");}
.flag-VE { background: url("/assets/i/flags/venezuela.svg");}
.flag-DE { background: url("/assets/i/flags/germany.svg");}
.flag-GR { background: url("/assets/i/flags/greece.svg");}
.flag-GE { background: url("/assets/i/flags/georgia.svg");}
.flag-DK { background: url("/assets/i/flags/denmark.svg");}
.flag-ID { background: url("/assets/i/flags/indonesia.svg");}
.flag-ES { background: url("/assets/i/flags/spain.svg");}
.flag-IT { background: url("/assets/i/flags/italy.svg");}
.flag-KZ { background: url("/assets/i/flags/kazakhstan.svg");}
.flag-CM { background: url("/assets/i/flags/cameroon.svg");}
.flag-ZM { background: url("/assets/i/flags/zambia.svg");}
.flag-CO { background: url("/assets/i/flags/colombia.svg");}
.flag-CU { background: url("/assets/i/flags/cuba.svg");}
.flag-LV { background: url("/assets/i/flags/latvia.svg");}
.flag-LT { background: url("/assets/i/flags/lithuania.svg");}
.flag-MX { background: url("/assets/i/flags/mexico.svg");}
.flag-MD { background: url("/assets/i/flags/moldova.svg");}
.flag-NG { background: url("/assets/i/flags/nigeria.svg");}
.flag-NL { background: url("/assets/i/flags/netherlands.svg");}
.flag-NZ { background: url("/assets/i/flags/new-zealand.svg");}
.flag-NC { background: url("/assets/i/flags/new-caledonia.svg");}
.flag-RO { background: url("/assets/i/flags/romania.svg");}
.flag-RS { background: url("/assets/i/flags/serbia.svg");}
.flag-SG { background: url("/assets/i/flags/singapore.svg");}
.flag-SY { background: url("/assets/i/flags/syria.svg");}
.flag-TT { background: url("/assets/i/flags/trinidad-and-tobago.svg");}
.flag-TN { background: url("/assets/i/flags/tunisia.svg");}
.flag-TM { background: url("/assets/i/flags/turkmenistan.svg");}
.flag-TR { background: url("/assets/i/flags/turkey.svg");}
.flag-FR { background: url("/assets/i/flags/france.svg");}
.flag-CZ { background: url("/assets/i/flags/czech-republic.svg");}
.flag-CL { background: url("/assets/i/flags/chile.svg");}
.flag-CH { background: url("/assets/i/flags/switzerland.svg");}
.flag-SE { background: url("/assets/i/flags/sweden.svg");}
.flag-EC { background: url("/assets/i/flags/ecuador.svg");}
.flag-EE { background: url("/assets/i/flags/estonia.svg");}
.flag-ZA { background: url("/assets/i/flags/south-africa.svg");}
.flag-KR { background: url("/assets/i/flags/south-korea.svg");}
.flag-JP { background: url("/assets/i/flags/japan.svg");}
.flag-PD { background: url("/assets/i/flags/transnistria.svg");}
.flag-DO { background: url("/assets/i/flags/dominican-republic.svg");}
.flag-KG { background: url("/assets/i/flags/kyrgyzstan.svg");}
.flag-CG { background: url("/assets/i/flags/republic-of-the-congo.svg");}
.flag-UZ { background: url("/assets/i/flags/uzbekistan.svg");}
.flag-UA { background: url("/assets/i/flags/ukraine.svg");}
.flag-GB { background: url("/assets/i/flags/united-kingdom.svg");}
.flag-US { background: url("/assets/i/flags/united-states.svg");}

.flag-CN { background: url("/assets/i/flags/china.svg");}
.flag-VN { background: url("/assets/i/flags/vietnam.svg");}
.flag-IN { background: url("/assets/i/flags/india.svg");}
.flag-TH { background: url("/assets/i/flags/thailand.svg");}
.flag-FI { background: url("/assets/i/flags/finland.svg");}
.flag-PT { background: url("/assets/i/flags/portugal.svg");}
.flag-MY { background: url("/assets/i/flags/malaysia.svg");}
.flag-PH { background: url("/assets/i/flags/philippines.svg");}
.flag-PE { background: url("/assets/i/flags/peru.svg");}
.flag-NO { background: url("/assets/i/flags/norway.svg");}
.flag-IS { background: url("/assets/i/flags/iceland.svg");}
.flag-AE { background: url("/assets/i/flags/united-arab-emirates.svg");}
.flag-EG { background: url("/assets/i/flags/egypt.svg");}
.flag-BG { background: url("/assets/i/flags/bulgaria.svg");}
.flag-CY { background: url("/assets/i/flags/cyprus.svg");}
.flag-JM { background: url("/assets/i/flags/jamaica.svg");}
.flag-UY { background: url("/assets/i/flags/uruguay.svg");}
.flag-PY { background: url("/assets/i/flags/paraguay.svg");}
.flag-HR { background: url("/assets/i/flags/croatia.svg");}
.flag-CR { background: url("/assets/i/flags/costa-rica.svg");}
.flag-SK { background: url("/assets/i/flags/slovakia.svg");}
.flag-PA { background: url("/assets/i/flags/panama.svg");}
.flag-SI { background: url("/assets/i/flags/slovenia.svg");}
.flag-MA { background: url("/assets/i/flags/morocco.svg");}
.flag-DZ { background: url("/assets/i/flags/algeria.svg");}
.flag-BD { background: url("/assets/i/flags/bangladesh.svg");}
.flag-KE { background: url("/assets/i/flags/kenya.svg");}
.flag-ET { background: url("/assets/i/flags/ethiopia.svg");}
.flag-SN { background: url("/assets/i/flags/senegal.svg");}
.flag-BW { background: url("/assets/i/flags/botswana.svg");}
.flag-NE { background: url("/assets/i/flags/niger.svg");}
.flag-GD { background: url("/assets/i/flags/grenada.svg");}
.flag-BZ { background: url("/assets/i/flags/belize.svg");}
.flag-CF { background: url("/assets/i/flags/central-african-republic.svg");}
.flag-TZ { background: url("/assets/i/flags/tanzania.svg");}
.flag-AO { background: url("/assets/i/flags/angola.svg");}
.flag-TD { background: url("/assets/i/flags/chad.svg");}
.flag-NA { background: url("/assets/i/flags/namibia.svg");}

.social a { display: inline-block; width: 42px; height: 42px; margin: 0 0 0 10px; border-radius: 3px;}
.ico-home { background: url("/assets/i/home-page.svg"); }
.ico-twitter { background: url("/assets/i/twitter.svg");}
.ico-facebook { background: url("/assets/i/facebook.svg");}
.ico-vk { background: url("/assets/i/vk.svg");}
.social a:hover { opacity: 0.8;}

.img-400 { float: right; margin: 0 0 10px 20px; }

/* Screens */
@media only screen and (max-width : 1024px), (max-device-width: 1024px) {
	.col-sm, .col-sm-4, .col-12 { padding-right: 5px; padding-left: 5px;}
	.simplesearch-search-form { display: none !important; }
	#venue .row{padding-top:10rem}
}
@media only screen and (max-width : 992px), (max-device-width: 992px) {
	.container { max-width: 96%; }
	#mjf_geography { display: none; }
}
@media only screen and (max-width : 800px), (max-device-width: 800px) {
	section { padding: 30px 0; }
	#main_content .container { padding: 20px; }
	.img-400 { float: none; margin: 0; }
}

@media only screen and (max-width : 768px), (max-device-width: 768px) {
	.hide-768 { display: none; }
	#main_content { padding: 0; background: #decff0; background-image: none; }
	#main_content .container { padding: 30px 20px 20px; border-radius: 0; background: 0; }
	.container { max-width: 100%; padding-right: 20px; padding-left: 20px;}
	#venue .row{padding-top:8rem}

}
@media only screen and (max-width : 575px), (max-device-width: 575px) {
	.col-12 { margin-bottom: 10px; }
	.reg_form .row { margin-bottom: 0; }
	.row-divider { margin-top: 20px; }
	.hp-bio-txt { margin: 0 0 20px; }
	.nomination-card { max-width: 100%; }
	#venue .row{padding-top:6rem}
}