/* GLOBAL */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { background: #000; font-family: 'Roboto', sans-serif; color: #5d576b; font-size: 18px; font-weight: 400; }
a { color: #029fd9; text-decoration: underline; }
a:hover { text-decoration: underline; outline: 0; color: #167ead; }
strong, b { font-weight: bold; }
img { max-width: 100%; margin: 0; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-item { display: inline-block; vertical-align: top; }
.tb { display: table; width: 100%; }
.tr { display: table-row; }
.td, .th { display: table-cell; vertical-align: middle; }
.clear-list, .clear-list li { list-style: none; }
.clear-list { padding: 0; margin-bottom: 0; }
.zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.indent-this, .indent p { text-indent: 30px; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.overflow-hidden { position: relative; overflow: hidden; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
input[type=file] { margin-bottom: 6px; }
.grecaptcha-badge { opacity: 0 !important; }
.agree { text-align: left; }
.agree span.wpcf7-list-item { margin: 0 !important; padding: 0 4px; width: auto !important; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 2px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: red; }
.agree a { display: inline-block; vertical-align: top; color: #fff; text-decoration: underline; }
.agree .wpcf7-list-item-label { display: none; }
/* GLOBAL TRANSITION */
.menu li a, .menu li, .menu li a::before, .butn, .social-icon, .mfp-close, .sp-photo, .speakers-list .in::before, .persona-list li .in::before, .registration-type-butn, .registration-type-butn .bttl, .gallery-box .item a::before, .gallery-box .item a::after, .video-preview::before, .video-preview::after { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
/* SECTIONS */
section { position: relative; z-index: 1; }
section.out { margin-bottom: 85px; }
section.in { padding-top: 85px; padding-bottom: 85px; }
section.out.in { padding-bottom: 0; }
section.in.page-section { padding-top: 165px; }
body.page section.in.page-section { padding-top: 95px; padding-bottom: 10px; }
body.page section.in.page-section * { color: #fff; }
body.page section.in.page-section h1 { color: #eeab50; }
/* TITLE */
.ttl { position: relative; margin-bottom: 40px; }
.ttl h1, .ttl h2, .ttl h3 { position: relative; font-size: 44px; line-height: 1.4; font-weight: 600; margin: 0; }
.ttl h1 span, .ttl h2 span, .ttl h3 span { color: rgb(0, 204, 204); }
.competition-page .ttl h1, .competition-page .ttl h2, .competition-page .ttl h3 { text-align: center; text-transform: uppercase; }
.competition-page .ttl::before { content: ""; position: absolute; bottom: -9px; left: 0; width: 100%; height: 4px; background: url("../images/ttl-line.png") 50% 50% no-repeat; }
.competition-page .ttl h1, .competition-page .ttl h2, .competition-page .ttl h3 { font-size: 38px; }
.competition-page .ttl.white h2 { color: #fff; }
.competition-page .ttl.white::before { content: ""; position: absolute; bottom: -9px; left: 0; width: 100%; height: 4px; background: url("../images/ttl-line-white.png") 50% 50% no-repeat; }
/* BUTTONS - DEF/BUY */
.butn { position: relative; display: inline-block; text-align: center; padding: 14px 25px; margin: 0; color: #ffffff; font-size: 18px; line-height: 1; border: 0; font-weight: bold; text-decoration: none; cursor: pointer; background: #ff6666; border-radius: 36px; outline: none; box-shadow: 0px 8px 20px 0px rgba(255,102,102,0.4); z-index: 5; }
.butn.min { padding: 12px 25px; font-size: 18px; border-radius: 20px; }
.butn.red-butn { background: #ed4c2c !important; }
.butn:hover { background: #e8142b; text-decoration: none; color: #fff; }
.butn strong { display: inline-block; font-size: 25px; text-transform: uppercase; margin-bottom: 4px; }
.butn.red-butn:hover { background: #c93011 !important; }
/* OWL CUSTOM */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -23px 0 0 0; width: 47px; height: 47px; outline: none; background: transparent !important; border-radius: 47px; }
.owl-carousel .owl-nav .owl-prev { left: -60px; }
.owl-carousel .owl-nav .owl-prev::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 42px; color: #e29f04; top: 9px; left: 9px; text-indent: 0; width: 25px; line-height: 27px; z-index: 25; }
.owl-carousel .owl-nav .owl-next { right: -60px; }
.owl-carousel .owl-nav .owl-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 42px; color: #e29f04; top: 9px; left: 9px; text-indent: 0; width: 30px; line-height: 27px; z-index: 25; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.owl-carousel .owl-nav .owl-prev:hover::before, .owl-carousel .owl-nav .owl-next:hover::before { color: #ba8305 !important; }
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.owl-carousel .owl-dots button span { display: block; width: 11px; height: 11px; border: 1px solid rgb(0, 204, 204); border-radius: 11px; background: none; }
.owl-carousel .owl-dots button.active span { background: rgb(0, 204, 204); }
/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0); z-index: 300; }
header .container-fluid { position: relative; padding-top: 4px; padding-bottom: 4px; }
header .inline-item { margin-left: 15px; }
/* HEADER SOCIAL ICON */
.social-icon { display: block; width: 39px; height: 39px; border-radius: 39px; background: #fff; text-align: center; line-height: 39px; }
.social-icon i { color: #000; font-size: 26px; line-height: 39px; }
.social-icon:hover { background: #ddd; }
/* HEADER - MENU */
.menu li { display: inline-block; margin: 0 20px 0 0; position: relative; }
.menu li:last-child { margin-right: 0; }
.menu li a { display: block; position: relative; padding: 10px 0; font-size: 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600; }
.menu li a::before { content: ""; position: absolute; bottom: 19px; left: 0; width: 100%; height: 3px; background: #00cbcb; opacity: 0; }
.menu li:hover a::before { bottom: 9px; opacity: 1; }
/* HEADER - MENU - LV 2/3 */
.menu ul > li > ul { display: none; position: absolute; top: 100%; left: 0; width: 110px; margin: 0; padding: 0; list-style: none; background: rgba(0,0,0,0.95); overflow: hidden; z-index: 30; }
.menu ul > li > ul > li { position: relative; display: block; text-align: left !important; margin: 0; z-index: 10; }
.menu ul > li > ul > li > a { position: relative; display: block; font-size: 15px; color: #fff; text-transform: inherit; text-decoration: none; padding: 4px 8px; border: 0; background: none; border-radius: 0; }
.menu ul > li > ul > li > a::before { display: none !important; }
.menu ul > li > ul > li:hover { background: #e0a002; }
.menu ul > li > ul > li:hover > a { color: #fff !important; }
.menu ul ul a:before, header .menu ul ul a:after { display: none; }
.menu ul ul ul { position: absolute; top: 0; left: -100%; margin: 0; z-index: 10; }
/* COMPETITION PAGE */
.competition-page .butn { padding: 0 !important; font-size: 18px; color: #fff; text-transform: uppercase; background: #e29f04; border-radius: 11px; box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1); }
.competition-page .butn:hover { background: #ba8305; }
.competition-page .butn span { display: block; position: relative; padding: 12px 35px; overflow: hidden; border-radius: 11px; }
.competition-page .butn span::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 2.15s infinite; animation: shine 2.15s infinite; z-index: 2; }
.competition-page .butn:hover span::after, .competition-page header .butn span::after { display: none; }
@-webkit-keyframes shine { 100% {left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
.competition-page footer * { font-size: 16px; color: #fff; }
.competition-page footer a { margin-bottom: 6px; }
.competition-page .social-icon { width: auto; height: auto; background: transparent; }
.competition-page .social-icon i { font-size: 39px; color: #e0a002; }
.competition-page .menu li a { font-size: 16px; }
.competition-page .menu li a::before { background: #e0a002; }
.competition-page header .butn span { padding: 12px 15px; font-size: 16px; }
/* COMPETITION MAIN SECTION */
.competition-mainscreen { position: relative; margin-top: 78px; z-index: 4; }
.competition-mainscreen .container { position: relative; padding-bottom: 210px; }
.competition-mainscreen .container::before { content: ""; position: absolute; top: 0; right: 0; margin-right: -362px; width: 1513px; height: 941px; background: url("../images/competition-main-bg.jpg") 100% 0 no-repeat; z-index: -1; }
.competition-mainscreen .row { position: relative; height: 775px; z-index: 15; }
.competition-mainscreen h3 { font-size: 38px; line-height: 1.3; margin: 45px 0 5px 0; }
.competition-mainscreen h3 strong { display: block; color: rgba(0,203,203,1); text-transform: uppercase; }
.competition-mainscreen p { font-size: 22px; font-weight: 600; margin-bottom: 85px; }
.competition-mainscreen .subttl { position: relative; }
.competition-mainscreen .subttl::before { content: ""; position: absolute; top: -245px; left: 50%; margin-left: -1011px; width: 2022px; height: 600px; background: url("../images/competition-bg-figure-1.png") 50% 50% no-repeat; }
.competition-mainscreen .subttl h4 { position: relative; color: #ffffff; font-size: 30px; line-height: 1.4; text-transform: uppercase; text-align: center; z-index: 5; }
.round-box { position: absolute; bottom: 64px; right: 0; }
.round-box .in { width: 520px; text-align: center; padding: 20px; background: #fff; border-radius: 0 36px 36px 36px; -webkit-box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.45); box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.45); }
.round-box h4 { display: block; font-size: 26px; margin-bottom: 15px; }
.round-box h4 strong { color: rgb(0, 204, 204); }
.flipper { font-size: 55px !important; color: #fff; }
.flipper-digit * { color: #282727; font-family: Arial; text-shadow: rgba(255,255,255,0.35) 0 3px 3px; }
/* FORWHOM COMPETITION SECTION */
.competition-forwhom-section .sub-ttl { text-align: center; font-size: 30px; font-weight: 400; line-height: 1.2; margin: 0 0 25px 0; }
.competition-forwhom-section ul li { position: relative; margin: 18px 0; font-size: 28px; font-weight: 600; line-height: 1.2; }
.competition-forwhom-section ul li::before { content: ""; position: absolute; top: 50%; left: -85px; width: 65px; height: 1px; background: #02bdbd; }
/* SPECIALIZATION COMPETITION SECTION */
.specializations-list li { text-align: center; font-size: 26px; font-weight: 400; line-height: 1.2; }
.specializations-list li .icon { width: 168px; height: 168px; border-radius: 168px; margin: 0 auto 15px auto; background: #1c2531; border: 6px solid #dedddf; -webkit-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); -moz-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); }
.specializations-list li .icon .td { height: 155px; text-align: center; }
.specializations-list li .icon .td img { width: 100%; height: auto; max-width: 110px; max-height: 110px; }
/* PARTICIPANTS COMPETITION SECTION */
.competition-participants-section { position: relative; padding: 125px 0; background: url("../images/competition-participants-bg.jpg") fixed no-repeat; background-size: cover; }
.competition-participants-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.80); }
.competition-participants-section .container { position: relative; z-index: 20; }
.persona-list { margin-top: 65px; }
.persona-list .in { position: relative; max-width: 295px; margin: 0 auto 45px auto; text-align: center; }
.persona-list .in::before { content: ""; position: absolute; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background: #00cbcb; opacity: 0; z-index: -1; }
.persona-photo { width: 245px; height: 245px; border-radius: 245px; overflow: hidden; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.persona-list .in h3 { color: #ffffff; font-size: 21px; font-weight: bold; }
.persona-list .in .persona-location { font-size: 16px; color: #fff; margin-bottom: 15px; }
.persona-list .in .persona-info { color: #fff; line-height: 1.3; }
.persona-list li:hover .in .persona-photo { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.persona-list li:hover .in::before { opacity: 0.25; }
.competition-participants-section .more { text-align: center; }
.competition-participants-section .more a { position: relative; display: inline-block; color: #fff; text-decoration: none; }
.competition-participants-section .more a i { color: #fff; }
.competition-participants-section .more a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }
.competition-participants-section .more a:hover { color: #00cbcb; }
/* WHY PARTICIPANTS COMPETITION SECTION */
.why-participate-section img { position: relative; margin-top: 90px; z-index: 15; }
.why-participate-list { position: relative; padding: 20px 0 20px 45px; }
.why-participate-section { padding-bottom: 0 !important; }
.why-participate-list::before { content: ""; position: absolute; top: 0; left: -5000px; width: 10000px; height: 100%; background: rgba(249,249,249,1); background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(243,243,243,1))); background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 100%); background: -o-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 100%); background: -ms-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 100%); background: linear-gradient(135deg, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=1 ); }
.why-participate-list .icon { content: ""; position: absolute; top: 8px; left: -190px; width: 216px; height: 240px; background: url("../images/why-bg.png") 50% 50% no-repeat; background-size: 150px auto; }
.why-participate-list li { position: relative; margin: 18px 0; font-size: 26px; font-weight: 400; line-height: 1.2; }
.why-participate2 { position: relative; padding: 45px 0 45px 40px; }
.why-participate2::before { content: ""; position: absolute; top: 0; left: -5000px; width: 10000px; height: 100%; background: #ffdddd; }
.why-participate2 h3 { position: relative; color: #0eb9b9; font-size: 32px; text-transform: uppercase; z-index: 5; }
.why-participate2-list li { position: relative; margin: 30px 0; font-size: 21px; font-weight: 600; line-height: 1.2; }
.why-participate2-list li span { display: inline-block; position: relative; background: #ffdddd; color: #f77c7c; padding: 0 10px; z-index: 15; }
.why-participate2-list li::before { content: ""; position: absolute; top: -10px; left: -55px; width: 48px; height: 48px; background-size: auto 45px !important; }
.why-participate2-list li.item-1::before { background: url("../images/why-participate-icon-1.svg") 50% 50% no-repeat; }
.why-participate2-list li.item-2::before { background: url("../images/why-participate-icon-2.svg") 50% 50% no-repeat; }
.why-participate2-list li.item-3::before { background: url("../images/why-participate-icon-4.svg") 50% 50% no-repeat; }
.why-participate2-list li.item-4::before { background: url("../images/why-participate-icon-5.svg") 50% 50% no-repeat; }
.why-participate2-list li.item-5::before { background: url("../images/why-participate-icon-6.svg") 50% 50% no-repeat; background-size: auto 40px !important; }
.why-participate2-list li.item-6::before { background: url("../images/why-participate-icon-7.svg") 50% 50% no-repeat; }
.why-participate2-list li::after { content: ""; position: absolute; top: 50%; left: 0; margin-top: 3px; width: 720px; height: 1px; background: #02bdbd; }
/* COMPETITION PRIZES SECTION */
.competition-prizes-section { position: relative; background: rgba(250,126,126,1); background: -moz-linear-gradient(left, rgba(250,126,126,1) 0%, rgba(216,86,86,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,126,126,1)), color-stop(100%, rgba(216,86,86,1))); background: -webkit-linear-gradient(left, rgba(250,126,126,1) 0%, rgba(216,86,86,1) 100%); background: -o-linear-gradient(left, rgba(250,126,126,1) 0%, rgba(216,86,86,1) 100%); background: -ms-linear-gradient(left, rgba(250,126,126,1) 0%, rgba(216,86,86,1) 100%); background: linear-gradient(to right, rgba(250,126,126,1) 0%, rgba(216,86,86,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7e7e', endColorstr='#d85656', GradientType=1 ); z-index: 20; }
.competition-prizes-section::before { content: ""; position: absolute; top: -8px; left: 0; width: 100%; height: 3px; background: #ca5151; }
.competition-prizes-section::after { content: ""; position: absolute; bottom: -8px; left: 0; width: 100%; height: 3px; background: #ca5151; }
.competition-prizes-section .container { position: relative; }
.prizes-decal-1 { content: ""; position: absolute; bottom: -177px; right: -258px; width: 351px; height: 622px; background: url("../images/prizes-decal-1.png") 50% 50% no-repeat; z-index: 1; }
.prizes-decal-2 { content: ""; position: absolute; bottom: -148px; left: -167px; width: 292px; height: 426px; background: url("../images/prizes-decal-2.png") 50% 50% no-repeat; z-index: 1; }
.prizes-list { margin: 65px 0 145px 0; }
.prizes-list li { text-align: center; font-size: 24px; line-height: 1.1; }
.prizes-list li .in { color: #fff; text-shadow: rgba(0,0,0,0.15) 0 2px 1px; }
.prizes-list li i { display: block; font-size: 36px; color: #fff; margin-bottom: 15px; }
.number-one { margin-top: -135px; }
.prizes-list li .prize-nm { width: 168px; height: 168px; border-radius: 168px; margin: 0 auto 15px auto; background: #0bbcbc; border: 6px solid #dedddf; -webkit-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); -moz-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.10); font-size: 20px; font-weight: 500; color: #fff; line-height: 1; text-transform: uppercase; }
.prizes-list li .prize-nm strong { color: #fff; font-size: 110px; line-height: 1; margin-top: -10px; }
.prizes-list li strong { display: block; }
.prizes-list li strong span { font-size: 46px; }
.prizes-list li .prize-nm::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 220px; opacity: 0.25; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 44%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(44%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 44%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 44%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 44%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 44%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); z-index: -1; }
.prizes-list li .prize-nm.item-1::before { top: -52px; left: 123px; -moz-transform: rotate(195deg); -ms-transform: rotate(-195deg); -webkit-transform: rotate(-195deg); -o-transform: rotate(-195deg); transform: rotate(-195deg); }
.prizes-list li .prize-nm.item-2::before { top: -11px; left: 43px; -moz-transform: rotate(15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); }
.prizes-list li .prize-nm.item-3::before { top: -17px; left: 117px; -moz-transform: rotate(175deg); -ms-transform: rotate(-175deg); -webkit-transform: rotate(-175deg); -o-transform: rotate(-175deg); transform: rotate(-175deg); }
.prizes-summ { position: relative; }
.prizes-summ .in { position: relative; max-width: 920px; margin: 0 auto; padding: 30px 30px 15px 30px; background: #fff; -webkit-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); -moz-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); border-radius: 36px; text-align: center; z-index: 5; }
.prizes-summ .in::before { content: ""; position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #fff; border-radius: 36px; }
.prizes-decal-3 { content: ""; position: absolute; top: -136px; left: 420px; width: 315px; height: 342px; background: url("../images/prizes-decal-3.png") 50% 50% no-repeat; z-index: -1; }
.prizes-summ h3 { font-size: 28px; margin-bottom: 25px; }
.prizes-summ p { font-size: 20px; }
/* COMPETITION STEPS SECTION */
.competition-steps-section { padding-bottom: 155px !important; background: rgba(238,238,238,1); background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1))); background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: -o-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%);background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1 ); }
.competition-steps-section::before { content: ""; position: absolute; top: 101px; left: 50%; margin-left: -391px; width: 783px; height: 710px; background: url("../images/bg-arrow.svg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.competition-steps-section .container { position: relative; }
.competition-steps-section .container::before { content: ""; position: absolute; top: 342px; left: 50%; margin-left: -738px; width: 338px; height: 308px; background: url("../images/bg-arrow.svg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.competition-steps-section .container::after { content: ""; position: absolute; top: 342px; right: 50%; margin-right: -738px; width: 338px; height: 308px; background: url("../images/bg-arrow.svg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.competition-steps-section ol li { text-align: center; font-size: 26px; font-weight: 400; line-height: 1.2; margin-bottom: 60px; }
.competition-steps-section ol li .num { display: block; font-size: 29px; color: #fff; font-weight: bold; background: #00cbcb; width: 50px; height: 50px; border-radius: 50px; line-height: 50px; margin: 0 auto 16px auto; }
.competition-steps-section ol li .num.lined { position: relative; margin-top: 25px; }
.competition-steps-section ol li .num.lined::before { content: ""; position: absolute; top: -45px; left: 50%; margin-left: -1px; width: 3px; height: 45px; background: #00cbcb; }
.competition-steps-section ol li strong { font-size: 32px; }
/* HOWPARTICIPATION SECTION */
.howparticipation-section { padding-top: 0 !important; }
.howparticipation-section::before { content: ""; position: absolute; top: -116px; left: 50%; margin-left: -1011px; width: 2022px; height: 690px; background: url("../images/competition-bg-figure-2.png") 50% 0 no-repeat; }
.howparticipation-section ol { margin-top: 30px; }
.howparticipation-section ol li { color: #fff; font-size: 26px; font-weight: 400; line-height: 1.2; }
.howparticipation-section ol li.selected { position: relative; font-size: 29px; font-weight: bold; margin-bottom: 30px; }
.howparticipation-section ol li.selected span { position: relative; display: inline-block; color: #fff; background: #1b232e; padding: 0 15px 0 0; z-index: 2; }
.howparticipation-section ol li.selected::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #fff; }
.howparticipation-section ol li.selected::after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -2px; width: 6px; height: 6px; border-radius: 6px; background: #fff; }
/* COMPETITION JURY SECTION */
.competition-page .speakers-list .in { max-width: 100%; text-align: center; padding-left: 20px; padding-right: 20px; }
.competition-page .speakers-list .in .sp-photo { width: 245px; height: 245px; border-radius: 245px; background-size: 110% !important; margin-left: auto; margin-right: auto; }
.competition-page .speakers-list .in h3 { font-size: 21px; }
.speakers-list .in .sp-location { font-size: 16px; }
.competition-page .speakers-list .in .sp-info { font-size: 18px; }
.competition-page header { background: rgba(0,0,0,0.70); }
/* COMPETITION REGISTRATION SECTION */
.competition-reg-section { background: #00cbcb; }
.competition-reg-section .competition-form-box { background: #1b232e; max-width: 760px; margin: 0 auto; padding-top: 55px; }
.competition-reg-section .competition-form-box::before { border-color: #1b232e; }
.competition-reg-section .competition-form-box h3 { display: none; color: #fff; }
/* COMPETITION AWARD MAIN */
.competition-award-main { padding-top: 95px; padding-bottom: 30px; background: url("../images/competition-award2.jpg") 50% 100% no-repeat; background-size: cover; }
.competition-award-main .container { position: relative; }
.award-head { position: absolute; top: -10px; left: 0; width: 100%; z-index: 5; }
.award-head h1 { text-transform: uppercase; color: #ffc851; font-size: 26px; line-height: 1.3; background: -webkit-linear-gradient(left, #ffc34e, #fbe58d, #efba49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; }
.award-head h1 strong { display: block; font-size: 36px; }
.award-head p { position: relative; display: block; padding: 2px 35px; text-transform: uppercase; color: #e1a025; font-size: 60px; line-height: 1; font-weight: bold; width: 100%; }
.award-head p strong { position: relative; padding: 2px 10px; background-image: linear-gradient(#f3cd62, #efa749); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }
.award-head p strong::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #efbe49; }
.page-id-4614 .award-head p strong { font-weight: 900; }
.page-id-4614 .award-head p strong::before { border: 0; }
.page-id-4614 .award-head p strong::before, .page-id-4614 .award-head p strong::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: rgb(201,140,61); background: -moz-linear-gradient(90deg, rgba(201,140,61,0) 0%, rgba(201,140,61,1) 12%, rgba(201,140,61,1) 50%, rgba(201,140,61,1) 88%, rgba(201,140,61,0) 100%); background: -webkit-linear-gradient(90deg, rgba(201,140,61,0) 0%, rgba(201,140,61,1) 12%, rgba(201,140,61,1) 50%, rgba(201,140,61,1) 88%, rgba(201,140,61,0) 100%); background: linear-gradient(90deg, rgba(201,140,61,0) 0%, rgba(201,140,61,1) 12%, rgba(201,140,61,1) 50%, rgba(201,140,61,1) 88%, rgba(201,140,61,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98c3d",endColorstr="#c98c3d",GradientType=1); mix-blend-mode: screen; z-index: -1; }
@media (max-width: 992px) {
.page-id-4614 .award-head p strong { font-size: 56px; }
}
@media (max-width: 768px) {
.page-id-4614 .award-head p strong { font-size: 38px; }
}
@media (max-width: 580px) {
.award-head p strong { display: block; padding: 10px 0; }
.page-id-4614 .award-head p .shine-1 { margin-left: -170px; }
.page-id-4614 .award-head p .shine-3 { top: 59px; margin-left: 66px; }
}
.award-head p .shine-1 { content: ""; position: absolute; top: 22px; left: 50%; margin-left: -180px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head p .shine-2 { content: ""; position: absolute; top: -27px; left: 50%; margin-left: 10px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head p .shine-3 { content: ""; position: absolute; top: 4px; left: 50%; margin-left: 130px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head div { position: relative; display: inline-block; text-transform: uppercase; color: #fff; font-size: 25px; line-height: 1.3; letter-spacing: 3.5px; font-weight: bold; }
.award-list-left { position: absolute; bottom: 97px; left: 5px; z-index: 5; }
.award-list-right { position: absolute; bottom: 97px; right: -5px; z-index: 5; }
.competition-award-main li { position: relative; color: #fff; text-transform: uppercase; margin-bottom: 65px; font-weight: bold; }
.award-list-left li { text-align: right; margin-right: -110px; }
.competition-award-main li .in { position: relative; background: -webkit-linear-gradient(left, #ffc34e, #fbe58d, #efba49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.competition-award-main li .in .icon { position: absolute; top: 50%; margin-top: -16px; width: 29px; height: 29px; background: url("../images/theme-light.png") 50% 50% no-repeat; background-size: 29px; }
.award-list-left li .in .icon { right: -45px; }
.award-list-right li .in .icon { left: -45px; }
.award-list-left li:before { content: ""; position: absolute; top: -23px; right: -140px; width: 675px; height: 102px; background: url("../images/theme-arrow.png") 50% 50% no-repeat; }
.award-list-left li.item-2 { }
.award-list-right li:before { content: ""; position: absolute; top: -23px; right: -235px; width: 675px; height: 102px; background: url("../images/theme-arrow.png") 50% 50% no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.competition-award-main li .icon { animation-iteration-count: infinite; animation-duration: 2s !important; animation-delay: 1s !important; }
.award-bg { position: relative; text-align: center; padding-top: 189px; }
.mask { position: relative; width: 409px; height: 500px; margin: 15px auto 0 auto; }
.mask::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat; background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat; background-position: inherit; -webkit-mask: url('../images/award-bg-wtext2.png') center; mask: url('#mask-firefox'); animation-name: mask-shine; animation-duration: 4s !important; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; animation-delay: 2s !important; opacity: 0.65; }
.award-bg-light { position: absolute; top: -147px; left: 50%; margin-left: -505px; width: 1011px; height: 896px; background: url("../images/scene-top-light2.png") 0 0 no-repeat; background-size: cover; }
.award-bg-light-left { position: absolute; bottom: -70px; left: 50%; margin-left: -1025px; width: 1171px; height: 965px; background: url("../images/scene-bottom-left.png") 0 0 no-repeat; background-size: cover; z-index: -2; }
.award-bg-light-right { position: absolute; bottom: -70px; right: 50%; margin-right: -1025px; width: 1088px; height: 972px; background: url("../images/scene-bottom-right.png") 0 0 no-repeat; background-size: cover; z-index: -2; }
.award-bg-text { content: ""; position: absolute; top: 384px; left: 0; width: 409px; height: 114px; background: url("../images/award-bg-text4.png") 50% 50% no-repeat; background-size: 100% auto; z-index: 5; }
.award-bg .shine-1 { content: ""; position: absolute; top: 355px; left: 23px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-bg .shine-2 { content: ""; position: absolute; top: 55px; left: 136px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-bg .shine-3 { content: ""; position: absolute; top: 280px; left: 270px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-list-left li.item-1 .icon, .award-list-right li.item-1 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 1s !important; }
.award-list-left li.item-2 .icon, .award-list-right li.item-2 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 2s !important; }
.award-list-left li.item-3 .icon, .award-list-right li.item-3 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 3s !important; }
.award-list-left li.item-1 { right: -40px; }
.award-list-right li.item-1 { left: -40px; }
.award-list-left li.item-3 { right: -20px; }
.award-list-right li.item-3 { left: -20px; }
/* COMPETITION AWARD MAIN 2 */
.competition-award-main2 { padding-top: 95px; padding-bottom: 70px; }
.competition-award-main2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/competition-award33.jpg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.competition-award-main2 .container { position: relative; }
.award-head2 { position: absolute; top: -10px; left: 0; width: 100%; z-index: 5; }
.award-head2 h1 { text-transform: uppercase; color: #fff; font-size: 23px; font-weight: normal; line-height: 1.3; margin-bottom: 12px; }
.award-head2 h1 strong { display: block; font-size: 40px; font-weight: bold; letter-spacing: 3px; background: -webkit-linear-gradient(left, #ffc34e, #fbe58d, #efba49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.award-head2 p { position: relative; display: block; padding: 2px 35px; text-transform: uppercase; color: #e1a025; font-size: 60px; line-height: 1; font-weight: bold; width: 100%; }
.award-head2 p strong { position: relative; padding: 2px 10px; background-image: linear-gradient(#f3cd62, #efa749); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }
.award-head2 strong img { max-width: 410px; padding: 5px; border: 1px solid #f6cf6e; }
.award-head2 p .shine-1 { content: ""; position: absolute; top: 22px; left: 50%; margin-left: -223px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head2 p .shine-2 { content: ""; position: absolute; top: -27px; left: 50%; margin-left: 10px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head2 p .shine-3 { content: ""; position: absolute; top: 4px; left: 50%; margin-left: 170px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-head2 div { position: relative; display: inline-block; text-transform: uppercase; color: #fff; font-size: 25px; line-height: 1.3; font-weight: bold; }
.award-list-left2 { position: absolute; bottom: 97px; left: 5px; z-index: 5; }
.award-list-right2 { position: absolute; bottom: 97px; right: -5px; z-index: 5; }
.competition-award-main2 li { position: relative; color: #fff; text-transform: uppercase; margin-bottom: 65px; font-weight: bold; }
.award-list-left2 li { text-align: right; margin-right: -110px; }
.competition-award-main2 li .in { position: relative; background: -webkit-linear-gradient(left, #ffc34e, #fbe58d, #efba49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.competition-award-main2 li .in .icon { position: absolute; top: 50%; margin-top: -16px; width: 29px; height: 29px; background: url("../images/theme-light2.png") 50% 50% no-repeat; background-size: 29px; }
.award-list-left2 li .in .icon { right: -45px; }
.award-list-right2 li .in .icon { left: -45px; }
.award-list-left2 li:before { content: ""; position: absolute; top: -15px; right: -195px; width: 675px; height: 102px; background: url("../images/theme-arrow2.png") 50% 50% no-repeat; }
.award-list-left2 li.item-2 { }
.award-list-right2 li:before { content: ""; position: absolute; top: -15px; right: -170px; width: 675px; height: 102px; background: url("../images/theme-arrow2.png") 50% 50% no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.competition-award-main2 li .icon { animation-iteration-count: infinite; animation-duration: 2s !important; animation-delay: 1s !important; }
.award-bg2 { position: relative; text-align: center; padding-top: 189px; }
.mask2 { position: relative; width: 409px; height: 500px; margin: 15px auto 0 auto; }
.mask2::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat; background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat; background-position: inherit; -webkit-mask: url('../images/award-bg-wtext2.png') center; mask: url('#mask-firefox'); animation-name: mask-shine; animation-duration: 4s !important; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; animation-delay: 2s !important; opacity: 0.65; }
.award-bg-light2 { position: absolute; top: -147px; left: 50%; margin-left: -505px; width: 1011px; height: 896px; background: url("../images/scene-top-light2.png") 0 0 no-repeat; background-size: cover; }
.award-bg-light-left2 { position: absolute; bottom: -70px; left: 50%; margin-left: -1025px; width: 1171px; height: 965px; background: url("../images/scene-bottom-left.png") 0 0 no-repeat; background-size: cover; z-index: -2; }
.award-bg-light-right2 { position: absolute; bottom: -70px; right: 50%; margin-right: -1025px; width: 1088px; height: 972px; background: url("../images/scene-bottom-right.png") 0 0 no-repeat; background-size: cover; z-index: -2; }
.award-bg-text2 { content: ""; position: absolute; bottom: -45px; left: 0; width: 100%; text-align: center; z-index: 5; }
.award-bg-text2 span { position: relative; display: inlie-block; color: #fff; font-size: 22px; text-transform: uppercase; }
.award-bg-text2 span::before { content: ""; position: absolute; top: 50%; left: 100%; margin-left: 10px; width: 120px; height: 1px;
background: #F6D67A;
background: -webkit-linear-gradient(90deg, rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
background: linear-gradient(90deg, rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F6D67A", endColorstr="#F6D67A", GradientType=1);
}
.award-bg-text2 span::after { content: ""; position: absolute; top: 50%; right: 100%; margin-right: 10px; width: 120px; height: 1px;
background: #F6D67A;
background: -webkit-linear-gradient(260deg,rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
background: -moz-linear-gradient(260deg,rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
background: linear-gradient(260deg,rgba(246, 214, 122, 1) 0%, rgba(246, 214, 122, 1) 50%, rgba(246, 214, 122, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr="#F6D67A",
endColorstr="#F6D67A",
GradientType=0
);
}
.award-bg-text2 div { color: #fbe990; font-size: 45px; line-height: 1.3; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.award-bg2 .shine-1 { content: ""; position: absolute; top: 275px; left: 56px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-bg2 .shine-2 { content: ""; position: absolute; top: 80px; left: 105px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-bg2 .shine-3 { content: ""; position: absolute; top: 140px; left: 270px; width: 62px; height: 68px; background: url("../images/shine2.png") 50% 50% no-repeat; background-size: 100% 100%; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.award-list-left2 li.item-1 .icon, .award-list-right2 li.item-1 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 1s !important; }
.award-list-left2 li.item-2 .icon, .award-list-right2 li.item-2 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 2s !important; }
.award-list-left2 li.item-3 .icon, .award-list-right2 li.item-3 .icon { opacity: 0; animation-name: fade-in; animation-duration: 2s !important; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; animation-fill-mode: normal; animation-delay: 3s !important; }
.award-list-left2 li.item-1 { right: -40px; }
.award-list-right2 li.item-1 { left: -40px; }
.award-list-left2 li.item-3 { right: -20px; }
.award-list-right2 li.item-3 { left: -20px; }
@media (max-width: 1200px) {
.award-head2 h1 { font-size: 29px; }
.award-head2 h1 strong { font-size: 31px; }
.mask2, .mask2 img { width: 370px; height: 452px; }
.award-list-left2 li.item-2 { margin-right: -22px; }
.award-list-right2 li.item-2 { margin-left: -3px; }
.award-list-left2, .award-list-right2 { bottom: 62px; }
.award-head2 strong img { max-width: 330px; }
.award-head2 p { margin-bottom: 4px; }
.award-head2 p .shine-1 { margin-left: -196px; }
.award-head2 p .shine-3 { margin-left: 133px; }
}
@media (max-width: 992px) {
.award-head2 p strong { font-size: 56px; }
.mask2 { margin-top: 380px; }
.award-list-left2, .award-list-right2 { bottom: auto; top: 209px; width: 280px; }
.award-list-right2 li { margin-left: 0 !important; }
.award-list-left2 li { margin-right: 0 !important; }
.competition-award-main2 li div { font-size: 16px; }
.award-list-left2 li.item-1, .award-list-left2 li.item-2, .award-list-left2 li.item-3 { right: 0px; left: auto; }
.award-list-right2 li.item-1, .award-list-right2 li.item-2, .award-list-right2 li.item-3 { left: 0px; right: auto; }
.award-list-left2 li:before { top: -7px; right: -180px; width: 648px; height: 79px; }
.award-list-right2 li:before { top: -7px; left: -180px; width: 648px; height: 79px; }
.competition-award-main2 li { margin-bottom: 45px; }
.award-list-left2, .award-list-right2 { top: 217px; }
.award-bg2 { padding-top: 67px; }
.award-head2 h1 strong { letter-spacing: 0; }
.award-head2 h1 { font-size: 23px; }
.competition-award-main2::after { height: 129%; }
}
@media (max-width: 768px) {
.award-head2 p strong { font-size: 38px; }
.award-bg2 { padding-top: 0; }
.mask2 { margin-top: 0; }
.award-list-left2, .award-list-right2, .award-head2 { position: static; width: 100%; }
.competition-award-main 2li .in { text-align: left !important; }
.competition-award-main2 li .in br { display: none; }
.award-list-left2 li .in, .award-list-right2 li .in { padding-left: 50px; text-align: left; }
.award-list-left2 li .in .icon { right: auto; left: 0; }
.award-list-right2 li .in .icon { left: 0; }
.award-bg-light2 { top: -40px; margin-left: -300px; width: 600px; height: 238px; }
.competition-award-second2 h3 { font-size: 25px; }
.services-types2 li { width: 32%; }
.star-attempt2 { width: 560px; font-size: 24px; padding: 79px 0 65px 230px; }
.competition-award-second2 h2 .shine-3 { left: 484px; }
.competition-mentors2 h2 { font-size: 45px; }
.competition-mentors2 h2 .shine-2 { top: 41px; left: 177px; }
.socials-list2 { text-align: center; }
footer { padding-top: 10px; }
.footer-line .align-left, .footer-line .align-right, .footer-line .col-md-2 { text-align: center; margin-bottom: 30px; }
.inmode-gold, .kitmed-garanty { margin: 0; }
.inmode-gold { margin-top: 20px; }
.competition-organizators h2 { font-size: 30px; }
.nominationmentor .wpcf7-list-item { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px !important; }
.flipper { font-size: 40px !important; }
.videobox iframe { width: 510px; height: 287px; }
.competition-page header .mobile-navi-button, header .mobile-navi-button { bottom: 15px; }
header .column-2.align-center { text-align: left; }
.award-head2 p { font-size: 54px; }
.award-head2 h1 { font-size: 20px; }
.award-head2 h1 strong { font-size: 27px; }
.award-head2 div { letter-spacing: 0; }
.competition-award-main2 { padding-top: 18px; }
.award-head2 { margin-bottom: 25px; }
.award-list-left2 li:before, .award-list-right2 li:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); top: -18px; right: auto; left: -192px; height: 56px; background: url("../images/theme-arrow.png") 50% 50% no-repeat; background-size: 43%; }
.competition-award-main2 li div { font-size: 14px; }
.award-list-left2 li .in .icon, .award-list-right2 li .in .icon { left: 10px; }
.competition-award-main2::after { height: 115%; }
.award-bg-text2 { bottom: 67px; }
.award-bg2 .shine-2 { top: -9px; }
.award-bg2 .shine-1 { top: 192px; left: 10px; }
}
@media (max-width: 580px) {
.award-head2 p strong { display: block; padding: 10px 0; }
.award-head2 p .shine-1 { margin-left: -170px; }
.award-head2 p .shine-3 { top: 59px; margin-left: 66px; }
.award-head2 div { font-size: 19px; }
.award-list-left2 li:before, .award-list-right2 li:before { top: -5px !important; }
.competition-award-main2 li { margin-bottom: 15px;}
.award-bg-text2 { overflow: hidden; }
.award-head2 strong img { max-width: 100%; }
.competition-award-main2 li div { font-size: 16px; }
.competition-award-main2::after { height: 127%; }
.award-bg-text2 { background: rgba(0,0,0,.65); }
.award-head2 p .shine-3 { top: 39px; }
}
/* COMPETITION AWARD SECOND */
.competition-award-second { position: relative; padding: 35px 0 50px 0; background: url("../images/competition-award-second.jpg") 50% 0 no-repeat; background-size: cover; z-index: 30; }
.competition-award-second * { color: #fff; }
.competition-award-second::before { content: ""; position: absolute; top: -40px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.competition-award-second h2 { position: relative; text-transform: uppercase; color: #fbe990; font-size: 39px; line-height: 1.3; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.competition-award-second h2 .shine-1 { content: ""; position: absolute; top: -10px; left: 384px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-award-second h2 .shine-2 { content: ""; position: absolute; top: 49px; left: 797px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-award-second h2 .shine-3 { content: ""; position: absolute; top: 73px; left: 431px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; }
.competition-award-second h3 { margin-bottom: 15px; font-size: 30px; font-weight: normal; text-shadow: rba(0,0,0,0.75) 0 1px 1px; text-transform: uppercase; }
.top-place { position: relative; margin-bottom: 25px; }
.competition-award-second .top-place { margin-top: -40px; }
.top-place a.butn { font-size: 20px; padding-left: 45px; padding-right: 45px; -webkit-box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.36); -moz-box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.36); box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.36); }
.top-place a.butn::after { content: ""; position: absolute; top: 50%; left: -400px; width: 385px; height: 2px; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(24%, rgba(255,194,53,0.78)), color-stop(100%, rgba(222,160,2,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dea002', GradientType=1 ); }
.top-place a.butn::before { content: ""; position: absolute; top: 50%; right: -400px; width: 385px; height: 2px; background: rgba(222,160,2,1); background: -moz-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,160,2,1)), color-stop(76%, rgba(255,194,53,0.78)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea002', endColorstr='#ffffff', GradientType=1 ); }
.star-attempt { position: relative; text-align: left; width: 705px; color: #000; font-size: 33px; line-height: 1.2; text-transform: uppercase; padding: 65px 0 65px 230px; margin: 0 auto 25px auto; }
.star-attempt .star-icon { content: ""; position: absolute; top: -1px; left: -17px; width: 223px; height: 225px; background: url("../images/doctor-star3.png") 50% 50% no-repeat; }
.star-attempt::after { content: ""; position: absolute; top: 47px; left: 102px; width: 605px; height: 111px; background: rgba(224,161,2,1); background: -moz-linear-gradient(left, rgba(224,161,2,1) 0%, rgba(224,161,2,0.94) 67%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,161,2,1)), color-stop(67%, rgba(224,161,2,0.94)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(224,161,2,1) 0%, rgba(224,161,2,0.94) 67%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(224,161,2,1) 0%, rgba(224,161,2,0.94) 67%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(224,161,2,1) 0%, rgba(224,161,2,0.94) 67%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(224,161,2,1) 0%, rgba(224,161,2,0.94) 67%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a102', endColorstr='#ffffff', GradientType=1 ); z-index: -1; }
.star-attempt .star-icon .shine-1 { content: ""; position: absolute; top: 10px; left: 68px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.star-attempt .star-icon .shine-2 { content: ""; position: absolute; top: 157px; left: 144px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.services-types { margin-bottom: 45px; }
.services-types li { position: relative; display: inline-block; vertical-align: top; width: 19%; text-align: center; }
.services-types li .box { position: relative; width: 187px; height: 187px; padding-top: 23px; }
.services-types li .box > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
.services-types li .box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.services-types li .box::after { content: ""; position: absolute; top: 13px; right: 10px; width: 148px; height: 148px; background: #e0a002; border-radius: 16px; }
.services-types li .in { position: relative; width: 148px; height: 148px; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; transition: 0.6s;transform-style: preserve-3d; margin: 0 auto; border: 1px solid #080808; border-radius: 16px; z-index: 5; }
.services-types li .st-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 9px; letter-spacing: -1px; font-size: 17px; color: #000; text-transform: uppercase; line-height: 1.2; background: rgba(255,255,255,0.80); border-radius: 16px; }
.services-types li .st-content .tb { margin-bottom: 10px; }
.services-types li .st-content .td { height: 72px; }
.services-types li .st-content .td img { max-width: 100%; max-height: 72px; }
.services-types li .st-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; }
.services-types li:hover .in { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.services-types li:hover .st-content, .services-types li .st-bg { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; }
.services-types li .st-bg { -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.services-types li a.butn { font-size: 14px; margin-top: 15px; padding: 9px 15px !important; }
/* COMPETITION AWARD STEPS */
.competition-award-steps2 { padding: 45px 0 40px 0; background: url("../images/competition-award-steps2.jpg") 50% 0 no-repeat; background-size: cover; z-index: 40; }
.competition-award-steps2::before { content: ""; position: absolute; top: -41px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.competition-award-steps2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 427px; background: url("../images/competition-award-lights.png") 50% 0 no-repeat; z-index: 1; }
.competition-award-steps2 .container { position: relative; z-index: 5; }
.competition-award-steps2 h2 { position: absolute; top: 32px; left: 0; width: 100%; text-align: center; text-transform: uppercase; color: #fbe990; font-size: 75px; line-height: 1.3; font-weight: bold; background: -webkit-linear-gradient(left, rgba(255,197,51,1) 0%, rgba(195,123,23,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.competition-award-steps2 h2.steps-date { bottom: 24px; top: auto; }
.competition-award-steps2 .in { position: absolute; top: 153px; left: 373px; width: 455px; }
.competition-award-steps2 .in .shine-1 { content: ""; position: absolute; top: -4px; left: 2px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-award-steps2 .in .shine-2 { content: ""; position: absolute; top: 81px; left: 235px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-award-steps2 .in .shine-3 { content: ""; position: absolute; top: 12px; left: 414px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-award-steps2 .in .shine-4 { content: ""; position: absolute; top: 215px; left: 110px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.steps-list-left { text-align: left; margin-left: 75px; }
.steps-list-right { text-align: right; }
.steps-list-2 li { margin: 105px 0; }
.steps-list-2 li span { display: inline-block; position: relative; padding: 4px 40px; color: #fff; font-size: 25px; line-height: 1.3; font-weight: bold; text-transform: uppercase; }
.steps-list-2 li span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(224,161,2,0.02);background: -moz-linear-gradient(left, rgba(224,161,2,0.02) 0%, rgba(224,161,2,1) 50%, rgba(224,161,2,0.02) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,161,2,0.02)), color-stop(50%, rgba(224,161,2,1)), color-stop(100%, rgba(224,161,2,0.02))); background: -webkit-linear-gradient(left, rgba(224,161,2,0.02) 0%, rgba(224,161,2,1) 50%, rgba(224,161,2,0.02) 100%); background: -o-linear-gradient(left, rgba(224,161,2,0.02) 0%, rgba(224,161,2,1) 50%, rgba(224,161,2,0.02) 100%); background: -ms-linear-gradient(left, rgba(224,161,2,0.02) 0%, rgba(224,161,2,1) 50%, rgba(224,161,2,0.02) 100%); background: linear-gradient(to right, rgba(224,161,2,0.02) 0%, rgba(224,161,2,1) 50%, rgba(224,161,2,0.02) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a102', endColorstr='#e0a102', GradientType=1 ); opacity: 0.85; z-index: -1; }
.steps-list-left span::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }
.steps-list-2 li span .icon { position: absolute; top: 50%; margin-top: -16px; width: 32px; height: 34px; background: url("../images/theme-light2.png") 50% 50% no-repeat; background-size: 32px; }
.steps-list-left .icon { right: -11px; }
.steps-list-right .icon { left: -11px; }
.steps-list-left .item-2 { margin-left: -95px; }
.steps-list-right .item-2 { margin-right: -120px; }
.steps-list-2 .icon { animation-iteration-count: infinite; animation-duration: 2s !important; animation-delay: 1s !important; }
@keyframes glow { 40% { text-shadow: 0 0 38px #eeab50; } }
/* COMPETITION MENTORS */
.competition-mentors { position: relative; padding: 55px 0 20px 0; background: url("../images/competition-award-second.jpg") 50% 0 no-repeat; background-size: cover; z-index: 35; }
.competition-mentors * { color: #fff; }
.competition-mentors .container { position: relative; z-index: 20; }
.competition-mentors::before { content: ""; position: absolute; top: -10px; left: 0; width: 100%; height: 140px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); opacity: 1; }
.competition-mentors::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.60); }
.competition-mentors h2 { position: relative; text-transform: uppercase; color: #fbe990; font-size: 75px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.competition-mentors h2 .shine-1 { content: ""; position: absolute; top: 4px; left: 384px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-mentors h2 .shine-2 { content: ""; position: absolute; top: 51px; left: 804px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-mentors h2 .shine-3 { content: ""; position: absolute; top: 135px; left: 556px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.mentors-list { position: relative; height: 410px; }
.page-template-page-archive-2021 .mentors-list { position: relative; height: 610px; }
.mentors-list li { position: absolute; width: 235px; }
.mentors-list > li::before { content: ""; position: absolute; top: -82px; left: -209px; width: 616px; height: 465px; background: url("../images/mentor-bg.png") 50% 50% no-repeat; z-index: -1; }
.mentors-list li h3 { color: #eeab50; font-size: 18px; text-transform: uppercase; margin-bottom: -20px; }
.mentors-list li h4 { font-size: 14px; text-transform: uppercase; }
.mentors-list li h5 { font-size: 13px; }
.mentors-list li a { color: #e29f04; font-size: 15px; outline: none !important; }
.mentors-list li a:hover { color: #ba8305; }
.mentors-list li .in { position: relative; height: 245px; margin: 25px 0 15px 0; background-image: image-set(url("../images/webp/mentor-star2.webp") type("image/webp"), url("../images/mentor-star2.png") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto; }
.mentors-list li.item-1 { top: -200px; left: 0; z-index: 4; }
.mentors-list li.item-2 { top: 14px; left: 230px; z-index: 2; }
.mentors-list li.item-3 { top: 200px; left: 50%; margin-left: -117px; z-index: 1; }
.mentors-list li.item-4 { top: 14px; right: 230px; z-index: 2; }
.mentors-list li.item-5 { top: -200px; right: 0; z-index: 4; }
.mentors-list li.item-1 .in .shine { content: ""; position: absolute; top: 171px; left: 15px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; }
.mentors-list li.item-2 .in .shine { content: ""; position: absolute; top: 168px; left: 122px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; }
.mentors-list li.item-3 .in .shine { content: ""; position: absolute; top: 158px; left: 52px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; }
.mentors-list li.item-4 .in .shine { content: ""; position: absolute; top: 0px; left: 71px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; }
.mentors-list li.item-5 .in .shine { content: ""; position: absolute; top: 53px; left: 193px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; }
.mentors-list li.item-6 .in .shine { content: ""; position: absolute; top: -11px; left: 96px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 3s; }
.mentors-list li.item-0 .in .shine { content: ""; position: absolute; top: 48px; left: 15px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2.3s; }
.mentor-photo { position: absolute; top: 58px; left: 53px; width: 130px; height: 130px; border-radius: 130px; overflow: hidden; }
.mentor-photo-min-1, .mentor-photo-min-2 { position: absolute; width: 65px; height: 65px; border-radius: 65px; -webkit-box-shadow: 5px 10px 53px -12px rgba(0,0,0,0.75); -moz-box-shadow: 5px 10px 53px -12px rgba(0,0,0,0.75); box-shadow: 5px 10px 53px -12px rgba(0,0,0,0.75); }
.mentor-photo-min-1 { top: 31px; left: 1px; }
.mentor-photo-min-2 { top: 31px; right: 1px; }
.mentors-list .bx-wrapper .bx-viewport { background: transparent !important; }
.mentors-slick-slider, .slick-list, .mentors-list .slide { height: 300px; }
.mentors-list .slide { position: relative; outline: none; }
.mentors-list .slide .mentor-info { position: absolute; left: -79px; width: 235px; bottom: 0; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.mentors-slick-slider .mentor-photo { width: 65px; height: 65px; border-radius: 65px; top: 85px; left: 50%; margin-left: -32px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 2px solid #ecb549; }
.mentors-slick-slider .slick-current .mentor-photo { top: 55px !important; width: 130px; height: 130px; border-radius: 130px; margin-left: -65px; }
.mentors-slick-slider .slick-current .mentor-info { position: absolute; bottom: 0; opacity: 1; z-index: 20; }
/* COMPETITION WAY STEPS */
.competition-way-steps { padding: 45px 0 75px 0; background: url("../images/competition-way-steps.jpg") 50% 0 no-repeat; background-size: cover; z-index: 40; }
.competition-way-steps::before { content: ""; position: absolute; top: -41px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.competition-way-steps .container { position: relative; z-index: 5; }
.competition-way-steps .container::after { content: ""; position: absolute; bottom: -65px; left: 0; width: 100%; height: 427px; background: url("../images/competition-award-lights.png") 50% 0 no-repeat; z-index: -1; }
.competition-way-steps h2 { text-align: center; text-transform: uppercase; color: #fbe990; font-size: 50px; line-height: 1.2; font-weight: bold; background: -webkit-linear-gradient(left, rgba(255,197,51,1) 0%, rgba(195,123,23,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.competition-way-steps .in { position: relative; display: inline-block; vertical-align: top; margin-bottom: 23px; }
.competition-way-steps .in .shine-1 { content: ""; position: absolute; top: 13px; left: 37px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-way-steps .in .shine-2 { content: ""; position: absolute; top: 137px; left: 314px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-way-steps .in .shine-3 { content: ""; position: absolute; top: 317px; left: 60px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-way-steps .in .shine-4 { content: ""; position: absolute; top: 523px; left: 170px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.competition-way-steps .in .shine-5 { content: ""; position: absolute; top: 626px; left: 269px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
/* COMPETITION FINAL */
.competition-final { position: relative; background: #000; z-index: 50; }
.competition-final::before { content: ""; position: absolute; top: -53px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.competition-final-in { position: relative; padding: 35px 0 145px 0; background: #000; overflow: hidden; z-index: 20; }
.competition-final .shadow-transition { position: absolute; top: -35px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.scene-bg { content: ""; position: absolute; top: -454px; left: 50%; margin-left: -1036px; width: 2072px; height: 1464px; background: url("../images/scene-bg.jpg") 50% 100% no-repeat; background-size: 90% auto; z-index: -1; }
.competition-final-in::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1000px; width: 2000px; height: 324px; background: url("../images/scene.png") 50% 0 no-repeat; background-size: cover; z-index: -1; }
.competition-final .container { position: relative; z-index: 10; }
.competition-final h2, .competition-final h3 { position: relative; text-align: center; text-transform: uppercase; color: #fbe990; font-size: 50px; line-height: 1.2; font-weight: bold; background: -webkit-linear-gradient(left, rgba(255,197,51,1) 0%, rgba(195,123,23,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; z-index: 20; }
.competition-final h2 span { display: block; font-size: 28px; line-height: 1; margin-top: -8px; text-transform: none; }
.competition-final h3 { font-size: 26px; text-transform: none; margin-bottom: 20px; }
.final-events-list li { position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 1.2; text-shadow: rgba(0,0,0,.2) 0 2px 7px; width: 320px; }
.final-events-list li.item-1 { top: 196px; left: 142px; }
.final-events-list li.item-2 { top: 370px; left: 105px; }
.final-events-list li.item-3 { top: 532px; left: 220px; }
.final-events-list li.item-4 { top: 196px; right: 210px; }
.final-events-list li.item-5 { top: 370px; right: 130px; }
.final-events-list li.item-6 { top: 532px; right: 160px; }
.final-events-list li .in { position: relative; height: 45px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center!important; justify-content: center!important; text-align: center; background: rgba(218,161,48,0); background: -moz-linear-gradient(left, rgba(218,161,48,0) 0%, rgba(218,161,48,1) 50%, rgba(218,161,48,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(218,161,48,0)), color-stop(50%, rgba(218,161,48,1)), color-stop(100%, rgba(218,161,48,0))); background: -webkit-linear-gradient(left, rgba(218,161,48,0) 0%, rgba(218,161,48,1) 50%, rgba(218,161,48,0) 100%); background: -o-linear-gradient(left, rgba(218,161,48,0) 0%, rgba(218,161,48,1) 50%, rgba(218,161,48,0) 100%); background: -ms-linear-gradient(left, rgba(218,161,48,0) 0%, rgba(218,161,48,1) 50%, rgba(218,161,48,0) 100%); background: linear-gradient(to right, rgba(218,161,48,0) 0%, rgba(218,161,48,1) 50%, rgba(218,161,48,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa130', endColorstr='#daa130', GradientType=1 ); }
.final-events-list li .in::before { content: ""; position: absolute; bottom: -7px; left: 0; width: 100%; height: 2px; background: rgba(228,162,31,0.15); background: -moz-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,162,31,0.15)), color-stop(50%, rgba(228,162,31,1)), color-stop(100%, rgba(228,162,31,0.15))); background: -webkit-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -o-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -ms-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: linear-gradient(to right, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a21f', endColorstr='#e4a21f', GradientType=1 ); }
.final-events-list li .in::after { content: ""; position: absolute; top: -7px; left: 0; width: 100%; height: 2px; background: rgba(228,162,31,0.15); background: -moz-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,162,31,0.15)), color-stop(50%, rgba(228,162,31,1)), color-stop(100%, rgba(228,162,31,0.15))); background: -webkit-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -o-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: -ms-linear-gradient(left, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); background: linear-gradient(to right, rgba(228,162,31,0.15) 0%, rgba(228,162,31,1) 50%, rgba(228,162,31,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a21f', endColorstr='#e4a21f', GradientType=1 ); }
.final-events-list li.item-2 .in::before { left: auto; right: 0; margin: 0; }
.final-scene { position: relative; margin-bottom: 130px; }
.final-scene-top-light { position: absolute; top: -10px; left: 50%; margin-left: -325px; width: 650px; height: 258px; background: url("../images/scene-top-light.png") 0 0 no-repeat; background-size: cover; opacity: 0.60; }
.final-scene-bottom-light { position: absolute; bottom: -124px; left: 50%; margin-left: -782px; width: 1572px; height: 417px; background: url("../images/scene-bottom-light.png") 0 0 no-repeat; }
.final-scene .in { position: relative; display: inline-block; vertical-align: top; }
.final-scene .in .shine-1 { content: ""; position: absolute; top: 130px; left: 107px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-scene .in .shine-2 { content: ""; position: absolute; top: 234px; left: 243px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-scene .in .shine-3 { content: ""; position: absolute; top: -6px; left: 52px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-scene .in .shine-4 { content: ""; position: absolute; top: 362px; left: 110px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-scene .in .shine-5 { content: ""; position: absolute; top: 298px; left: 313px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 3.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
/* COMPETITION ORGANIZATORS */
.competition-organizators { padding: 55px 0 35px 0; background: #000 image-set(url("../images/webp/bright-bg.webp") type("image/webp"), url("../images/bright-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; z-index: 100; }
.competition-organizators::before { content: ""; position: absolute; top: -41px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.competition-organizators h2 { position: relative; text-align: center; text-transform: uppercase; color: #e29f04; font-size: 40px; line-height: 1.2; font-weight: bold; text-shadow: rgba(0,0,0,.60) 0 2px 2px; z-index: 20; }
.competition-organizators h2 span { display: block; font-size: 26px; text-transform: lowercase; line-height: 1.1; margin-top: -4px; }
.ambassadors-list { margin: 25px 0; padding: 25px 0; text-align: center; }
.ambassadors-list li { display: inline-block; vertical-align: top; width: 19%; text-align: center; margin-bottom: 35px; }
.ambassadors-list li a.amblogo { display: block; padding: 15px; background: url("../images/plaska.png") 50% 50% no-repeat; background-size: 195px auto; text-decoration: none !important; margin: 0 10px 15px 10px; }
.ambassadors-list li a.amblogo .td { height: 86px; text-align: center; }
.ambassadors-list li a.amblogo .td img { max-width: 100%; max-height: 86px; }
.ambassadors-list li p { font-size: 14px; color: #fff; }
.ambassadors-list li p strong { color: #eeab50; }
.ambassador-info { margin: 0 10px; }
.ambassador-info a { display: block; padding: 6px 0; background: #eeab50; font-size: 15px; color: #fff; text-decoration: underline; background: rgba(167,103,24,1); background: -moz-linear-gradient(left, rgba(167,103,24,1) 0%, rgba(255,196,35,1) 42%, rgba(225,141,7,1) 71%, rgba(173,98,24,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167,103,24,1)), color-stop(42%, rgba(255,196,35,1)), color-stop(71%, rgba(225,141,7,1)), color-stop(100%, rgba(173,98,24,1))); background: -webkit-linear-gradient(left, rgba(167,103,24,1) 0%, rgba(255,196,35,1) 42%, rgba(225,141,7,1) 71%, rgba(173,98,24,1) 100%); background: -o-linear-gradient(left, rgba(167,103,24,1) 0%, rgba(255,196,35,1) 42%, rgba(225,141,7,1) 71%, rgba(173,98,24,1) 100%); background: -ms-linear-gradient(left, rgba(167,103,24,1) 0%, rgba(255,196,35,1) 42%, rgba(225,141,7,1) 71%, rgba(173,98,24,1) 100%); background: linear-gradient(to right, rgba(167,103,24,1) 0%, rgba(255,196,35,1) 42%, rgba(225,141,7,1) 71%, rgba(173,98,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a76718', endColorstr='#ad6218', GradientType=1 ); border-radius: 6px; text-decoration: none; text-shadow: rgba(0,0,0,.75) 0 2px 2px; }
.info-partners { position: relative; margin: 55px 0; padding: 0; }
.info-partners::before { content: ""; position: absolute; top: -45px; left: -379px; width: 1920px; height: 405px; background-image: image-set(url("../images/webp/orange-linebg.webp") type("image/webp"), url("../images/orange-linebg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }
.info-partners h2 { color: #fff; }
.logos-list { text-align: center; }
.logos-list-static .item { display: inline-block; vertical-align: top; margin: 0 2rem 2rem; text-align: center; }
.logos-list .td { height: 120px; }
.logos-list img { display: inline-block !important; max-width: 190px; max-height: 95px; }
.footer-line * { color: #fff; }
.footer-line .in { position: relative; display: inline-block; }
.inmode-gold { margin-left: 35px; }
.kitmed-garanty { margin-right: 35px; }
/* ------------------------------- FINAL --------------------------------- */
/* FINAL - BG */
.final-stars-bg { position: relative; background: #000; }
.final-stars-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: image-set(url("../images/webp/final-stars-bg.webp") type("image/webp"), url("../images/final-stars-bg.jpg") type("image/jpeg")); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }
/* FINAL - MAIN */
.final-main-screen { padding-top: 110px; padding-bottom: 100px; background: url("../images/final/final-main-bg2.jpg") 50% 0 no-repeat; z-index: 50; }
.final-main-screen .container { position: relative; }
.final-main-screen h2 { position: relative; text-transform: uppercase; color: #f8dc7b; font-size: 75px; line-height: 1.1; text-align: center; text-shadow: rgba(0,0,0,.55) 0 1px 4px; font-weight: bold; }
.final-main-screen h2 .shine-1 { content: ""; position: absolute; top: 4px; left: 426px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-screen h2 .shine-2 { content: ""; position: absolute; top: 52px; left: 694px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-screen h2 .shine-3 { content: ""; position: absolute; top: 0px; left: 631px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.final-main-h2 { margin-bottom: 15px; }
.final-main-ps { position: relative; width: 950px; text-align: center; margin: 0 auto; }
.final-main-ps img { max-width: 100%; }
.final-main-ps .shine-1 { content: ""; position: absolute; top: 152px; left: 254px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-ps .shine-2 { content: ""; position: absolute; top: 56px; left: 418px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-ps .shine-3 { content: ""; position: absolute; top: 280px; left: 562px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-screen::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1000px; width: 2000px; height: 324px; background: url("../images/scene.png") 50% 0 no-repeat; background-size: cover; z-index: -1; }
.final-main-screen::before { content: ""; position: absolute; bottom: -92px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.final-top-place { position: absolute; bottom: 85px; left: 0; width: 100%; }
.final-main-ps-top-light { position: absolute; top: -146px; left: 50%; margin-left: -682px; width: 1363px; height: 515px; background: url("../images/final/final-main-ps-top-light.png") 0 0 no-repeat; }
.final-main-ps-bottom-light { position: absolute; bottom: 15px; left: 50%; margin-left: -782px; width: 1572px; height: 417px; background: url("../images/scene-bottom-light.png") 0 0 no-repeat; }
.final-main-ps-left-light { position: absolute; top: 50%; left: -90px; margin-top: -155px; width: 608px; height: 143px; background: url("../images/final/final-main-ps-left-light.png") 0 0 no-repeat; }
.final-main-ps-right-light { position: absolute; top: 50%; right: -90px; margin-top: -155px; width: 608px; height: 143px; background: url("../images/final/final-main-ps-right-light.png") 0 0 no-repeat; }
.final-date { position: absolute; top: 188px; left: 50%; margin-left: -555px; color: #fff; font-size: 20px; text-shadow: rgba(0,0,0,0.60) 0 1px 10px; text-align: right; z-index: 15; }
.final-date div { margin-bottom: 10px; }
/* FINAL COUNTER */
.final-count { position: absolute; top: 175px; left: 50%; margin-left: 208px; width: 415px; color: #fff; font-size: 18px; text-shadow: rgba(0,0,0,0.60) 0 1px 10px; text-align: left; z-index: 15; }
.congres-counter .ttl-center { color: #fff; text-transform: none; margin: 0 0 10px 0; font-size: 19px; text-shadow: rgba(0,0,0,.15) 0 1px 5px; text-align: left; padding-left: 5px; }
.count-box { display: inline-block; vertical-align: top; padding: 9px 8px; text-align: center; margin: 0 5px 0 0; border-radius: 16px; width: 55px; background: rgba(213,165,83,1); background: -moz-linear-gradient(45deg, rgba(213,165,83,1) 0%, rgba(247,219,129,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(213,165,83,1)), color-stop(100%, rgba(247,219,129,1))); background: -webkit-linear-gradient(45deg, rgba(213,165,83,1) 0%, rgba(247,219,129,1) 100%); background: -o-linear-gradient(45deg, rgba(213,165,83,1) 0%, rgba(247,219,129,1) 100%); background: -ms-linear-gradient(45deg, rgba(213,165,83,1) 0%, rgba(247,219,129,1) 100%); background: linear-gradient(45deg, rgba(213,165,83,1) 0%, rgba(247,219,129,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a553', endColorstr='#f7db81', GradientType=1 ); margin-bottom: 10px; }
.count-box:last-child { border: 0; }
.count-box strong { display: block; color: #fff; font-size: 1.8rem; line-height: 1.1; font-weight: bold; text-shadow: rgba(0,0,0,.35) 0 1px 5px; }
.count-box span { display: block; vertical-align: top; color: #fff; font-size: 0.8rem; text-shadow: rgba(0,0,0,.35) 0 1px 5px; }
/* FINAL - FINALISTS */
.final-mentors-screen::before { content: ""; position: absolute; top: auto; bottom: -92px; left: 0; width: 100%; height: 140px; opacity: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(15,14,9,1)), color-stop(100%, rgba(237,237,237,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(15,14,9,1) 29%, rgba(237,237,237,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.finalists-group { margin: 20px 0 35px 0; }
.finalists-group > h3 { display: inline-block; background: #e29f04; padding: 6px 25px; border-radius: 9px; color: #fff; text-transform: uppercase; text-shadow: rgba(0,0,0,.50) 0 1px 5px; margin-bottom: 30px; }
.finalists-list.owl-carousel { display: block; }
.finalists-list .item.animated { display: inline-block; vertical-align: top; width: 16%; margin: 0 -2px; }
.finalists-list .item.animated .item { margin: 0 5px; }
.finalists-list .item.animated h3 { font-size: 13px; text-transform: uppercase; margin: 5px 0; }
.finalists-list .item.animated a { color: #e29f04; font-size: 15px; }
.finalists-list .finalist, .winner-item .finalist { position: relative; width: 175px; height: 168px; margin: 0 auto 10px auto; background-image: image-set(url("../images/webp/finalist-box.webp") type("image/webp"), url("../images/final/finalists2/finalist-box.png") type("image/jpeg")); background-repeat: no-repeat; background-position: center; }
.page-template-page-archive-2025 .winner-item .finalist { width: 210px; height: 205px; background: url("../images/finalist-box2-opt.png") 50% 50% no-repeat; background-size: 210px 205px; }
.page-template-page-archive-2025 .winner-item .finalist div { top: 53px; }
.finalists-list .finalist div, .winner-item .finalist div { position: absolute; top: 41px; left: 50%; margin-left: -56px; width: 113px; height: 113px; border-radius: 113px; }
.winner-item.winner-1 .finalist { width: 200px; height: 192px; background-size: 200px 192px; }
.winner-item.winner-1 .finalist div { top: 45px; margin-left: -64px; width: 130px; height: 130px; border-radius: 130px; border: 5px solid #f6d17c; }
/* FINAL - AWAIT */
.final-await-screen h2 { position: relative; font-size: 28px; color: #fff; text-transform: uppercase; margin: 0 auto 20px auto; padding-bottom: 20px; }
.final-await-screen h2.firts { font-size: 40px; padding: 0; margin-bottom: 30px; }
.final-await-screen h2.top { font-size: 31px; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-await-screen h2.bottom { font-size: 45px; }
.final-await-screen h2::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: rgba(239,175,73,0.04); background: -moz-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,175,73,0.04)), color-stop(50%, rgba(239,175,73,1)), color-stop(100%, rgba(239,175,73,0.04))); background: -webkit-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -o-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -ms-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: linear-gradient(to right, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efaf49', endColorstr='#efaf49', GradientType=1 ); }
.final-await-screen h2.firts::before { display: none; }
.final-await-screen h3 { color: #fff; font-size: 25px; text-transform: uppercase; }
.final-await-hilight { margin-top: -15px; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-await-hilight strong { font-size: 52px; }
.awaits-list li { margin: 15px 0; }
.awaits-list li .item { padding: 5px 0; font-size: 25px; color: #fff; text-shadow: rgba(0,0,0,0.40) 0 1px 5px; background: rgba(239,175,73,0.04); background: -moz-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,175,73,0.04)), color-stop(50%, rgba(239,175,73,1)), color-stop(100%, rgba(239,175,73,0.04))); background: -webkit-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -o-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: -ms-linear-gradient(left, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); background: linear-gradient(to right, rgba(239,175,73,0.04) 0%, rgba(239,175,73,1) 50%, rgba(239,175,73,0.04) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efaf49', endColorstr='#efaf49', GradientType=1 ); }
/* FINAL - REGLAMENT */
.final-reglament-screen { z-index: 10; }
.final-reglament-screen h2 { position: relative; text-transform: uppercase; color: #fbe990; font-size: 75px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-reglament-screen h2 .shine-1 { content: ""; position: absolute; top: 4px; left: 384px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-reglament-screen h2 .shine-2 { content: ""; position: absolute; top: 51px; left: 804px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-reglament-screen h2 .shine-3 { content: ""; position: absolute; top: 135px; left: 556px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.reglament-list { margin-top: 35px; }
.reglament-list li { position: relative; margin-bottom: 35px; }
.reglament-list li::before { content: ""; position: absolute; top: -82px; left: -125px; width: 616px; height: 465px; background-image: image-set(url("../images/webp/mentor-bg.webp") type("image/webp"), url("../images/mentor-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; z-index: -1; }
.reglament-list .icon { margin-bottom: 20px; }
.reglament-list h3 { color: #000; font-size: 21px; text-transform: uppercase; padding: 7px 0; background: url("../images/final/final-reglament-ttlbg.png") 50% 0 no-repeat; background-size: 100% auto; }
.reglament-list h4 { position: relative; text-align: left; padding-left: 55px; color: #fff; font-size: 19px; font-weight: normal; margin: 15px auto 0 auto; max-width: 320px; }
.reglament-list h4::before { content: ""; position: absolute; top: -2px; left: 0; width: 42px; height: 40px; background: url("../images/final/final-reglament-star.png") 50% 50% no-repeat; }
/* FINAL - PLAN */
.final-plan-screen h2 { position: relative; text-transform: uppercase; color: #fbe990; font-size: 75px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
/* FINAL - VOTING */
.final-voting-screen::before { content: ""; position: absolute; top: -150px; left: 0; width: 100%; height: 100%; background-image: image-set(url("../images/webp/final-voting-bg.webp") type("image/webp"), url("../images/final/final-voting-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: 1700px auto; opacity: 0.70; }
.lines-tt { position: relative; text-align: center; }
.lines-tt h2::after { content: ""; position: absolute; top: 50%; left: -400px; width: 385px; height: 2px; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(24%, rgba(255,194,53,0.78)), color-stop(100%, rgba(222,160,2,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,194,53,0.78) 24%, rgba(222,160,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dea002', GradientType=1 ); }
.lines-tt h2::before { content: ""; position: absolute; top: 50%; right: -400px; width: 385px; height: 2px; background: rgba(222,160,2,1); background: -moz-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,160,2,1)), color-stop(76%, rgba(255,194,53,0.78)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(222,160,2,1) 0%, rgba(255,194,53,0.78) 76%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea002', endColorstr='#ffffff', GradientType=1 ); }
.final-voting-screen h2 { position: relative; display: inline-block; vertical-align: top; text-transform: uppercase; color: #fbe990; font-size: 56px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-voting-screen h2 .shine-1 { content: ""; position: absolute; top: -5px; left: 463px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-voting-screen h2 .shine-2 { content: ""; position: absolute; top: 21px; left: 224px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-voting-screen h2 .shine-3 { content: ""; position: absolute; top: 57px; left: 56px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.final-voting-logo { padding: 55px 0; }
.final-voting-logo div { position: relative; }
.final-voting-logo div .shine-1 { content: ""; position: absolute; top: 152px; left: 301px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-voting-logo div .shine-2 { content: ""; position: absolute; top: 56px; left: 571px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-voting-logo div .shine-3 { content: ""; position: absolute; top: 335px; left: 715px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-winning-box { position: relative; z-index: 10; }
.final-winning-box h3 { position: absolute; top: -10px; left: 0; width: 100%; color: #fbe990; font-size: 40px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.final-winning { width: 870px; margin: 0 auto; background: url("../images/final/final-winnings-bg.png") 50% 0 no-repeat; background-size: 100% auto; }
.final-winning .td { height: 288px; }
.final-winning .td > div { position: relative; display: inline-block; vertical-align: top; font-size: 108px; color: #fbe990; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-winning .td > div .shine-1 { content: ""; position: absolute; top: 62px; left: 102px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-winning .td > div .shine-2 { content: ""; position: absolute; top: -18px; left: 362px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-winning .td > div .shine-3 { content: ""; position: absolute; top: 42px; left: 656px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
/* FINAL - BUFFET */
.final-buffet-screen::before { content: ""; position: absolute; top: -0; left: 0; width: 100%; height: 100%; background-image: image-set(url("../images/webp/final-buffet-bg.webp") type("image/webp"), url("../images/final/final-buffet-bg.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: 1200px auto; opacity: 0.60; }
.final-buffet-box { position: relative; }
.final-buffet-box img { height: 690px; }
.final-buffet-box > .shine-1 { content: ""; position: absolute; top: -35px; left: 513px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.1s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 1s; z-index: 5; }
.final-buffet-box > div { position: absolute; bottom: 120px; left: 0; width: 100%; z-index: 5; }
.final-buffet-box > div h2 { position: relative; display: inline-block; vertical-align: top; font-size: 115px; color: #fbe990; text-transform: uppercase; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; }
.final-buffet-box > div h2 .shine-1 { content: ""; position: absolute; top: 50px; left: 48px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-buffet-box > div h2 .shine-2 { content: ""; position: absolute; top: 0px; left: 258px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-buffet-box > div h2 .shine-3 { content: ""; position: absolute; top: 64px; left: 430px; width: 62px; height: 68px; background: url("../images/shine.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
/* ------------------------------- AFTER FINAL --------------------------------- */
/* AFTER FINAL - MAIN */
.final-main-screen.afterf-main h2 { font-size: 55px; }
.final-main-screen.afterf-main h2 .shine-2 { top: 32px; left: 894px; }
.final-main-screen.afterf-main .final-main-ps .shine-2 { top: 16px; left: 518px; }
.winner-podium { position: relative; height: 740px; }
.winner-podium::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -475px; width: 950px; height: 690px; background: url("../images/after-final/after-final-main.png") 50% 50% no-repeat; background-size: 100% auto; }
.static-podium { display: none; }
.winner-item { position: absolute; text-align: center; }
.winner-item.winner-1 { top: 0; left: 370px; }
.winner-item.winner-2 { top: 155px; left: 105px; }
.winner-item.winner-3 { top: 240px; left: -60px; }
.winner-item.winner-4 { top: 155px; right: 105px; }
.winner-item.winner-5 { top: 240px; right: -60px; }
.page-template-page-afterfinal-2022 .winner-item.winner-4 { right: 55px; }
.page-template-page-afterfinal-2022 .winner-item.winner-2 { left: 55px; }
.page-template-page-afterfinal-2022 .winner-item.winner-3 { top: 346px; left: 50%; margin-left: -89px; }
.winner-item img { max-width: 150px; }
.winner-item.winner-1 img { max-width: 210px; }
.winner-item h3 { color: #fff; font-size: 13px; text-transform: uppercase; margin: 5px 0; text-shadow: rgba(0,0,0,0.70) 0 1px 5px; }
.winner-item h4 { position: absolute; top: -5px; left: 50%; width: 140px; margin-left: -70px; color: #fae0a1; font-size: 12px; text-transform: uppercase; background: #4b3025; padding: 4px 5px; border: 1px solid #fae0a1; border-radius: 16px; z-index: 10; }
.winner-item.winner-1 h3 { font-size: 15px; }
.winner-item.winner-1 h4 { font-size: 14px; }
.winner-item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.winners-ttl { position: absolute; top: 95px; text-transform: uppercase; color: #fbe990; font-size: 39px; line-height: 1.1; font-weight: bold; text-shadow: rgb(0,0,0,0.55) 0 1px 4px; }
.winners-ttl.ft { left: 0; }
.winners-ttl.rt { right: -50px; }
.afterf-main .top-place { top: -130px; margin: 0; }
/* AFTER FINAL - REGLAMENT */
.afterf-howit-screen { z-index: 10; }
.afterf-howit-screen h2 { position: relative; text-transform: uppercase; color: #fbe990; font-size: 75px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; margin-bottom: 25px; }
.afterf-howit-screen h2 .shine-1 { content: ""; position: absolute; top: 4px; left: 384px; width: 37px; height: 37px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.afterf-howit-screen h2 .shine-2 { content: ""; position: absolute; top: 51px; left: 804px; width: 32px; height: 32px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.afterf-howit-screen h2 .shine-3 { content: ""; position: absolute; top: 35px; left: 552px; width: 26px; height: 26px; background: url("../images/shine.svg") 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.afterf-howit-screen h3 { text-transform: uppercase; color: #fbe990; font-size: 45px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 3500ms linear infinite 3000ms; margin-bottom: 25px; }
/* AFTER FINAL - HOWIT */
.afterf-howit-screen .videobox { display: inline-block; border: 1px solid #efae53; overflow: hidden; line-height: 0; margin-bottom: 35px; }
.afterf-howit-screen .gallery-list { margin-top: 25px; }
.gallery-box.smaller { max-width: 1010px; margin: 0 auto; }
.gallery-list .item a { position: relative; display: block; width: 320px; height: 212px; margin: 0 auto; line-height: 0; overflow: hidden; border: 1px solid #efae53; border-radius: 9px; }
.gallery-box.bigger .gallery-list .item a { width: 367px; height: 240px; }
.gallery-list .item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(242,200,85,1); background: -moz-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,200,85,1)), color-stop(47%, rgba(239,179,74,1)), color-stop(100%, rgba(239,179,74,0))); background: -webkit-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -o-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -ms-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: linear-gradient(to right, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c855', endColorstr='#efb34a', GradientType=1 ); opacity: 0; z-index: 5; }
.gallery-list .item a::after { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f00e"; font-size: 52px; line-height: 52px; color: #fff; top: 50%; left: 0; margin-top: -22px; text-indent: 0; width: 100%; height: 60px; text-align: center; z-index: 25; opacity: 0; }
.gallery-list .item a img { position: absolute; width: 100%; height: auto; top: 0; bottom: 0; margin: auto; min-height: 50px; }
.gallery-list .item a:hover::before { opacity: 0.65; }
.gallery-list .item a:hover::after { opacity: 1; }
.more-videos { margin-top: 45px; }
.more-videos .item { position: relative; }
.more-videos .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; }
.more-videos .video-preview { position: relative; width: 367px; border: 1px solid #efae53; overflow: hidden; line-height: 0; border-radius: 9px; margin-bottom: 15px; }
.more-videos .item h3 { font-size: 22px; }
.more-videos .item .video-preview::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(242,200,85,1); background: -moz-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,200,85,1)), color-stop(47%, rgba(239,179,74,1)), color-stop(100%, rgba(239,179,74,0))); background: -webkit-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -o-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: -ms-linear-gradient(left, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); background: linear-gradient(to right, rgba(242,200,85,1) 0%, rgba(239,179,74,1) 47%, rgba(239,179,74,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c855', endColorstr='#efb34a', GradientType=1 ); opacity: 0; z-index: 5; }
.more-videos .item .video-preview::after { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f144"; font-size: 65px; line-height: 62px; color: #fff; top: 50%; left: 0; margin-top: -32px; text-indent: 0; width: 100%; height: 60px; text-align: center; z-index: 25; opacity: 0; }
.more-videos .item:hover .video-preview::before { opacity: 0.65; }
.more-videos .item:hover .video-preview::after { opacity: 1; }
.watch-butn, .more-videos .item h3 { display: none; }
/* MANAGERS SECTION */
.managers-section.in { padding-top: 65px; padding-bottom: 1px; }
.managers-section h3 { color: #e29f04; text-align: center; font-size: 25px; }
.managers-list { margin-top: 35px; margin-bottom: 35px; }
.managers-list li { margin-bottom: 25px; text-align: center; }
.speakers-list li .in { position: relative; display: inline-block; padding: 25px; text-align: center; border: 2px solid #7d7d7d; border-top: 1px solid #e30613; border-right: 1px solid #e30613; background: rgba(125,125,125,1); background: -moz-linear-gradient(45deg, rgba(125,125,125,1) 0%, rgba(0,71,153,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(125,125,125,1)), color-stop(100%, rgba(0,71,153,1))); background: -webkit-linear-gradient(45deg, rgba(125,125,125,1) 0%, rgba(0,71,153,1) 100%); background: -o-linear-gradient(45deg, rgba(125,125,125,1) 0%, rgba(0,71,153,1) 100%); background: -ms-linear-gradient(45deg, rgba(125,125,125,1) 0%, rgba(0,71,153,1) 100%); background: linear-gradient(45deg, rgba(125,125,125,1) 0%, rgba(0,71,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#004799', GradientType=1 ); border-radius: 20px; -moz-box-shadow: 0 0 30px -20px rgba(0,0,0,0.25); box-shadow: 0 0 30px -20px rgba(0,0,0,0.25); }
.manager-photo { position: relative; text-align: center; margin: 0 auto 2rem auto; z-index: 10; }
.manager-photo-round { width: 200px; height: 200px; border-radius: 200px; margin: 0 auto 25px auto; }
.manager-info h3 { color: #e29f04; font-size: 20px; font-weight: bold; }
.manager-photo img { max-width: 85%; }
.manager-info .m-tel { font-size: 16px; }
.manager-info .m-tel i { display: block; color: #fff; font-weight: bold; margin-bottom: 6px; }
.manager-info .m-tel a { color: #fff; }
.manager-info .m-tel a:hover { color: #0052a1; }
/* TIPS */
.qtip { max-width: 440px !important; }
.qtip-content { padding: 14px !important; color: #000; font-size: 15px; font-weight: normal; line-height: 1.1; text-shadow: rgba(255,255,255,0.30) 0 1px 2px; }
.qtip-default { border-color: #fbe990 !important; border-radius: 16px; background: rgba(206,151,49,1) !important; background: -moz-linear-gradient(-45deg, rgba(206,151,49,1) 0%, rgba(224,210,132,1) 47%, rgba(204,138,23,1) 83%, rgba(215,150,29,1) 100%) !important; background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(206,151,49,1)), color-stop(47%, rgba(224,210,132,1)), color-stop(83%, rgba(204,138,23,1)), color-stop(100%, rgba(215,150,29,1))) !important; background: -webkit-linear-gradient(-45deg, rgba(206,151,49,1) 0%, rgba(224,210,132,1) 47%, rgba(204,138,23,1) 83%, rgba(215,150,29,1) 100%) !important; background: -o-linear-gradient(-45deg, rgba(206,151,49,1) 0%, rgba(224,210,132,1) 47%, rgba(204,138,23,1) 83%, rgba(215,150,29,1) 100%) !important; background: -ms-linear-gradient(-45deg, rgba(206,151,49,1) 0%, rgba(224,210,132,1) 47%, rgba(204,138,23,1) 83%, rgba(215,150,29,1) 100%) !important; background: linear-gradient(135deg, rgba(206,151,49,1) 0%, rgba(224,210,132,1) 47%, rgba(204,138,23,1) 83%, rgba(215,150,29,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce9731', endColorstr='#d7961d', GradientType=1 ) !important; }
/* FOOTER */
footer { padding: 75px 0 25px 0; }
footer h3 { color: #eeab50 !important; font-size: 15px; margin-bottom: 15px; font-weight: bold; }
footer h3 a { color: #eeab50 !important; text-decoration: none; }
footer p { color: #fff; font-size: 15px; }
footer p a { display: inline-block; vertical-align: top; position: relative; color: #fff; text-decoration: none; }
footer p a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }
footer p a:hover, footer h3 a:hover { color: #ddd; text-decoration: none; }
footer a.hidden-link { text-decoration: none; color: #fff; }
footer a.hidden-link::before { display: none; }
/* REGISTRATION / FORMS */
.form-group { position: relative; }
.form-group .form-control { padding: 12px 15px; border: 0; border-radius: 0; height: auto; font-size: 16px; }
.form-group textarea { height: 95px; max-height: 165px; }
.form-group .wpcf7-not-valid { border-color: #f03952 !important; }
.form-row { border: 0 !important; }
.form-row .optional { display: none; }
.form-group input.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ffe1e1; }
.ajax-loader { position: absolute; top: 21px; left: 15px; width: 15px; height: 15px; background: #ffffff; border-radius: 15px; }
.wpcf7-not-valid-tip, .screen-reader-response { display: none !important; }
.wpcf7-response-output { font-size: 15px; }
.wpcf7-response-output { color: #fff; }
.page-template-page-final .wpcf7-response-output { max-width: 358px !important; }
.wpcf7-spinner { position: absolute; top: 25px; right: 5px; z-index: 15; }
.page-template-page-final .wpcf7-radio { display: block; text-align: center; }
/* CUSTOM RADIOS AS BUTTONS */
.nominationmentor .wpcf7-radio { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.nominationmentor .wpcf7-list-item { display: inline-block; vertical-align: top; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 15px; font-size: 14px; color: #fff; margin: 0 !important; }
.nominationmentor .wpcf7-radio input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.nominationmentor .wpcf7-radio label { background: #ffe3a2; color: #000; display: block; font-size: 15px; font-weight: bold; line-height: 1; text-align: center; padding: 12px 5px; border-radius: 6px !important; }
.nominationmentor .wpcf7-radio label:hover { cursor: pointer; }
.nominationmentor .wpcf7-radio .active label { background-color: #e29f04; color: #fff; box-shadow: none; }
.nominationmentor .wpcf7-radio label:first-of-type { border-radius: 4px 0 0 4px; }
.nominationmentor .wpcf7-radio label:last-of-type { border-radius: 0 4px 4px 0; }
/* COMPETITION REGISTRATION / FORMS */
.mfp-zoom-out .white-popup.competition-popup { max-width: 980px; background-image: image-set(url("../images/webp/competition-award-second.webp") type("image/webp"), url("../images/competition-award-second.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: center; background-size: cover; border: 1px solid #e29f04; border-radius: 15px; overflow: hidden; }
.mfp-zoom-out .white-popup.competition-popup::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.60); z-index: -1; }
.mfp-zoom-out .white-popup.competition-popup .mfp-close { border-color: #e29f04; background: #e29f04; color: #fff !important; }
.mfp-zoom-out .white-popup.competition-popup .mfp-close:hover { background: #ba8305; }
.mfp-zoom-out .white-popup.competition-popup .form-ttl { display: inline-block; vertical-align: top; color: #eeab50; border-bottom: 1px solid #eeab50; margin-bottom: 10px; }
.mfp-zoom-out .white-popup.competition-popup .form-control { padding: 10px 15px; }
.mfp-zoom-out .white-popup.competition-popup .butn { font-size: 18px; color: #fff; text-transform: uppercase; background: #e29f04; -webkit-box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.26); -moz-box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.26); box-shadow: 4px 4px 18px 2px rgba(0,0,0,0.26); margin-top: 15px; }
.mfp-zoom-out .white-popup.competition-popup .butn:hover { background: #ba8305; }
.registration-nominatios { text-align: center; }
.registration-type-butn { display: inline-block; vertical-align: top; margin: 0 5px 5px 5px; width: 160px; border: 1px solid #080808; border-radius: 16px; padding: 15px; background: #e29f04; text-decoration: none !important; }
.registration-type-butn .td { height: 56px; }
.registration-type-butn .td img { max-width: 100%; max-height: 56px; }
.registration-type-butn .bttl { display: block; letter-spacing: -1px; font-size: 17px; color: #000; text-transform: uppercase; line-height: 1.2; margin-top: 6px; }
.registration-type-butn:hover { background: #ba8305; }
.registration-type-butn:hover .bttl { color: #fff; }
.wpcf7-checkbox.wpcf7-not-valid, .form-group .wpcf7-not-valid { border-bottom: 3px solid red; }
/* REGISTRATION COMPETITION / FORMS COMPETITION */
.competition-form-box { position: relative; max-width: 365px; padding: 30px 30px 35px 30px; background: rgba(0,203,203,1); background: -moz-linear-gradient(left, rgba(0,203,203,1) 0%, rgba(16,182,182,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,203,203,1)), color-stop(100%, rgba(16,182,182,1))); background: -webkit-linear-gradient(left, rgba(0,203,203,1) 0%, rgba(16,182,182,1) 100%); background: -o-linear-gradient(left, rgba(0,203,203,1) 0%, rgba(16,182,182,1) 100%); background: -ms-linear-gradient(left, rgba(0,203,203,1) 0%, rgba(16,182,182,1) 100%); background: linear-gradient(to right, rgba(0,203,203,1) 0%, rgba(16,182,182,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cbcb', endColorstr='#10b6b6', GradientType=1 ); -webkit-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); -moz-box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); box-shadow: 14px 25px 42px 1px rgba(0,0,0,0.33); border-radius: 36px; }
.competition-form-box::before { content: ""; position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #00cbcb; border-radius: 36px; }
.competition-form-box h3 { font-size: 23px; font-weight: 600; text-align: center; margin: 0 0 15px 0; }
.competition-form .form-group { margin-bottom: 20px; }
.competition-form .form-group .form-control { border: 1px solid #00a4a4; border-radius: 36px; background: #eaeaea; -webkit-box-shadow: inset 0px -5px 5px 0px rgba(215,215,215,0.83); -moz-box-shadow: inset 0px -5px 5px 0px rgba(215,215,215,0.83); box-shadow: inset 0px -5px 5px 0px rgba(215,215,215,0.83); }
.competition-form .form-group .butn { color: #fff; width: 100%; font-size: 19px; text-transform: uppercase; }
.competition-form .wpcf7-response-output { font-size: 18px; }
.captcha label { color: #fff; }
.captcha input { display: block; max-width: 150px !important; }
/* POPUPS */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; }
.mfp-zoom-out .white-popup { display: inline-block; position: relative; background: #5d576b; max-width: 550px; min-width: 200px; z-index: 100000; padding: 30px; border: 1px solid #ddd; -webkit-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); -moz-box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); box-shadow: 5px 5px 20px 0px rgba(68,68,68,0.4); }
.mfp-zoom-out .mfp-close { top: 0 !important; right: 0!important; color: #444444 !important; font-size: 35px !important; background: #f1f1f1; border: 1px solid #ddd; border-top: 0; border-right: 0; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { color: #4274aa !important; background: #ff6666; border-color: #eeaa44; color: #fff !important; }
.mfp-zoom-out.mfp-bg { background: rgba(0,0,0,.65) !important; }
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.96; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out .ttl { margin-bottom: 20px; }
.mfp-zoom-out .ttl h3 { color: #fff; font-size: 23px; }
.mfp-zoom-out .ttl h3 span { color: #eeab50; }
.mfp-zoom-out p, .mfp-zoom-out li { color: #d1d1d1; font-size: 14px; }
.mfp-zoom-out h3 { color: #d1d1d1; font-size: 16px; font-weight: bold; }
.mfp-zoom-out .butn { width: 100%; text-align: center; }
.mfp-zoom-out hr { border-color: #e29f04; opacity: 0.50; }
/* ANIMATIONS SHINE */
@-webkit-keyframes ShineAnimation {
from {
background-repeat:no-repeat;
background-image:-webkit-linear-gradient(
top left,
rgba(255, 255, 255, 0.0) 0%,
rgba(255, 255, 255, 0.0) 45%,
rgba(255, 255, 255, 0.5) 48%,
rgba(255, 255, 255, 0.8) 50%,
rgba(255, 255, 255, 0.5) 52%,
rgba(255, 255, 255, 0.0) 57%,
rgba(255, 255, 255, 0.0) 100%
);
background-position:-250px -250px;
background-size: 600px 600px
}
to {
background-repeat:no-repeat;
background-position:250px 250px;
}
}
/* ANIMATION FADE IN*/
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* ANIMATION MASK SHINE */
@-webkit-keyframes mask-shine {
0%{
background-position: -520px 0;
}
100% {
background-position: 500px 100px;
}
}
@keyframes mask-shine {
0%{
background-position: -520px 0;
}
100% {
background-position: 500px 100px;
}
}
/* ANIMATION BOUNCE IN FWD */
@-webkit-keyframes bounce-in-fwd {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: scale(0.84);
transform: scale(0.84);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-fwd {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: scale(0.84);
transform: scale(0.84);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/* FINAL2 - MAIN */
.final-main-screen2 { padding-top: 90px; padding-bottom: 100px; z-index: 50; }
.final-main-screen2-bg { position: absolute; top: 0; left: 50%; margin-left: -1300px; width: 2600px; height: 870px; background-image: url("../images/drstar-bg3.jpg"); background-repeat: no-repeat; background-position: 50% 20px; background-size: 1920px; }
.final-main-screen2 .container { position: relative; min-height: 595px; }
.final-main-screen2 h2 { position: relative; width: 600px; margin: 0 auto; left: 22px; }
.final-main-screen2 h2 .shine-1 { content: ""; position: absolute; top: 33%; left: 7%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-screen2 h2 .shine-2 { content: ""; position: absolute; top: -4%; left: 44%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final-main-screen2 h2 .shine-3 { content: ""; position: absolute; top: 10%; left: 85%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.final2-star-shines { position: absolute; top: 135px; left: 50%; margin-left: -230px; width: 460px; height: 420px; }
.final2-star-shines .shine-1 { content: ""; position: absolute; top: 30%; left: 16%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final2-star-shines .shine-2 { content: ""; position: absolute; top: 67%; left: 31%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.55; animation-name: bounce-in-fwd; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; z-index: 5; }
.final2-star-shines .shine-3 { content: ""; position: absolute; top: 41%; left: 73%; width: 62px; height: 68px; background: url(../images/shine.png) 50% 50% no-repeat; opacity: 0.65; animation-name: bounce-in-fwd; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; z-index: 5; -webkit-transform: rotate(160deg); -ms-transform: rotate(160deg); transform: rotate(160deg); }
.final-date2 { position: absolute; top: 145px; left: 50%; margin-left: -365px; text-align: left; z-index: 15; }
.final-date2 div { font-size: 25px; line-height: 1.1; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 20px 15px; }
.final-date2 div strong { font-size: 2rem; }
.final-date2::before, .final-date2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgb(185,112,50); background: -moz-linear-gradient(270deg, rgba(185,112,50,0) 0%, rgba(185,112,50,1) 15%, rgba(185,112,50,1) 33%, rgba(185,112,50,1) 73%, rgba(185,112,50,1) 85%, rgba(185,112,50,0) 100%); background: -webkit-linear-gradient(270deg, rgba(185,112,50,0) 0%, rgba(185,112,50,1) 15%, rgba(185,112,50,1) 33%, rgba(185,112,50,1) 73%, rgba(185,112,50,1) 85%, rgba(185,112,50,0) 100%); background: linear-gradient(270deg, rgba(185,112,50,0) 0%, rgba(185,112,50,1) 15%, rgba(185,112,50,1) 33%, rgba(185,112,50,1) 73%, rgba(185,112,50,1) 85%, rgba(185,112,50,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b97032",endColorstr="#b97032",GradientType=1); }
.final-date2::after { top: auto; bottom: 0; }
.final-place2 { position: absolute; top: 145px; right: 50%; margin-right: -425px; text-align: center; z-index: 15; }
.final-place2 div { color: #fff; font-size: 16px; font-weight: bold; line-height: 1.3; /*background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ padding: 10px 0; }
.final-place2 div strong { font-size: 24px; }
.final-place2::before, .final-place2:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgb(255,255,255); background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.final-place2::after { top: auto; bottom: 0; }
.final-top2-place { position: absolute; bottom: -170px; left: 0; width: 100%; }
@media (max-width: 992px) {
.final-place2 { margin-right: -368px; }
.final-date2 { margin-left: -305px; }
}
@media (max-width: 768px) {
.final-main-screen2-bg { background-size: 1380px; }
.final-main-screen2 h2 { width: 440px; }
.final-main-screen2 { padding-top: 10px; }
.final-date2 { top: 100px; margin-left: -190px; background: rgba(0,0,0,.5); }
.final-place2 { top: 100px; margin-right: -253px; background: rgba(0,0,0,.5); padding-left: 10px; padding-right: 10px; }
.final-main-screen2 h2 { left: 18px; }
.final-main-screen2 .container { min-height: 460px; }
.final-main-screen2 h2 .shine-2 { top: -5%; left: 41%; }
.final-main-screen2 h2 .shine-3 { top: 1%; left: 82%; }
.final-main-screen2 h2 .shine-1 { top: 20%; left: 5%; }
.final2-star-shines { top: 135px; margin-left: -190px; width: 380px; height: 309px; }
}
@media (max-width: 580px) {
.final-main-screen2 h2 { width: 100%; max-width: 100%; left: 0; }
.final-main-screen2 .container { min-height: 375px; }
.final-date2 { top: auto; bottom: 7px; left: 0; margin-left: 0; width: 100%; text-align: center; }
.final-date2 br { display: none; }
.final-date2 div { font-size: 22px; padding: 10px 15px; }
.final-place2 { top: auto; bottom: -75px; left: 0; margin-left: 0; width: 100%; text-align: center; }
.final-place2 div { font-size: 14px; }
.final-place2 div br { display: none; }
.final-place2 div strong { display: block; font-size: 18px; }
.final-voting-screen h2 { font-size: 43px; }
.final-buffet-box > div h2 { font-size: 75px; }
.final-reglament-screen h2 { font-size: 55px; }
.final-main-screen2-bg { background-size: 1070px; background-position: 50% -36px; }
.final2-star-shines { top: 40px; margin-left: -110px; width: 220px; height: 280px; }
}
/* QUIZ GLOBAL */
.page-template-page-quiz { font-family: "Montserrat", sans-serif; color: #131f1f; font-size: 17px; font-weight: 400; line-height: 1.2; }
.page-template-page-quiz .mfp-zoom-out .white-popup.competition-popup { max-width: 520px; }
@media (max-width: 580px) {
.page-template-page-quiz { font-size: 15px; }
}
/* QUIZ BUTTONS */
.quiz-butn { position: relative; display: inline-block; overflow: hidden; background: transparent; text-align: center; padding: 16px 15px; width: 100%; max-width: 300px; min-width: 200px; margin: 0; color: #000; font-size: 19px; font-weight: 700; text-transform: uppercase; line-height: 1; text-decoration: none; outline: none; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid #d38f32; z-index: 5; }
.quiz-butn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #54a29d; z-index: -1; }
.quiz-butn:hover { color: #fff; text-decoration: none; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.35); text-shadow: rgba(0,0,0,.3) 0 1px 6px; }
.quiz-butn:hover::before { background: #a07e4b !important; }
.quiz-butn::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.34) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.quiz-butn.gold::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(222,144,35,0) 0%, rgba(222,144,35,.55) 100%); background: linear-gradient(to right, rgba(222,144,35,0) 0%, rgba(222,144,35,.54) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.quiz-butn:hover::after { display: none; }
@-webkit-keyframes shine { 100% {left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
.shine-butn::after { content: ''; position: absolute; display: block; top: 0; left: -75%; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(213,195,146,0) 0%, rgba(213,195,146,.8) 100%); background: linear-gradient(to right, rgba(213,195,146,0) 0%, rgba(213,195,146,.8) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 3.15s infinite; animation: shine 3.15s infinite; z-index: 2; }
.shine-butn:hover::after { display: none; }
/* QUIZ MAIN SECTION */
.quiz-main { position: relative; background: #131f1f; padding: 100px 0 100px 0; z-index: 25; }
.quiz-main-light-left, .quiz-main-light-right { position: absolute; top: 0; left: 50%; margin-left: -650px; width: 317px; height: 275px; background: url("../images/quiz/quiz-main-light.png") 50% 50% no-repeat; mix-blend-mode: color-dodge; }
.quiz-main-light-right { left: auto; margin-left: 0; right: 50%; margin-right: -650px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.quiz-main .container { position: static; }
.quiz-main-bg { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background: url("../images/quiz/quiz-mainbg.jpg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.quiz-main h1 { color: #fff; font-size: 85px; letter-spacing: 60px; font-weight: 800; text-transform: uppercase; margin-bottom: 25px; text-align: center; margin-bottom: 5px; }
.quiz-main h1 div { position: relative; display: inline-block; padding: 30px 0; }
.quiz-main h1 div::before, .quiz-main h1 div::after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -309px; width: 619px; height: 18px; background: url("../images/quiz/quiz-light.png") 50% 50% no-repeat; mix-blend-mode: screen; }
.quiz-main h1 div::after { top: auto; bottom: 0; }
.quiz-main h1 span { position: absolute; width: 62px; height: 68px; background: url("../images/quiz/shine2.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; mix-blend-mode: screen; z-index: 5; }
.quiz-main h1 .shine-1 { bottom: 6%; left: 3%; animation-duration: 2.5s; }
.quiz-main h1 .shine-2 { top: 2%; left: 18%; animation-duration: 2s; }
.quiz-main h1 .shine-3 { bottom: 6%; left: 53%; animation-duration: 1.8s; }
.quiz-main h1 .shine-4 { top: 2%; left: 70%; animation-duration: 1.1s; }
.quiz-main h1 .shine-5 { bottom: 9%; right: 1%; animation-duration: 2.2s; }
.quiz-main h1 img { max-width: 795px; margin: 0; }
.quiz-main .row { margin: 0 45px; }
.quiz-main h2 { color: #fff; font-size: 35px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 55px; }
.quiz-main .item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; height: 105px; }
.quiz-main .item::before { content: ""; position: absolute; top: -30px; left: -35px; width: calc(100% + 60px); height: calc(100% + 60px); background: url("../images/quiz/quiz-gold-border.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.quiz-main .item p { color: #fff; font-size: 16px; text-transform: uppercase; margin: 0; }
.quiz-about-info { position: absolute; bottom: -57px; left: 50%; margin-left: -570px; width: 1140px; padding: 30px; text-align: center; background: #AC6622; background: -webkit-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: -moz-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AC6622", endColorstr="#EBA546", GradientType=0); }
.quiz-about-info::before { content: ""; position: absolute; top: 11px; left: 11px; width: 100%; height: 100%; border: 1.5px solid #d38f32; }
.quiz-about-info p { font-size: 18px; font-weight: 500; margin: 0; }
.quiz-main .buttons { margin-top: 50px; }
@media (max-width: 1200px) {
.quiz-main .item p { font-size: 14px; }
.quiz-main h2 { font-size: 32px; }
.quiz-about-info { width: 960px; margin-left: -480px; }
.quiz-main { padding: 100px 0 130px 0; }
}
@media (max-width: 992px) {
.quiz-main h1 img { max-width: 100%; }
.quiz-main .item { border-left: 1.5px solid #d38f32; padding: 15px; height: 135px; }
.quiz-main .item br { display: none; }
.quiz-main .item::before, .quiz-main .item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1.5px; background: #D38F32; background: -webkit-linear-gradient(90deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 1) 50%, rgba(211, 143, 50, 0) 100%); background: -moz-linear-gradient(90deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 1) 50%, rgba(211, 143, 50, 0) 100%); background: linear-gradient(90deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 1) 50%, rgba(211, 143, 50, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#D38F32", endColorstr="#D38F32", GradientType=1);}
.quiz-main .item::after { top: auto; bottom: 0; }
.quiz-main h2 { font-size: 27px; margin-bottom: 40px; }
.quiz-main h1 { font-size: 65px; }
.quiz-main .buttons { margin-top: 40px; }
.quiz-main { padding: 100px 0 130px 0; }
.quiz-main .row { margin: 0; }
.quiz-about-info { width: 720px; margin-left: -360px; }
.quiz-about-info p { font-size: 17px; }
}
@media (max-width: 768px) {
.quiz-main { padding: 31px 0 130px 0; }
.quiz-main h1 { font-size: 46px; }
.quiz-main .item { height: 100%; }
.quiz-main .row > div:first-child { margin-bottom: 15px; }
.quiz-main .buttons { margin-top: 30px; }
.quiz-about-info { width: 100%; left: 0; margin-left: 0; margin-right: 0; }
}
@media (max-width: 580px) {
.quiz-main h1 { font-size: 40px; letter-spacing: 25px; }
.quiz-main h1 .shine-3 { left: 55%; }
.quiz-main h2 { font-size: 22px; margin-bottom: 20px; }
.quiz-about-info { position: relative; bottom: 0; margin-top: 25px; padding: 15px; }
.quiz-about-info p { font-size: 15px; }
.quiz-main { padding: 31px 0 50px 0; }
}
/* QUIZ FORWHOM SECTION */
.quiz-forwhom { position: relative; padding: 100px 0 120px 0; background: #A0B5A5; background: -webkit-linear-gradient(90deg,rgba(160, 181, 165, 1) 0%, rgba(140, 163, 145, 1) 20%, rgba(96, 124, 102, 1) 35%, rgba(96, 124, 102, 1) 52%, rgba(96, 124, 102, 1) 65%, rgba(140, 163, 145, 1) 80%, rgba(160, 181, 165, 1) 100%); background: -moz-linear-gradient(90deg,rgba(160, 181, 165, 1) 0%, rgba(140, 163, 145, 1) 20%, rgba(96, 124, 102, 1) 35%, rgba(96, 124, 102, 1) 52%, rgba(96, 124, 102, 1) 65%, rgba(140, 163, 145, 1) 80%, rgba(160, 181, 165, 1) 100%); background: linear-gradient(90deg,rgba(160, 181, 165, 1) 0%, rgba(140, 163, 145, 1) 20%, rgba(96, 124, 102, 1) 35%, rgba(96, 124, 102, 1) 52%, rgba(96, 124, 102, 1) 65%, rgba(140, 163, 145, 1) 80%, rgba(160, 181, 165, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A0B5A5", endColorstr="#A0B5A5", GradientType=1); border-bottom: 2px solid #ffffff; z-index: inherit; }
.quiz-forwhom .container { position: static; }
.quiz-forwhom h2 { position: relative; color: #fff; font-size: 35px; font-weight: 800; text-transform: uppercase; text-align: center; padding: 25px 0; margin-bottom: 25px; }
.quiz-forwhom h2::before, .quiz-forwhom h2::after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -309px; width: 619px; height: 18px; background: url("../images/quiz/quiz-light.png") 50% 50% no-repeat; mix-blend-mode: screen; }
.quiz-forwhom h2::after { top: auto; bottom: 0; }
.quiz-forwhom ul { position: absolute; bottom: -130px; left: 0; width: 100%; text-align: center; z-index: 20; }
.quiz-forwhom li { display: inline-block; vertical-align: top; margin: 0 6px; }
.quiz-forwhom li figure { position: relative; max-width: 260px; margin: 0; }
.quiz-forwhom li figure h3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #8a4a0e; font-size: 22px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0,0,0,.3) 1px 2px 0; }
.quiz-forwhom li img { max-width: 100%; margin: 0 0 0 5px; }
.quiz-forwhom li figure span { position: absolute; width: 51px; height: 49px; background: url("../images/quiz/shine3.png") 50% 50% no-repeat; animation-name: bounce-in-fwd; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-delay: 2s; mix-blend-mode: lighten; z-index: 5; }
.quiz-forwhom li figure .shine-1 { bottom: 14%; right: 15%; animation-duration: 2.1s; }
.quiz-forwhom li figure .shine-2 { top: 15%; left: 2%; animation-duration: 2.9s; }
@media (max-width: 1200px) {
.quiz-forwhom h2 { font-size: 32px; }
}
@media (max-width: 992px) {
.quiz-forwhom h2 { font-size: 27px; }
}
@media (max-width: 768px) {
.quiz-forwhom h2 { font-size: 22px; }
.quiz-forwhom li figure { max-width: 220px; }
.quiz-forwhom li figure h3 { top: -5px; font-size: 19px; }
.quiz-forwhom { padding: 100px 0 85px 0; }
}
@media (max-width: 580px) {
.quiz-forwhom { padding: 30px 0 20px 0; }
.quiz-forwhom li figure { max-width: 160px; }
.quiz-forwhom li figure h3 { font-size: 14px; }
}
@media (max-width: 350px) {
.quiz-forwhom li figure { max-width: 130px; }
.quiz-forwhom li figure h3 { font-size: 13px; }
}
/* QUIZ FOUNDATION SECTION */
.quiz-foundation { padding: 150px 0 50px 0; background: #dededd; z-index: inherit; }
.quiz-foundation h2 { position: relative; font-size: 25px; font-weight: 800; text-transform: uppercase; text-align: right; padding: 25px 85px 25px; margin-bottom: 0; }
.quiz-foundation h2::after { content: ""; position: absolute; top: 23px; right: 30px; width: 48px; height: 60px; background: url("../images/quiz/quiz-question.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.quiz-foundation h2 .lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-right: 1.5px solid #d38f32; border-bottom: 1.5px solid #d38f32; }
.quiz-foundation h2 .lines::before { content: ""; position: absolute; bottom: 100%; left: 50%; width: 1.5px; height: 275px; background: #D38F32; background: -webkit-linear-gradient(0deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 0) 100%); background: -moz-linear-gradient(0deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 0) 100%); background: linear-gradient(0deg,rgba(211, 143, 50, 1) 0%, rgba(211, 143, 50, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D38F32", endColorstr="#D38F32", GradientType=0 ); }
.quiz-foundation h2 .lines::after { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 1.5px; background: #d38f32; }
.quiz-foundation ul { position: relative; padding: 25px 0 25px 15px; }
.quiz-foundation li { position: relative; font-size: 18px; margin-bottom: 20px; padding-left: 40px; }
.quiz-foundation li::before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 17px; color: #131f1f; top: 5px; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%); border-radius: 100%; z-index: 25; }
.quiz-foundation li:last-child { margin-bottom: 0; }
.quiz-foundation ul .lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1.5px solid #d38f32; }
.quiz-foundation ul .lines::before { content: ""; position: absolute; top: 100%; left: 50%; margin-top: -2px; width: 1.5px; height: 35px; background: #D38F32; }
.quiz-foundation ul .lines::after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 1.5px; background: #d38f32; }
@media (max-width: 1200px) {
.quiz-foundation h2 { font-size: 20px; }
.quiz-foundation li { font-size: 16px; }
}
@media (max-width: 768px) {
.quiz-foundation h2 { font-size: 19px; padding: 25px 85px 25px 0; }
}
@media (max-width: 580px) {
.quiz-foundation h2 { font-size: 17px; padding: 25px 45px 25px 0; }
.quiz-foundation h2::after { top: 65px; right: 10px; height: 64px; zoom: .65; }
.quiz-foundation li { font-size: 15px; }
}
@media (max-width: 400px) {
.quiz-foundation h2 { font-size: 13px; }
}
/* QUIZ FIXED BG */
.quiz-fixed-bg { position: relative; background: #131f1f; }
.quiz-fixed-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/quiz/quiz-foundation-schema-bg.svg") fixed no-repeat; background-position: 50% 50%; background-size: 100% 100%; mix-blend-mode: color-dodge; opacity: .45; }
@media (max-width: 992px) {
.quiz-fixed-bg::before { background-size: 150%; }
}
@media (max-width: 992px) {
.quiz-fixed-bg::before { background-attachment: scroll !important; background-size: 300%; }
}
/* QUIZ FOUNDATION SCHEMA SECTION */
.quiz-foundation-schema { padding-bottom: 35px; }
.quiz-foundation-schema h2 { position: relative; font-size: 25px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 0; z-index: 5; }
.quiz-foundation-schema h2::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -51px 0 0 -958px; width: 1920px; height: 106px; background: url("../images/quiz/quiz-foundation-schema-ttl.svg") 50% 50% no-repeat; background-size: 100% 100%; z-index: -1; }
.quiz-foundation-schema .inner { position: relative; padding: 1px 0; margin-bottom: 5px; }
.quiz-foundation-schema figure { position: relative; max-width: 568px; margin: 165px auto; z-index: 5; }
.quiz-foundation-schema figure img { max-width: 100%; margin: 0; }
.quiz-foundation-schema li .item { position: relative; padding-left: 40px; max-width: 320px; z-index: 6; }
.quiz-foundation-schema li .item::before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 17px; color: #131f1f; top: 5px; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%); border-radius: 100%; z-index: 25; }
.quiz-foundation-schema li .item h3 { font-size: 21px; font-weight: 700; text-transform: uppercase; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0; }
.quiz-foundation-schema li .item p { color: #fff; font-size: 14px; line-height: 1; margin: 0; }
.quiz-foundation-schema li .item a { color: #fff; font-size: 11px; }
.quiz-foundation-schema li:nth-child(1) { position: absolute; top: 55px; left: 50%; margin-left: -120px; }
.quiz-foundation-schema li:nth-child(2) { position: absolute; top: 255px; left: 50%; margin-left: -580px; }
@media (min-width: 993px) {
.quiz-foundation-schema li:nth-child(2), .quiz-foundation-schema li:nth-child(4) { text-align: right; }
.quiz-foundation-schema li:nth-child(2) .item, .quiz-foundation-schema li:nth-child(4) .item { padding: 0 40px 0 0; }
.quiz-foundation-schema li:nth-child(2) .item::before, .quiz-foundation-schema li:nth-child(4) .item::before { left: auto; right: 0; }
}
.quiz-foundation-schema li:nth-child(3) { position: absolute; top: 255px; right: 50%; margin-right: -580px; }
.quiz-foundation-schema li:nth-child(4) { position: absolute; top: 555px; left: 50%; margin-left: -615px; }
.quiz-foundation-schema li:nth-child(5) { position: absolute; top: 555px; right: 50%; margin-right: -615px; }
.quiz-foundation-schema li:nth-child(6) { position: absolute; bottom: 50px; left: 50%; margin-left: -315px; }
.quiz-foundation-schema li:nth-child(7) { position: absolute; bottom: 50px; right: 50%; margin-right: -365px; }
@media (max-width: 1200px) {
.quiz-foundation-schema figure { max-width: 420px; }
.quiz-foundation-schema li .item p { max-width: 225px; }
.quiz-foundation-schema li:nth-child(2) { margin-left: -455px; }
.quiz-foundation-schema li:nth-child(3) { margin-right: -455px; }
.quiz-foundation-schema li:nth-child(4) { top: 455px; margin-left: -480px; }
.quiz-foundation-schema li:nth-child(5) { top: 455px; margin-right: -480px; }
.quiz-foundation-schema li:nth-child(6) { bottom: 40px; margin-left: -255px; }
.quiz-foundation-schema li:nth-child(7) { bottom: 40px; margin-right: -255px; }
}
@media (max-width: 992px) {
.quiz-foundation-schema h2 { font-size: 22px; }
.quiz-foundation-schema ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-right: -15px; margin-left: -15px; }
.quiz-foundation-schema ul li { position: static !important; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 15px; padding-right: 15px; margin: 16px 0 !important; }
.quiz-foundation-schema figure { max-width: 360px; margin: 50px auto 20px auto; }
}
@media (max-width: 768px) {
.quiz-foundation-schema h2 { font-size: 16px; }
}
@media (max-width: 580px) {
.quiz-foundation-schema h2 { font-size: 17px; font-weight: bold; line-height: 1; }
.quiz-foundation-schema figure { max-width: 235px; }
.quiz-foundation-schema ul { border-top: 1px solid #88571f; }
.quiz-foundation-schema ul li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; border-bottom: 1px solid #88571f; padding-bottom: 20px; margin-bottom: 20px; }
.quiz-foundation-schema li .item, .quiz-foundation-schema li .item p { max-width: 100%; }
.quiz-foundation-schema li .item a { display: block; font-size: 14px; margin-top: 10px; }
}
/* QUIZ TARGET SECTION */
.quiz-target { padding-bottom: 45px; }
.quiz-target h2 { position: relative; color: #fff; font-size: 35px; font-weight: 600; text-transform: uppercase; text-align: center; padding: 15px 0; background: #0E1917; background: -webkit-linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); background: -moz-linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); background: linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0E1917", endColorstr="#0E1917", GradientType=1); margin-bottom: 25px; }
.quiz-target h2 strong { display: block; font-size: 60px; font-weight: 800; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-target h2::before, .quiz-target h2::after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -309px; width: 619px; height: 18px; background: url("../images/quiz/quiz-light.png") 50% 50% no-repeat; mix-blend-mode: screen; }
.quiz-target h2::after { top: auto; bottom: -8px; }
.quiz-target li .item { position: relative; padding-left: 70px; }
.quiz-target li .item .num { position: absolute; top: 125px; left: 0; font-size: 75px; font-weight: 800; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-target li .item figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 125px; margin: 0 0 15px 0; }
.quiz-target li .item figure img { width: auto; height: auto; max-width: 90px; max-height: 100%; margin: 0; }
.quiz-target li:nth-child(3) figure img { max-width: 120px; }
.quiz-target li .item h3 { color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0; }
.quiz-target li .item p { color: #fff; font-size: 16px; }
@media (max-width: 1200px) {
.quiz-target h2 { font-size: 32px; }
.quiz-target h2 strong { font-size: 50px; }
}
@media (max-width: 992px) {
.quiz-target h2 { font-size: 27px; }
.quiz-target h2 strong { font-size: 42px; }
.quiz-target li .item { padding-left: 0; }
.quiz-target li .item .num { top: 35px; font-size: 50px; }
}
@media (max-width: 768px) {
.quiz-target ol { max-width: 375px; margin: 0 auto; }
.quiz-target li .item h3 br { display: none; }
}
@media (max-width: 580px) {
.quiz-target h2 { font-size: 22px; }
.quiz-target h2 strong { font-size: 36px; }
.quiz-target li { border-bottom: 1px solid #88571f; padding-bottom: 20px; margin-bottom: 20px; }
.quiz-target li .item p { font-size: 15px; }
.quiz-target ol { margin: 0 -15px; }
}
/* QUIZ STEPS SECTION */
.quiz-steps { padding-bottom: 45px; }
.quiz-steps h2 { position: relative; color: #131f1f; font-size: 35px; font-weight: 800; text-transform: uppercase; text-align: center; padding: 5px 0; background: #859A8B; background: -webkit-linear-gradient(90deg,rgba(133, 154, 139, 0) 0%, rgba(133, 154, 139, 1) 25%, rgba(133, 154, 139, 1) 50%, rgba(133, 154, 139, 1) 75%, rgba(133, 154, 139, 0) 100%); background: -moz-linear-gradient(90deg,rgba(133, 154, 139, 0) 0%, rgba(133, 154, 139, 1) 25%, rgba(133, 154, 139, 1) 50%, rgba(133, 154, 139, 1) 75%, rgba(133, 154, 139, 0) 100%); background: linear-gradient(90deg,rgba(133, 154, 139, 0) 0%, rgba(133, 154, 139, 1) 25%, rgba(133, 154, 139, 1) 50%, rgba(133, 154, 139, 1) 75%, rgba(133, 154, 139, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#859A8B", endColorstr="#859A8B", GradientType=1 ); margin-bottom: 25px; }
.quiz-steps .inner { max-width: 605px; margin: 0 auto; text-align: center; }
.quiz-steps ul { position: relative; max-width: 355px; padding-bottom: 25px; margin: 0 auto; }
.quiz-steps ul::before { content: ""; position: absolute; top: 5px; left: 11px; width: 1.5px; height: calc(100% - 5px); background: #d38f32; }
.quiz-steps ul li { position: relative; color: #fff; font-size: 18px; text-align: left; margin-bottom: 20px; padding-left: 40px; }
.quiz-steps ul li br { display: none; }
.quiz-steps ul li::before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 17px; color: #131f1f; top: 5px; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%); border-radius: 100%; z-index: 25; }
.quiz-steps ul li:last-child { margin-bottom: 0; }
.quiz-steps p { position: relative; color: #fff; font-size: 18px; padding: 25px 0; margin: 0; }
.quiz-steps p::before { content: ""; position: absolute; top: 0; right: -25px; width: 1.5px; height: 100%; background: #d38f32; }
.quiz-steps p::after { content: ""; position: absolute; top: 0; right: -25px; width: 494px; height: 1.5px; background: #d38f32; }
.quiz-steps h3 { position: relative; font-size: 18px; text-transform: uppercase; padding: 10px 5px; background: #AC6622; background: -webkit-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: -moz-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AC6622", endColorstr="#EBA546", GradientType=0); }
.quiz-steps h3::before { content: ""; position: absolute; top: 0; right: -25px; width: 1.5px; height: 50%; background: #d38f32; }
.quiz-steps h3::after { content: ""; position: absolute; top: 50%; right: -25px; width: 25px; height: 1.5px; background: #d38f32; }
@media (max-width: 1200px) {
.quiz-steps h2 { font-size: 32px; }
}
@media (max-width: 992px) {
.quiz-steps h2 { font-size: 27px; }
}
@media (max-width: 768px) {
.quiz-steps h3 br { display: none; }
.quiz-steps p::after { width: 447px; }
.quiz-steps p br { display: none; }
.quiz-steps h3 { font-size: 17px; }
}
@media (max-width: 580px) {
.quiz-steps h2 { font-size: 22px; margin-left: -40px; margin-right: -40px; }
.quiz-steps ul::before, .quiz-steps p::after { display: none; }
.quiz-steps ul { padding-bottom: 0; }
.quiz-steps ul li, .quiz-steps p { font-size: 15px; }
.quiz-steps h3 { font-size: 14px; }
.quiz-steps ul li br { display: block; }
}
@media (max-width: 380px) {
.quiz-steps h2 { margin-left: 0; margin-right: 0; }
.quiz-steps ul li, .quiz-steps p { font-size: 14px; }
}
/* QUIZ BALLS SECTION */
.quiz-balls { padding-bottom: 55px; }
.quiz-balls .inner { position: relative; border: 1px solid #d38f32; padding: 0 45px 25px 45px; border-top: 0; }
.quiz-balls .inner::before, .quiz-balls .inner::after { content: ""; position: absolute; top: 0; left: 0; width: 22%; height: 1.5px; background: #d38f32; }
.quiz-balls .inner::after { left: auto; right: 0; }
.quiz-balls h2 { position: relative; top: -20px; color: #eeab4c; font-size: 35px; font-weight: 800; text-transform: uppercase; text-align: center; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 5px 0; }
.quiz-balls .column-1, .quiz-balls .column-3 { position: relative; -ms-flex: 0 0 415px; flex: 0 0 415px; max-width: 415px; text-align: right; }
.quiz-balls .column-2, .quiz-balls .column-4 { position: relative; -ms-flex: 0 0 calc(100% - 415px); flex: 0 0 calc(100% - 415px); max-width: calc(100% - 415px); padding-left: 60px; }
.quiz-balls .column-1 .item, .quiz-balls .column-3 .item { display: inline-block; max-width: 375px; text-align: left; }
.item-head { position: relative; padding-left: 180px; }
.quiz-balls .row-1 { border-bottom: 1px solid #88571f; padding-bottom: 20px; margin-bottom: 20px; }
.quiz-balls .item .num { position: absolute; top: -14px; left: 0; width: 155px; text-align: right; }
.quiz-balls .item .num div, .quiz-balls .item .num strong { font-size: 90px; font-weight: bold; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-balls .item p { font-size: 14px; margin-bottom: 0; }
.quiz-balls .item .num strong { font-size: 32px; text-transform: uppercase; }
.quiz-balls .item p { color: #fff; }
.item-head p { font-size: 17px !important; line-height: 1.07; text-transform: uppercase; }
.item-head p strong, .quiz-balls .column-4 .item strong { display: block; font-size: 35px; font-weight: 800; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-balls .column-4 .item strong { font-size: 22px; text-transform: uppercase; margin-bottom: 30px; }
.quiz-balls .column-2 .item-head { padding-left: 135px; margin-bottom: 10px; }
.quiz-balls .column-3 p strong { display: none; }
.quiz-balls .column-2 .item .num { width: 115px; }
.text-attempt { position: relative; padding-left: 15px; }
.text-attempt i { position: absolute; top: 0; left: 0; font-size: 32px; }
.quiz-balls .column-2::before, .quiz-balls .column-4::before { content: ""; position: absolute; top: 0; left: 30px; width: 0.5px; height: 100%; background: #88571f; }
@media (max-width: 1200px) {
.quiz-balls .column-4 .item strong { margin-bottom: 15px; }
.quiz-balls p br, .quiz-balls .column-4 .item strong br { display: none; }
.quiz-balls .item-head br { display: block; }
.quiz-balls h2 { font-size: 32px; }
.quiz-balls .inner::before, .quiz-balls .inner::after { width: 19%; }
}
@media (max-width: 992px) {
.quiz-balls h2 { font-size: 27px; }
.quiz-balls .column-1, .quiz-balls .column-2, .quiz-balls .column-3, .quiz-balls .column-4 { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.quiz-balls .inner { padding: 0 35px 25px 35px; max-width: 605px; margin: 0 auto; }
.quiz-balls .column-2, .quiz-balls .column-4 { padding-left: 0; }
.quiz-balls .column-1 .item, .quiz-balls .column-3 .item { display: block; max-width: 100%; }
.quiz-balls .item { border-bottom: 1px solid #88571f; padding-bottom: 20px; margin-bottom: 20px; }
.quiz-balls .column-4 .item { border: 0; padding-bottom: 0; margin-bottom: 0; }
.quiz-balls .row-1 { border: 0; margin-bottom: 0; padding-bottom: 0; }
.quiz-balls .item-head { padding-left: 180px !important; min-height: 75px; }
.column-3 .item-head { min-height: 90px; }
.quiz-balls .item .num { width: 180px !important; text-align: center !important; }
.quiz-balls .column-2::before, .quiz-balls .column-4::before { display: none; }
.text-attempt i { top: 2px; }
.quiz-balls .inner::before, .quiz-balls .inner::after { width: 11%; }
.quiz-balls .item p br { display: none; }
.quiz-balls .column-3 .num strong { display: none; }
.quiz-balls .column-3 .item-head p strong { display: block; }
}
@media (max-width: 580px) {
.quiz-balls h2 { font-size: 22px; }
.quiz-balls .item-head { padding-left: 120px !important; }
.quiz-balls .item .num { left: 8px; width: 98px !important; text-align: right !important; }
.quiz-balls .item .num div, .quiz-balls .item .num strong { font-size: 55px; }
.item-head p strong { font-size: 26px; }
.quiz-balls .column-4 .item strong { font-size: 17px; }
.item-head p { font-size: 15px !important; }
.quiz-balls .item-head { min-height: 60px; }
}
@media (max-width: 380px) {
.quiz-balls h2 { font-size: 19px; }
.quiz-balls .item-head { padding-left: 107px !important; }
.quiz-balls .item .num { width: 85px !important; }
.quiz-balls .item .num div, .quiz-balls .item .num strong { font-size: 48px; }
}
/* QUIZ HOST SECTION */
.quiz-host { background: #111917; padding: 55px 0; }
.quiz-host .inner { position: relative; }
.quiz-host .inner .row { height: 570px; justify-content: space-between; margin-bottom: 35px; }
.quiz-host figure { position: absolute; top: 0; left: 50%; margin: 0 0 0 -200px; width: 400px; height: 570px; border: 1.5px solid #88571f; border-radius: 15px; overflow: hidden; z-index: 5; }
.quiz-host figure img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.quiz-host .quiz-host-name, .quiz-host-info { position: relative; max-width: 390px; padding: 35px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; min-height: 247px; }
.quiz-host .quiz-host-name::before, .quiz-host-info::before, .quiz-host .quiz-host-name::after, .quiz-host-info::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1.5px; background: #AC6622; background: -webkit-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: -moz-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AC6622", endColorstr="#EBA546", GradientType=0); }
.quiz-host .quiz-host-name::after, .quiz-host-info::after { top: auto; bottom: 0; }
.quiz-host-name h2 { color: #fff; font-size: 24px; margin-bottom: 25px; }
.quiz-host-name h2 strong { display: block; padding: 2px 5px; color: #0c1515; text-transform: uppercase; background: #AC6622; background: -webkit-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: -moz-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AC6622", endColorstr="#EBA546", GradientType=0); margin-top: 5px; }
.quiz-host-name p { font-size: 24px; text-transform: uppercase; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; }
.quiz-host-info p { color: #fff; margin: 0; }
.quiz-date { text-align: center; }
.quiz-date h3 { font-size: 28px; font-weight: bold; text-transform: uppercase; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-date p { color: #fff; font-size: 20px; }
@media (max-width: 1200px) {
.quiz-host .inner .row { height: 490px; }
.quiz-host .quiz-host-name, .quiz-host-info { max-width: 335px; }
.quiz-host figure { margin: 0 0 0 -150px; width: 300px; height: 490px; }
}
@media (max-width: 992px) {
.quiz-host .quiz-host-name, .quiz-host-info { padding: 35px 0; }
.quiz-host-info { padding-left: 30px; }
.quiz-host .quiz-host-name, .quiz-host-info { max-width: 220px; }
}
@media (max-width: 768px) {
.quiz-host figure { position: relative; top: auto; left: auto; margin: 0 auto; width: 235px; height: 310px; }
.quiz-host .column-1, .quiz-host .column-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; }
.quiz-host .quiz-host-name, .quiz-host-info { max-width: 100%; }
.page-template-page-quiz { font-size: 15px; }
.quiz-host .inner .row { height: 100%; margin-top: 20px; margin-bottom: 20px; }
.quiz-host-info { padding-left: 0; }
}
@media (max-width: 580px) {
.quiz-host-name h2 { font-size: 19px; }
.quiz-host-name p { font-size: 21px; }
.quiz-host .quiz-host-name, .quiz-host-info { min-height: 290px; }
.quiz-host-info p { font-size: 14px; }
.quiz-host figure { width: 180px; height: 260px; }
.quiz-date h3 { font-size: 25px; }
}
@media (max-width: 370px) {
.quiz-host .quiz-host-name, .quiz-host-info { min-height: 340px; }
}
/* QUIZ PRICES SECTION */
.quiz-prizes { background: #131f1f; padding: 150px 0 55px 0; }
.quiz-prizes .inner { position: relative; border-left: 1.5px solid #88571f; border-bottom: 1.5px solid #88571f; }
.quiz-prizes .inner::before { content: ""; position: absolute; top: 0; left: 0; width: 22%; height: 1.5px; background: #d38f32; }
.quiz-prizes h2 { position: relative; top: -107px; color: #fff; font-size: 35px; font-weight: 600; text-transform: uppercase; text-align: center; padding: 15px 0; background: #0E1917; background: -webkit-linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); background: -moz-linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); background: linear-gradient(90deg,rgba(14, 25, 23, 0) 0%, rgba(14, 25, 23, 1) 25%, rgba(14, 25, 23, 1) 50%, rgba(14, 25, 23, 1) 75%, rgba(14, 25, 23, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0E1917", endColorstr="#0E1917", GradientType=1); margin-bottom: 25px; }
.quiz-prizes h2 strong { display: inline-block; color: #131f1f; padding: 2px 15px; font-size: 60px; font-weight: 800; background: #AC6622; background: -webkit-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: -moz-linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); background: linear-gradient(140deg, rgba(172, 102, 34, 1) 0%, rgba(250, 183, 69, 1) 23%, rgba(251, 236, 150, 1) 52%, rgba(234, 146, 73, 1) 79%, rgba(235, 165, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AC6622", endColorstr="#EBA546", GradientType=0); margin-top: 10px; }
.quiz-prizes h2::before, .quiz-prizes h2::after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -309px; width: 619px; height: 18px; background: url("../images/quiz/quiz-light.png") 50% 50% no-repeat; mix-blend-mode: screen; }
.quiz-prizes h2::after { top: auto; bottom: -8px; }
.quiz-prizes ol { margin-top: -90px; }
.quiz-prizes .item { position: relative; padding: 0 30px 15px 30px; }
.quiz-prizes .item .lines { position: absolute; bottom: 20px; right: 0; width: 1.5px; height: calc(100% - 80px); background: #88571f; }
.quiz-prizes li:last-child .lines { bottom: 0; height: calc(100% - 60px); }
.quiz-prizes .item .lines::before { content: ""; position: absolute; top: 0; right: 0; width: 125px; height: 1.5px; background: #88571f; }
.quiz-prizes .item .num { position: relative; width: 140px; border: 1px solid #88571f; text-align: center; padding: 0 50px 0 20px; margin: 0 auto 35px auto; background: #131f1f; }
.quiz-prizes .item .num div:first-child { font-size: 120px; font-weight: bold; line-height: 1; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.quiz-prizes .item .num div:last-child { position: absolute; top: 44px; left: 60px; font-size: 25px; font-weight: 600; text-transform: uppercase; background: -webkit-linear-gradient(left, rgba(174,112,36,1) 0%, rgba(248,212,123,1) 35%, rgba(238,168,76,1) 65%, rgba(239,173,75,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.quiz-prizes .item figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; height: 80px; margin: 0 0 25px 0; }
.quiz-prizes .item figure img { display: inline; width: auto; height: auto; max-width: 200px; max-height: 100%; margin: 0; }
.quiz-prizes .item h3 { color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center; }
@media (max-width: 1200px) {
.quiz-prizes h2 { font-size: 32px; }
.quiz-prizes h2 strong { font-size: 50px; }
.quiz-prizes .item h3 { font-size: 18px; }
}
@media (max-width: 992px) {
.quiz-prizes h2 { font-size: 27px; }
.quiz-prizes h2 strong { font-size: 42px; }
.quiz-prizes .item { padding: 0 10px 15px 10px; }
.quiz-prizes .item h3 { font-size: 20px; }
}
@media (max-width: 768px) {
.quiz-prizes ol li { margin-bottom: 30px; }
.quiz-prizes ol li:last-child { margin-bottom: 0; }
}
@media (max-width: 580px) {
.quiz-prizes h2 { font-size: 22px; top: -93px; }
.quiz-prizes h2 strong { font-size: 24px; }
.quiz-prizes .item .num div:first-child { font-size: 90px; }
.quiz-prizes .item .num div:last-child { top: 34px; font-size: 18px; }
.quiz-prizes .item h3 { font-size: 16px; }
.quiz-prizes .item figure { height: 54px; }
.quiz-prizes .item figure img { max-width: 142px; }
}