/* A4U NORMALIZER */
html { font-size: 100.01%; }
html, body { margin: 0; padding: 0; }
body, input, select, textarea, button, div { font-family: 'Roboto', Arial, helvetica, sans-serif; box-sizing: border-box; }
body { font-size: 90%; background-color: #fff; color: #000; }
a { text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: none; }
img { max-width: 100%; max-height: 100vh; }
h1 { font-size: 30px; }
h2 { font-size: 17px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin-top: 0; }
button, input, textarea, select, th, td, pre { font-size:100%; }
form { margin:0; padding:0; }
/* EOF A4U NORMALIZER */

/* IE10, 11 styleshit */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}
/* EOF IE10, 11 styleshit */


.optional {}
.mobile {}
@media all and (max-width: 768px){ .optional { display: none } }
@media all and (min-width: 768px){ .mobile { display: none } }

body { background: #333; overflow-y: scroll; }
.bigWrap { background: #e4e4e4; box-shadow: 5px 0px 10px #000 }
.widthFix, .container { width: 100%; max-width: 1200px; margin: auto; }
.languages { text-align: right; }

.logo { height: 21px; width: 160px; font-size: 1px;  }
.logoFix { position: absolute; height: 1px; border: 0px !important; margin-left: -30px; }
.logoFix img { position: relative; top: -57px; height: 120px; z-index: 10; }

/* A4U MENU */
.menu { background: rgba(0,0,0,0.8); overflow: visible; height: 109px; width: 100%; position: relative; z-index: 5 }
.inMenu { text-align: center; margin: auto; padding-top: 10px; }
.menu .inMenu > div { display: inline-block; padding: 0px; margin-top: 18px; font-size: 17px; font-weight: bold; }
.menu .inMenu > div a:after { content: ''; position: relative; display: block; width: 1px; height: 0px; border-bottom: 0px solid #999; transition-duration: 0.2s }
.menu .inMenu > div:hover a:after { width: 100%; border-bottom: 1px solid #999; height: 10px; }
.menu .inMenu > div.active a:after {  width: 100%; border-bottom: 1px solid #999; height: 10px; }
.menu a { color: #dbbf4f; padding: 15px; display: block; transition-duration: 0.2s }
.logo { border: none !important; }
.logo a:after { display: none !important }
.menu .active a, .menu a:hover { color: #fef5a9; text-decoration: none }
.mobMenu { display: none; margin-top: 80px; }
.mobMenu a { display: block; background: #1f1f1f; padding: 15px 0px; border-bottom: 1px solid #333; font-weight: bold; text-align: center; font-size: 20px; }
.mobMenuButton { display: none !important; font-size: 50px !important; color: #dbbf4f; margin-top: 0px !important; margin-right: 15px; }
.menu .languages { cursor: pointer; }
.menu .languages .ion { color: #fff; }
.menu .languages .langNow { position: relative; top: -2px; border: none; display: inline-block; background: #fff; border-radius: 4px; font-size: 12px; padding: 4px; margin: 0px;}
.availableLanguages { display: none; position: absolute; z-index: 9000; }
.availableLanguages a { color: #444; display: inline-block; background: #fff; border-radius: 4px; font-size: 12px; padding: 4px; margin: 0px; margin-bottom: 2px; }
.availableLanguages a:hover { text-decoration: none; }
.toppo { margin-top: -115px }
.introvid { width: 100%; object-fit: cover; height: 600px; max-height: 75vw; margin-top: -115px; }
@media all and (max-width: 770px) {
	.toppo { margin-top: 0px }
	.logoFix img { left: -60px; height: 80px; margin-top: 5px; top: -50px; }
	.menu { height: auto; min-height: 80px; box-shadow: 1px 1px 3px #999; }
	.menu .inMenu div { display: none; }
	.menu .inMenu div.logoFix { display: inline-block; }
	.menu .inMenu div.logo { display: inline-block; border: none; float: left; }
	.mobMenuButton { display: inline-block !important; float: right; padding-top: 2px !important; }
	.menu .languages { display: none; }
	.mobLanguages { text-align: center; }
	.mobLanguages a { display: inline-block !important; width: 25%; margin: 0.5%; background: #444; }
	.mobLanguages a.active { background: #da4040; }
	.bigright { text-align: center; }
}

.subMenu { border-bottom: 1px solid #c2c2c2; text-align: center; box-shadow: 1px 0px 2px #999;}
.subMenu a { display: inline-block; color: #fff; font-weight: bold; background: #da4040; padding: 7px; border-radius: 4px; margin: 15px 10px; }
/* EOF A4U MENU */


.content { padding: 10px;}
.lightContent { padding: 50px 20px; }
.darkContent { background: #1f1f1f; padding: 50px 0px; color: #fff; }
.darkContent h2 { color: #999; }
.footer { padding: 10px 0px; color: #fff; }
.footer .row div { text-align: center; }
.bigright { text-align: right; }
.preFoot { background: #555; text-align: center; padding: 20px 0px; color: #fff; }

.info { background: #9f9; color: #090; border: 1px solid #090; text-align: center; padding: 5px; }
.error { background: #f99; color: #900; border: 1px solid #900; text-align: center; padding: 5px; }

@media all and (max-width: 500px) {
	.optional { display: none ; }
}

.liveEdit { min-height: 5px; }
.liveEdit:hover { outline: 1px dotted #ccc; }

/* COLUMNS */
.row { overflow: auto }
[class^="col-"] { float: left; padding: 10px; }
.col-12, .col-md-12, .col-lg-12 { width: 100%; }
.col-11, .col-md-11, .col-lg-11 { width: 91.66666%; }
.col-10, .col-md-10, .col-lg-10 { width: 83.333%; }
.col-9, .col-md-9, .col-lg-9 { width: 75%; }
.col-8, .col-md-8, .col-lg-8 { width: 66.66666%; }
.col-7, .col-md-7, .col-lg-7 { width: 58.33333%; }
.col-6, .col-md-6, .col-lg-6 { width: 50%; }
.col-5, .col-md-5, .col-lg-5 { width: 41.66666%; }
.col-4, .col-md-4, .col-lg-4 { width: 33.33333%; }
.col-3, .col-md-3, .col-lg-3 { width: 25%; }
.col-2, .col-md-2, .col-lg-2 { width: 16.66666%; }
.col-1, .col-md-1, .col-lg-1 { width: 8.33333%; }
@media all and (max-width: 500px) {
	[class^="col-"] { width: 100% !important; }
}
@media all and (max-width: 768px) {
	.col-12, .col-md-12, .col-lg-12 { width: 100%; }
	.col-11, .col-md-11, .col-lg-11 { width: 100%; }
	.col-10, .col-md-10, .col-lg-10 { width: 100%; }
	.col-9, .col-md-9, .col-lg-9 { width: 100%; }
	.col-8, .col-md-8, .col-lg-8 { width: 100%; }
	.col-7, .col-md-7, .col-lg-7 { width: 100%; }
	.col-6, .col-md-6, .col-lg-6 { width: 100%; }
	.col-5, .col-md-5, .col-lg-5 { width: 100%; }
	.col-4, .col-md-4, .col-lg-4 { width: 100%; }
	.col-3, .col-md-3, .col-lg-3 { width: 75%; }
	.col-2, .col-md-2, .col-lg-2 { width: 50%; }
	.col-1, .col-md-1, .col-lg-1 { width: 25%; }
}
.col-r { float: right; }
/* EOF COLUMNS */

/* SITE STYLE */
.indexVid { width: 100%; height: 300px; border: none; }
.indexVidAlone { width: 100%; height: 40vw; border: none; min-height: 215px; max-height: 600px; }
.goldLine { background: #000 url(images/goldLine.png) center center repeat-x; height: 1px; background-size: 100% 100%; box-shadow: 0px 0px 4px rgba(0,0,0,0.5); opacity: 0.8; }
.menuGoldLine { position: relative; }
.goldDecor { background: url(images/goldElem.png) center center no-repeat; height: 100px; background-size: contain; }
.goldCorner { background: url(images/goldCorner.png) top left no-repeat; height: 200px; width: 200px; position: absolute; background-size: contain; margin-top: -20px; margin-left: -20px; }
.goldCornerSmall { background: url(images/goldCorner.png) top left no-repeat; height: 100px !important; width: 100px !important; position: absolute; background-size: contain; margin-top: -10px; margin-left: -10px; }
/*.goldCornerB { background: url(images/goldCornerB.png) top left no-repeat; float: right; height: 200px; width: 200px; position: relative; background-size: contain; margin-top: -180px; margin-left: 200px; }*/

h1 { text-align: center; font-family: 'Roboto', sans-serif; }
p { font-family: 'Roboto', sans-serif !important; }

.gigi { width: 300px; float: left; overflow: auto; margin-bottom: 25px; }

.gallery a { float: left; }
.gallery a.gf { display: inline-block; text-decoration: none; width: 25%; min-width: 200px; }
@media all and (max-width: 400px){ .gallery a.gf { width: 100% } }
.gallery a.gf .rot { margin: 0px; }
.gallery a.gf .rot .fbox { background: #000; padding: 0px; width: 100%; margin: auto; }
.gallery a.gf .rot .fbox .fimg { width: 100%; height: 250px; transition-duration: 0.2s }
.gallery a.gf .rot:hover .fbox .fimg { opacity: 0.5; }
.gallery a.gf .rot .fbox .ftext { height: 30px; margin-top: -30px; overflow: hidden; transition-duration: 0.2s }
.gallery a.gf .rot:hover .fbox .ftext { height: 60px; margin-top: -60px; }
.gallery a.gf .rot .fbox .ftext div { font-family: 'Roboto', sans-serif; text-align: left; color: #fff; padding-left: 10px; font-size: 18px; line-height: 26px; width: 300px; position: relative; text-shadow: 1px 1px 1px #000 }
.gallery a.gf .rot:hover .fbox .ftext div { }
.gallery a.gi { display: inline-block; text-decoration: none; width: 25%; min-width: 200px; }
@media all and (max-width: 400px){ .gallery a.gi { width: 100% } }
.gallery a.gi div { width: 100%; height: 250px; }
.gallery a.gi:hover { opacity: 0.5; }
.gallery a.fancyvideo div { color: #fff; line-height: 149px; text-align: center; font-size: 45px; }
.gallery a.gi .ion {  margin-top: 110px; }

.contestants { display: flex; flex-wrap: wrap; }
.contestants a { float: left; }
.contestants a.gi { border: 1px solid #dbbf4f; margin: 5px; background: #fef5f9; }
.contestants a.gi > div { width: 260px; height: 250px; float: left; margin: 2px; overflow: hidden; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.contestants a.gi .c_c { color: #fff; text-shadow: 0px 0px 2px #000; text-align: right; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: bold; padding-right: 10px; }
.contestants a.gi .c_f { height: 218px; margin-right: 10px; }

.contestant a { float: left; }
.contestant a.gi { border: 1px solid #dbbf4f; margin: 0px; background: #fef5f9; }
.contestant a.gi div { width: 233px; height: 233px; float: left; margin: 2px; }

.contestant2 { overflow: auto; text-align: left; margin-bottom: -130px }
.contestant2:nth-child(even) { text-align: right }
.contestant2 a { float: left; border-radius: 50%; overflow: hidden }
.contestant2:nth-child(even) a { float: right }
.contestant2 h3 { margin-top: 60px; }
.contestant2 .c_b { background-size: cover; height: 280px !important; border-radius: 50% }
.contestant2 .c_s { font-size: 20px; margin-top: -10px; padding: 0px 30px 5px 30px; }
.contestant2 .c_c { font-size: 16px; padding: 0px 40px 0px 40px; }

@media all and (max-width: 400px){
	.contestant2 { margin-bottom: 0px; text-align: center !important; padding-bottom: 30px }
	.contestant2 a { float: none !important; }
	.contestant2 h3 { clear: both; margin-top: 0px }
	.contestant2 .c_b { margin: auto !important; float: none !important; }
	.contestants .contestant2 a.gi { border: none !important }
	.contestant2 .c_b { border: 10px solid #fff; }
}


.contestant3 { overflow: auto; text-align: center; padding: 10px 50px 50px;  }
.contestant3 a { border-radius: 50%; overflow: hidden; float: none; display: block; width: 250px; height: 250px; margin: auto !important; }
.contestant3 a.gi { border: 5px solid #fff; }
.contestant3 h3 { margin-top: 20px; }
.contestant3 .c_b { background-size: cover; border-radius: 50% }
.contestant3 .c_s { font-size: 20px; margin-top: -10px; padding: 0px 30px 5px 30px; }
.contestant3 .c_c { font-size: 16px; padding: 0px 40px 10px 40px; }
.contestant3 a.gi > div { height: 260px; margin-left: -5px; margin-top: -5px; }
.contestant3 .c_f { width: 30px !important; height: 25px !important; background-size: cover; margin-top: -20px; margin-left: 100px; }

@media all and (max-width: 400px){
	.contestant3 { margin-bottom: 0px; text-align: center !important; padding-bottom: 30px }
	.contestant3 h3 { clear: both; margin-top: 0px }
	.contestant3 .c_b { margin: auto !important;  }
	.contestants .contestant3 a.gi { border: none !important }
	.contestant3 .c_b { border: 10px solid #fff; }
}


.c_flag { width: 32px; height: 32px; float: left; }
.c_flagDesc { line-height: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 45px; }

.preFoot a { display: inline-block; margin: 0px 10px; opacity: 0.7; }
.preFoot a:hover { opacity: 1; }

button, .btn { background: #e1c95d; border-radius: 5px; border: 0px; padding: 10px 40px; color: #fff; font-weight: bold; cursor: pointer; }
.preion { position: absolute; font-size: 20px; color: #999; margin: 8px 10px; }

form.application div { margin-top: 5px; }
form.application input, form.application select { background: #fff; border: 0px; border-radius: 5px; padding: 10px; padding-left: 35px; margin: 0px; width: 100%; margin: auto; }
form.application select { padding-bottom: 8px; }

@media all and (max-width: 500px) {
	form.application input, form.application select, form.application button { width: 100%; }

}


.ppvote input { width: 100px; padding: 5px; height: 36px; border: none; border-radius: 5px 0px 0px 5px; margin-right: -7px; margin-left: 5px; outline: none; }

.ppvotes { text-align: center; }
.ppvotes input { width: 80px; }
.ppvotes button { padding: 10px; }


.darkContent a { color: #fff; }

#a4u-content {  }

.topban { height: 115px; background: #000 url(images/header.jpg) center right; margin-top: -115px; background-size: cover; }

.mainConType { text-align: center; padding: 15px 80px; border-right: 1px solid #000; border-left: 1px solid #444; }
.mainConType:last-child { border-right: none; }
.mainConType:first-child { border-left: none; }
.mainConType a { text-decoration: none; }
.mainConType a:hover { text-decoration: none; }
.mainConType .img { font-size: 50px; border: 4px solid #dbbf4f; display: block; color: #000; background: #dbbf4f; border-radius: 50%; width: 140px; height: 140px; line-height: 140px; margin: auto; margin-bottom: 40px; transition-duration: 0.2s; padding-top: 4px; }
.mainConType:hover .img {  border: 4px solid #fff; background: #da3 }
.mainConType .img img { width: 50px; }
.mainConType h3 { font-size: 22px; }
.mainConType .text { font-size: 16px; }


.mainContestant { padding: 15px; }
.mainContestantContent { background: #363635; height: 100% }
.mainContestant .down { padding: 30px; }
.mainContestant .img { width: 100%; height: 350px; overflow: hidden; }
.mainContestant .inimg { width: 100%; height: 350px; background-size: cover; background-position: center; transition-duration: 0.9s; }
.mainContestant .inimg:hover { height: 420px; }
.mainContestant h3 { font-size: 26px; margin-bottom: 15px; margin-top: 0px; }
.mainContestant .text { font-size: 16px; color: #818181; }
.mainContestant:hover .img { background-size: 120%; }
.mainContestant .btn { background: #3e3e3e; padding: 15px 30px; }
.mainContestant .btn a:hover { text-decoration: none; }
.mainContestant .btn .ion { float: right; margin-right: 0px; transition-duration: 0.2s }
.mainContestant .btn:hover .ion { margin-right: 5px; }

.lightContent .mainContestantContent { background: #eee; }
.lightContent .mainContestant .btn { background: #fff; }
.lightContent .mainContestant .text { color: #818181; }
.lightContent .mainContestant a { color: #3e3e3e; }

.flexy { display: flex; flex-flow: wrap; }

h2 { font-size: 30px; text-align: center; margin-top: 0px; margin-bottom: 40px; }

.contestantBigImg { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 710px; padding-top: 600px; }
.contestantBigImg h1 { color: #fff; text-shadow: 0px 0px 5px #000; text-align: right; margin-bottom: 5px; margin-top: 0px; font-size: 25px }
.contestantBigImg div.overlayer { background: rgba(0,0,0,0.5); padding: 15px; min-height: 110px; }
.contestantBigImg div { color: #fff; text-shadow: 0px 0px 5px #000; text-align: right; font-weight: bold; }
.contestantBigImg div.name { font-size: 20px; }
.contestantBigImg div.country { font-size: 16px; margin-top: 5px; }

@media all and (max-width: 768px) {
	.contestantBigImg { height: 610px; padding-top: 500px; }
}

.nopad { padding: 0px; }

.commentBaloon {  }
.commentBaloon .avatarPlace { text-align: center; font-size: 14px; font-style: italic; }
.commentBaloon .avatar { width: 100px; height: 100px; border-radius: 50%; background-size: cover; margin: auto; margin-bottom: 10px }
.commentBaloon .text { background: #ccc; color: #225; font-size: 20px; padding: 30px; border-radius: 20px; font-style: italic; letter-spacing: 0.1em; word-spacing: 0.2em; line-height: 1.5em }
.commentBaloon .text:before { content: ''; position: absolute; margin-left: -40px; width: 20px; height: 20px; background: #ccc; transform: rotate(45deg); }
.commentBaloon .text p:last-child { margin-bottom: 0px; }
@media all and (max-width: 768px) {
	.commentBaloon .text { margin-top: 20px; }
	.commentBaloon .text:before { margin-top: -40px; margin-left: calc(50vw - 60px); }
	.cartProductControl { width: 33% !important; text-align: center; }
	.discountContainer { width: 100%; text-align: center; margin-bottom: 20px }
	.cartButtons { text-align: center !important; margin-top: 20px; }
	.cartTotalCount { text-align: center !important; }
}

.product--link:hover { text-decoration: none; }
.productImage { margin-bottom: 10px; }
.productTitle { font-size: 20px; color: #000; margin-bottom: 10px; }
.productPrice { font-size: 18px; color: #666; margin-bottom: 10px; }
.btn { display: inline-block }
.catalogItem { text-align: center; }
.cartSteps { line-height: 20px; background: #555; padding: 10px 20px; color: #999; font-size: 18px; }
.cartStepsItem--active { color: #fff; }
.cartStepsItem { display: inline-block; }
.cartProduct .productImage { float: left; margin-right: 20px }
.cartTotal { overflow: auto; }
.cartTotalCount { text-align: right; font-size: 24px; }
.cartButtons { padding-bottom: 20px; text-align: right; }
.productControl input[name=count] { width: 60px; padding: 0px 0px 0px 10px; line-height: 30px; }
.checkout .formGroup input { width: 100%; padding: 10px; border-radius: 4px; border: none; }
.checkout .formGroup textarea { width: 100%; padding: 10px; border-radius: 4px; border: none; }
.forJur { display: none; }
.checkoutRight { display: none; }
.product { text-align: center; }


.shopCatFixTopMob .row { display: flex; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px }
.prodSlider { text-align: center; margin-top: 20px; }
.prodThumb { background: center center no-repeat; background-size: cover; width: 50px; height: 50px; display: inline-block; margin: 5px; cursor: pointer; }

h3.place { font-size: 39px; margin-left: 42px; margin-right: -54px; color: #fff; text-shadow: 1px 1px 3px #000; position: absolute; }