* { scroll-behavior: smooth; box-sizing: border-box; font-family: "Titillium Web",Arial,sans-serif; outline: none; -webkit-tap-highlight-color: transparent; } html { font-size: 10px; } html.zoom-x2 { font-size: 11px!important; } html.zoom-x4 { font-size: 12px!important; } body { margin: 0; } #event-2000 h1, #event-2000 h2, #event-2000 h3, #event-2000 h4, #event-2000 h5, #event-2000 h6, #event-2000 li, #event-2000 p, #event-2000 ul { margin: 0; padding: 0; font-weight: normal; line-height: 1.5; } #event-2000 a { text-decoration: none; } #event-2000 button { cursor: pointer; } #event-2000 ul { list-style: none; } #event-2000 img { max-width: 100%; border: none; } #event-2000 textarea { resize: none; } #event-2000 .f_btn { display: inline-block; width: 100%; max-width: 255px; padding: 12px 5px; background-color: #e2007a; color: #fff; font-size: 20px; font-weight: 600; text-align: center; border: 2px solid #e2007e; border-radius: 4px; } #event-2000 .f_btn:hover { background-color: #aa036c; border-color: #aa036c; } #event-2000 .f_btn.f_white_btn { background-color: #fff; color: #e2007a; } #event-2000 .f_btn.f_white_btn:hover { background-color: #f6f6f6; border-color: #e2007e; } #event-2000 .f_12 { font-size: 1.2rem; } #event-2000 .f_16 { font-size: 1.6rem; } #event-2000 .f_18 { font-size: 1.8rem; } #event-2000 .f_20 { font-size: 2rem; } #event-2000 .f_22 { font-size: 2.2rem; } #event-2000 .f_24 { font-size: 2.4rem; } #event-2000 .f_26 { font-size: 2.6rem; } #event-2000 .f_30 { font-size: 3.0rem; } #event-2000 .f_36 { font-size: 3.6rem; } #event-2000 .f_42 { font-size: 4.2rem; } #event-2000 .f_50 { font-size: 5.0rem; } #event-2000 .f_60 { font-size: 6.0rem; } #event-2000 .f_70 { font-size: 7rem; } #event-2000 .f_100 { font-size: 10rem; } #event-2000 .center { text-align: center; } #event-2000 .uppercase { text-transform: uppercase; } #event-2000 .italic { font-style: italic; } #event-2000 .bold { font-weight: bold; } #event-2000 .semibold { font-weight: 600; } #event-2000 .light { font-weight: 300; } #event-2000 .magenta { color: #e2007e; } #event-2000 .green { color: #74bf2e; } #event-2000 .dark-green { color: #157d0a; } #event-2000 .blue { color: #35c4cb; } #event-2000 { max-width: 1920px; margin: 0 auto; } #event-2000 .page-container { position: relative; max-width: 1400px; margin: 0 auto; } #event-2000 .section-title-box .section-title { margin-bottom: 40px; } #event-2000 .border_link_container { display: flex; align-items: center; } #event-2000 .border_link { display: block; width: fit-content; } #event-2000 .border_link:hover { color: #aa036c; } #event-2000 .border_link.active_border_link { color: #aa036c; } #event-2000 .border_link::after { content: ''; transform: scaleX(0); transform-origin: 100% 50%; display: block; border-bottom: solid 3px #aa036c; transition: transform 250ms ease-in-out; } #event-2000 .border_link:hover:after { transform: scaleX(1); transform-origin: 0% 50%; } #event-2000 .border_link.active_border_link::after { transform: scaleX(1); transform-origin: 0% 50%; } #event-2000 .owl-dots { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 48px; } #event-2000 .owl-dots .owl-dot { display: block; width: 32px; height: 32px; background-color: #fff; border: 1px solid #a5a6a6; border-radius: 50%; transition: width .3s,background-color .3s,border-radius .3s; } #event-2000 .owl-dots .owl-dot:hover { background-color: #e2007a; } #event-2000 .owl-dots .owl-dot.active { width: 64px; background-color: #e2007a; border-radius: 150px; } #event-2000 .content-wrapper .list-separator { width: 100%; max-width: 844px; height: 1px; margin-left: 16px; background-color: #a5a6a6; } #event-2000 .content-wrapper .section-row { width: 100%; max-width: 844px; } #event-2000 .content-wrapper .list-label { margin-bottom: 32px; margin-left: 16px; color: #707173; } #event-2000 .content-wrapper .list-box { display: flex; flex-direction: column; gap: 36px; padding-left: 40px; } #event-2000 .content-wrapper .list-box .list-text { position: relative; } #event-2000 .content-wrapper .list-box .list-text .iterator { position: absolute; top: 50%; left: -25px; transform: translateY(-50%); } #event-2000 .content-wrapper .info-box { width: 100%; max-width: 844px; } #event-2000 .content-wrapper .info-box .link:hover { text-decoration: underline; } #event-2000 .content-to-switch { padding-top: 65px; background: url('../img/event-2000/main-content-bg-bookmark-1-new.png') #e3f8f9; background-repeat: no-repeat; } #event-2000 .content-to-switch.bookmark-2-bg { background: url('../img/event-2000/main-content-bg-bookmark-2.png') #e3f8f9; background-repeat: no-repeat; } #event-2000 #content-to-switch-2 { display: none; padding-bottom: 100px; } #event-2000 #content-to-switch-2 .content-wrapper .list-box { gap: 36px; } #event-2000 #content-to-switch-2 #section-about-event .content-wrapper .single-box .box-label { margin-bottom: 46px; } #event-2000 #content-to-switch-2 #section-about-event-2 .content-wrapper .single-box .box-label { margin-bottom: 46px; } #event-2000 #top { padding-top: 64px; padding-bottom: 64px; background-color: #F2FEFF; } #event-2000 #top .page-container { display: flex; justify-content: space-between; gap: 5px; } #event-2000 #top .single_box .banner-title { margin-bottom: 16px; line-height: 50px; } #event-2000 #top .single_box .banner-bottom-text { color: #707173; } #event-2000 #top .single_box:first-of-type { display: flex; justify-content: center; width: 50%; max-width: 500px; height: 100%; flex-flow: column; } #event-2000 #top .single_box:last-of-type { position: relative; display: flex; align-items: center; justify-content: center; width: 50%; } #event-2000 #top .single_box .banner-link { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 250px; min-height: 68px; height: 100%; margin-top: 30px; margin-bottom: 20px; background-color: #e2007a; color: #fff; border-radius: 4px; cursor: pointer; } #event-2000 #top .single_box .banner-link:hover { background-color: #aa036c; } #event-2000 #top .single_box .banner-img { position: absolute; top: -15px; right: -40px; min-width: 775px; height: auto; } #event-2000 #switch-content { padding-top: 64px; padding-bottom: 64px; } #event-2000 #switch-content { display: flex; justify-content: space-between; gap: 15px; } #event-2000 #switch-content .single-box { display: flex; align-items: center; justify-content: center; gap: 25px; width: 50%; max-width: 675px; height: 115px; background-color: rgba(233, 233, 233, 0.5); box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); border: 2px solid rgba(233, 233, 233, 0.5); border-radius: 8px; cursor: pointer; transition: border-color .3s,background-color .3s; } #event-2000 #switch-content .single-box.active { background-color: #fff; border-color: #e2007a; } #event-2000 #switch-content .single-box .hidden-checkbox { display: none; } #event-2000 #switch-content .single-box .box-label { position: relative; display: flex; align-items: center; justify-content: center; gap: 25px; cursor: pointer; } #event-2000 #switch-content .single-box .box-label::before { content: ""; display: inline-block; min-width: 40px; min-height: 40px; background-color: #fff; border: 2px solid #707173; border-radius: 50%; transition: border-color .3s; } #event-2000 #switch-content .single-box.active .box-label::before { border-color: #e2007a; } #event-2000 #switch-content .single-box .box-label .inner-background { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); display: none; width: 18px; height: 18px; background-color: #e2007a; border-radius: 50%; } #event-2000 #switch-content .single-box.active .box-label .inner-background { display: block; } #event-2000 #section-about-event .content-wrapper { position: relative; display: flex; align-items: center; justify-content: center; gap: 90px; padding: 25px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 #section-about-event .floating-image { position: absolute; bottom: -65px; left: -65px; z-index: 2; display: block; } #event-2000 #section-about-event .content-wrapper .single-box { width: 50%; max-width: 595px; } #event-2000 #section-about-event .content-wrapper .single-box:first-child { max-width: 600px; } #event-2000 #section-about-event .content-wrapper .single-box .image { transform: translate(-25px, 25px); display: block; width: 100%; height: auto; } #event-2000 #section-about-event .content-wrapper .single-box .image.smaller { display: none; } #event-2000 #section-about-event .content-wrapper .single-box .box-label { margin-bottom: 20px; } #event-2000 #section-about-event .content-wrapper .single-box .text-wrapper { margin-bottom: 18px; } #event-2000 #section-about-event .content-wrapper .single-box .text-wrapper .desc:first-child {margin-bottom: 5px;} #event-2000 #section-about-event .content-wrapper .single-box .text-wrapper .desc:last-child { margin-top: 5px; } #event-2000 #section-about-event .content-wrapper .single-box .info-box { width: 100%; max-width: 570px; min-height: 60px; padding: 14px 24px; border: 2px solid #73dadf; } #event-2000 #section-about-event .content-wrapper .single-box .link-box { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; padding-left: 18px; } #event-2000 #section-about-event .content-wrapper .single-box .link-box .link:hover { color: #aa036c; } #event-2000 #section-about-event .content-wrapper .single-box .offers-list { padding-left: 16px; } #event-2000 #section-about-event .content-wrapper .single-box .offers-list .single-offer { position: relative; display: flex; padding-left: 8px; } #event-2000 #section-about-event .content-wrapper .single-box .offers-list .check-icon { position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); } #event-2000 #section-about-event-2 .content-wrapper { position: relative; display: flex; align-items: center; justify-content: center; gap: 90px; padding: 25px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 #section-about-event-2 .floating-image { position: absolute; bottom: 0; left: 0; z-index: 2; display: block; } #event-2000 #section-about-event-2 .content-wrapper .single-box { width: 50%; max-width: 595px; } #event-2000 #section-about-event-2 .content-wrapper .single-box:first-child { max-width: 460px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .image { transform: translate(10px, -25px); display: block; width: 100%; height: auto; } #event-2000 #section-about-event-2 .content-wrapper .single-box .image.smaller { display: none; } #event-2000 #section-about-event-2 .content-wrapper .single-box .box-label { margin-bottom: 20px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .text-wrapper { margin-bottom: 18px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .text-wrapper .desc:last-child { margin-top: 2px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .info-box { width: 100%; max-width: 570px; min-height: 60px; padding: 14px 24px; border: 2px solid #73dadf; } #event-2000 #section-about-event-2 .content-wrapper .single-box .link-box { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; padding-left: 18px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .link-box .link:hover { color: #aa036c; } #event-2000 #section-how-to-participate .content-wrapper { position: relative; display: flex; flex-direction: column; gap: 48px; padding: 40px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 #section-how-to-participate .content-wrapper .image { position: absolute; bottom: 0; right: 36px; display: block; width: 435px; height: auto; } #event-2000 #get-more-info { margin-top: 100px; padding-top: 100px; padding-bottom: 100px; background-color: #fff; box-shadow: 0 -3px 10px rgba(17, 17, 17, 0.24); } #event-2000 #get-more-info .wrapper .slider .single-box .image { display: block; width: auto; height: 100%; } #event-2000 #get-more-info .wrapper .slider .single-box { display: flex; width: 100%; max-width: 688px; border: 1px solid #e2007a; } #event-2000 #get-more-info .wrapper .slider .single-box .image.mobile { display: none; } #event-2000 #get-more-info .wrapper .slider .single-box .content { padding: 25px 25px 0 25px; } #event-2000 #get-more-info .wrapper .slider .single-box .box-label { margin-bottom: 10px; color: #000; } #event-2000 #get-more-info .wrapper .slider .single-box .box-desc { min-height: 135px; margin-bottom: 40px; color: #000; } #event-2000 #get-more-info .wrapper .slider .single-box .icon { margin-right: 12px; } #event-2000 #get-more-info .wrapper .slider .single-box:hover .link { color: #aa036c; } #event-2000 #get-more-info .wrapper .slider .single-box:hover .icon path { stroke: #aa036c; } #event-2000 #content-to-switch-2 #section-about-event .content-wrapper .single-box:first-child { max-width: 100%; } #event-2000 #content-to-switch-2 #section-about-event-2 .content-wrapper .single-box:first-child { max-width: 100%; } #event-2000 #recommended-offers { padding-top: 128px; padding-right: 60px; padding-left: 60px; } #event-2000 #recommended-offers .box-label { margin-bottom: 40px; } #event-2000 #recommended-offers .offers-slider { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #event-2000 #recommended-offers .offers-slider::before { content: url(../img/event-2000/rec-offers-man.png); position: absolute; top: 0; right: 0; z-index: 2; transform: translateY(-90%); } #event-2000 #recommended-offers .offers-slider .owl-stage { padding-top: 20px; padding-bottom: 20px; } #event-2000 #recommended-offers .offers-slider .single-box { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 450px; margin-right: auto; margin-left: auto; padding: 15px 32px 126px 32px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 #recommended-offers .offers-slider .single-box .offer-title-box { margin-top: 15px; margin-bottom: 28px; } #event-2000 #recommended-offers .offers-slider .single-box .box-list { max-width: 370px; } #event-2000 #recommended-offers .offers-slider .single-box .box-list .item { display: flex; gap: 18px; } #event-2000 #recommended-offers .offers-slider .single-box .box-list .item:not(:last-child) { margin-bottom: 16px; } #event-2000 #recommended-offers .offers-slider .single-box .box-list .item .icon { transform: translateY(8px); min-width: 12px; min-height: 12px; } #event-2000 #recommended-offers .offers-slider .single-box .box-list .item .box-text { max-width: 330px; } #event-2000 #recommended-offers .offers-slider .link-box { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 100%; max-width: 350px; min-height: 66px; margin-top: 38px; background-color: #e2007a; border-radius: 4px; cursor: pointer; } #event-2000 #recommended-offers .offers-slider .link-box:hover { background-color: #aa036c; } #event-2000 #recommended-offers .offers-slider .link-box .link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 66px; height: 100%; color: #fff; text-align: center; } #event-2000 #recommended-offers.fixed-height .offers-slider .single-box { min-height: 728px; } #event-2000 #recommended-offers.fixed-height .offers-slider .single-box .link-box { margin-top: 38px; } #event-2000 #recommended-offers .offers-slider.all { position: relative; display: block; } #event-2000 #recommended-offers .offers-slider.all .single-box { position: relative; min-height: 586px; margin-right: auto; margin-left: auto; } #event-2000 #recommended-offers .offers-slider.all .single-box .offer-title-box { display: flex; align-items: center; justify-content: center; min-height: 78px; margin-bottom: 0; } #event-2000 #recommended-offers .offers-slider.all .single-box .box-list { margin-top: 30px; padding: 0 5px; border-top: 2px solid #d9d9d9; } #event-2000 #recommended-offers .offers-slider.all .single-box .box-list .item:first-child { padding-top: 16px; } #event-2000 #recommended-offers .offers-slider.all::before { display: none; } #event-2000 #recommended-offers .offers-slider.all .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; } #event-2000 #recommended-offers .offers-slider.all .owl-nav button { display: flex; align-items: center; justify-content: center; padding: 8px 16px!important; border: 1px solid rgba(112, 113, 115, 0.5); border-radius: 30px; } #event-2000 #recommended-offers .offers-slider.all .owl-nav .owl-prev { transform: translateX(-70px); } #event-2000 #recommended-offers .offers-slider.all .owl-nav .owl-next { transform: translateX(70px); } #event-2000 #recommended-offers-all { padding-top: 128px; padding-right: 60px; padding-left: 60px; } #event-2000 #recommended-offers-all .box-label { margin-bottom: 40px; } #event-2000 #recommended-offers-all .offers-slider { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #event-2000 #recommended-offers-all .offers-slider::before { content: url(../img/event-2000/rec-offers-man.png); position: absolute; top: 0; right: 0; z-index: 2; transform: translateY(-90%); } #event-2000 #recommended-offers-all .offers-slider .owl-stage { padding-top: 20px; padding-bottom: 20px; } #event-2000 #recommended-offers-all .offers-slider .single-box { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 450px; margin-right: auto; margin-left: auto; padding: 15px 32px 126px 32px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 #recommended-offers-all .offers-slider .single-box .offer-title-box { margin-top: 15px; margin-bottom: 28px; } #event-2000 #recommended-offers-all .offers-slider .single-box .box-list { max-width: 370px; } #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item { display: flex; gap: 18px; } #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item:not(:last-child) { margin-bottom: 16px; } #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item .icon { transform: translateY(8px); min-width: 12px; min-height: 12px; } #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item .box-text { max-width: 330px; } #event-2000 #recommended-offers-all .offers-slider .link-box { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 100%; max-width: 350px; min-height: 66px; margin-top: 38px; background-color: #e2007a; border-radius: 4px; cursor: pointer; } #event-2000 #recommended-offers-all .offers-slider .link-box:hover { background-color: #aa036c; } #event-2000 #recommended-offers-all .offers-slider .link-box .link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 66px; height: 100%; color: #fff; text-align: center; } #event-2000 #recommended-offers-all.fixed-height .offers-slider .single-box { min-height: 728px; } #event-2000 #recommended-offers-all.fixed-height .offers-slider .single-box .link-box { margin-top: 38px; } #event-2000 #recommended-offers-all .offers-slider.all { position: relative; display: block; } #event-2000 #recommended-offers-all .offers-slider.all .single-box { position: relative; min-height: 586px; margin-right: auto; margin-left: auto; } #event-2000 #recommended-offers-all .offers-slider.all .single-box .offer-title-box { display: flex; align-items: center; justify-content: center; min-height: 78px; margin-bottom: 0; } #event-2000 #recommended-offers-all .offers-slider.all .single-box .box-list { margin-top: 30px; padding: 0 5px; border-top: 2px solid #d9d9d9; } #event-2000 #recommended-offers-all .offers-slider.all .single-box .box-list .item:first-child { padding-top: 16px; } #event-2000 #recommended-offers-all .offers-slider.all::before { display: none; } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav button { display: flex; align-items: center; justify-content: center; padding: 8px 16px!important; border: 1px solid rgba(112, 113, 115, 0.5); border-radius: 30px; } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav .owl-prev { transform: translateX(-70px); } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav .owl-next { transform: translateX(70px); } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav { z-index: -1; } #event-2000 #get-more-info .owl-nav { display: none!important; } #event-2000 #get-more-info .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; } #event-2000 #get-more-info .owl-nav button { display: flex; align-items: center; justify-content: center; padding: 8px 16px!important; border: 1px solid rgba(112, 113, 115, 0.5); border-radius: 30px; } #event-2000 .ch-saving-offer .wrap { display: flex; align-items: center; gap: 30px; margin: 64px auto 0 auto; padding: 40px 46px; background-color: #fff; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); } #event-2000 .ch-saving-offer .heading { text-align: left; } #event-2000 .ch-saving-offer .box { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width: auto; } #event-2000 .ch-saving-offer .box .img { width: 100%; max-width: 220px; height: auto; } #event-2000 .ch-saving-offer .box .new-line { margin-top: 24px; } #event-2000 .ch-saving-offer .box .new-line:first-child { max-width: 950px; } #event-2000 .ch-saving-offer .box:first-child { justify-content: center; padding: 0; } #event-2000 .ch-saving-offer .box:last-child { padding: 5px 0 5px 38px; border-left: 1px solid #d9d9d9; } #event-2000 .ch-saving-offer .box .show-all { display: flex; align-items: center; justify-content: center; max-width: max-content; margin-top: 24px; padding: 9px 50px; color: #e2007a; font-weight: 600; border: 1px solid #e2007a; border-radius: 4px; } #event-2000 .ch-saving-offer .box .wrap-text { max-width: 994px; } #event-2000 .ch-saving-offer .box .box-link { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 350px; min-height: 66px; margin-top: 38px; background-color: #fff; border: 1px solid #e2007a; border-radius: 4px; cursor: pointer; } #event-2000 .ch-saving-offer .box .box-link:hover { background-color: #e2007a; } #event-2000 .ch-saving-offer .box .box-link:hover .link { color: #fff; } #event-2000 .ch-saving-offer .box .box-link .link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 66px; height: 100%; text-align: center; } #event-2000 .section-form { margin-top: 90px; } #event-2000 .section-form .content-wrapper { display: flex; gap: 40px; min-height: 730px; background-color: #fff; } #event-2000 .section-form .content-wrapper .left-col { position: relative; min-width: 136px; width: 100%; max-width: 200px; } #event-2000 .section-form .content-wrapper .left-col .img { position: absolute; top: 40px; left: 24px; z-index: 2; display: block; } #event-2000 .section-form .content-wrapper .left-col .img-bg { display: block; height: 100%; object-fit: cover; object-position: 100%; } #event-2000 .section-form .content-wrapper .left-col .img-mobile { position: absolute; inset: 0; display: none; width: 100%; object-fit: cover; object-position: 100%; } #event-2000 .section-winners { margin-top: 90px; } #event-2000 .section-winners .content-box { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 40px; background-color: #fff; box-shadow: 0 0 12px 0 rgba(17, 17, 17, 0.24); color: #333; border: 2px solid #e2007a; } #event-2000 .section-winners .content-box .stage-title {margin-top: 18px; margin-bottom: 10px;} #event-2000 .section-winners .content-box .box-desc {margin-top: 18px;} #event-2000 .section-winners .content-box .bottom-info { margin-top: 18px; padding-right: 550px; color: #707173; } #event-2000 .section-winners .content-box .bottom-info.no-space {margin-top: 0;} #event-2000 .section-winners .content-box .winners-list { display: grid; } #event-2000 .section-winners .content-box .winners-list .box-left { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; padding-right: 175px; border-right: 1px solid #d2d3d3; } #event-2000 .section-winners .content-box .winners-list .box-left .winners-title {margin-bottom: 10px;} #event-2000 .section-winners .content-box .image { position: absolute; bottom: 120px; right: 120px; z-index: 2; transform: translate(50%, 50%); } #fixed-right-menu { position: fixed; top: 0; right: 0; } #event-2000 #get-more-info .reg-link-box { position: relative; z-index: 10; transform: translateY(-60px); display: flex; align-items: center; justify-content: flex-end; gap: 10px; max-width: 688px; margin: 0 auto; } #event-2000 #get-more-info .reg-link-box .link { color: #000; } #event-2000 #get-more-info .reg-link-box .link:hover { text-decoration: underline; } #event-2000 #section-form .right-col { padding: 40px 64px 40px 0; } #event-2000 #section-form .right-col .form-label { margin-bottom: 24px; } #event-2000 #section-form .right-col .inputs-wrapper { display: flex; align-items: center; gap: 21px; margin-bottom: 20px; } #event-2000 #section-form .right-col .inputs-wrapper .label-text { display: block; margin-bottom: 10px; } #event-2000 #section-form .right-col .inputs-wrapper .input-text { width: 240px; height: 50px; padding: 14px 18px; border: 1px solid #939393; border-radius: 8px; } #event-2000 #section-form .right-col .info { margin-top: 24px; margin-bottom: 20px; } #event-2000 #section-form .right-col .radio-btns-warpper { display: flex; align-items: center; gap: 100px; margin-bottom: 40px; } #event-2000 #section-form .right-col .radio-btns-warpper { display: flex; align-items: center; gap: 100px; margin-bottom: 40px; } #event-2000 #section-form input[type='radio'] { display: none; } #event-2000 #section-form input[type='radio'] + label { position: relative; padding-left: 32px; } #event-2000 #section-form input[type='radio'] + label::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; background: #fff; border: 1px solid grey; border-radius: 100%; } #event-2000 #section-form input[type='radio'] + label::after { content: ''; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); display: none; width: 12px; height: 12px; background: #e2007a; border-radius: 100%; } #event-2000 #section-form input[type='radio']:checked + label::after { display: block; } #event-2000 #section-form .right-col .checkbox-box { display: flex; align-items: flex-start; } #event-2000 #section-form .right-col .checkbox-box input[type='checkbox'] { display: none; } #event-2000 #section-form .right-col .checkbox-box input[type='checkbox'] + label { position: relative; margin-bottom: 10px; padding-left: 32px; } #event-2000 #section-form .right-col .checkbox-box input[type='checkbox'] + label::before { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background: #fff; border: 1px solid grey; border-radius: 3px; } #event-2000 #section-form .right-col .checkbox-box input[type='checkbox'] + label::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M12.565 0.929026L5.67958 7.81448L3.12751 5.26241C2.56799 4.70289 1.66592 4.70289 1.1064 5.26241C0.546889 5.82192 0.546889 6.724 1.1064 7.28351L4.66903 10.8461C4.94878 11.1258 5.31418 11.2629 5.67958 11.2629C6.04498 11.2629 6.41037 11.1259 6.69013 10.8461L14.5804 2.95013C15.1399 2.39062 15.1399 1.48854 14.5804 0.929026C14.0209 0.375221 13.1188 0.375221 12.565 0.929026Z' fill='%23E2007A'/%3E%3C/svg%3E"); position: absolute; top: 9px; left: 6px; display: none; width: 12px; height: 12px; border-radius: 3px; } #event-2000 #section-form .right-col .checkbox-box input[type='checkbox']:checked + label::after { display: block; } #event-2000 #section-form .right-col .checkboxes-wrapper { margin-bottom: 24px; } #event-2000 #section-form .right-col .link-wrapper { margin: 15px 0; } #event-2000 #section-form .right-col .link-wrapper .link:hover { color: #aa036c; } #event-2000 #section-form .right-col .link-wrapper svg { transform: translateY(2px); } #event-2000 #section-form .right-col .checkbox-box.last { margin-bottom: 48px; } #event-2000 #section-form .right-col .checkbox-box.last input[type='checkbox'] + label::before { top: -5px; } #event-2000 #section-form .right-col .checkbox-box.last input[type='checkbox'] + label::after { top: 2px; } #event-2000 #section-form .right-col .submit-wrapper { display: flex; align-items: center; justify-content: flex-end; gap: 50px; } #event-2000 #section-form .right-col .submit-wrapper .btn-submit { width: 348px; height: 66px; background-color: #e2007a; color: #fff; border: 0; border-radius: 4px; } #event-2000 #section-form .right-col .submit-wrapper .btn-submit:hover { background-color: #aa036c; } #event-2000 #section-form .message-wrapper .label-input { display: none; flex-direction: column; margin-top: 21px; } #event-2000 #section-form .message-wrapper .label-input textarea { width: calc(100% - 21px); height: 90px; padding: 14px 18px; border: 1px solid #939393; border-radius: 8px; } #event-2000 #section-form .message-wrapper .label-input.active { display: flex; } .contrast #event-2000 .f_btn { display: inline-block; width: 100%; max-width: 255px; padding: 12px 5px; background-color: #ffe800!important; color: #000!important; font-size: 20px; font-weight: 600; text-align: center; border: 2px solid #ffe800; border-radius: 4px; } .contrast #event-2000 .f_btn:hover { background-color: #ffe800!important; border-color: #ffe800!important; } .contrast #event-2000 #section-about-event .content-wrapper .single-box .info-box { border-color: #ffe800!important; } .contrast #event-2000 #section-about-event-2 .content-wrapper .single-box .info-box { border-color: #ffe800!important; } .contrast #event-2000 #switch-content .single-box.active { border-color: #ffe800!important; } .contrast #event-2000 #switch-content .single-box .box-label::before { background-color: unset; } .contrast #event-2000 #switch-content .single-box .box-label .inner-background { background-color: #ffe800!important; } .contrast #event-2000 #top .single_box .banner-link { color: #ffe800!important; border: 1px solid #ffe800!important; } .contrast #event-2000 .content-to-switch { background-image: none; } .contrast #event-2000 .content-to-switch.bookmark-2-bg { background-image: none; } .contrast #event-2000 #section-about-event img { z-index: 3; background-color: transparent!important; } .contrast #event-2000 #section-about-event-2 img { z-index: 3; background-color: transparent!important; } .contrast #event-2000 #section-how-to-participate .content-wrapper img { z-index: 3; background-color: transparent!important; } .contrast #event-2000 .owl-dots .owl-dot.active { background-color: #ffe800!important; } .contrast #event-2000 #get-more-info .wrapper .slider .single-box .icon { background-color: transparent!important; } .contrast #event-2000 #get-more-info .wrapper .slider .single-box .icon .path { stroke: #ffe800!important; } .contrast #event-2000 .section-form .content-wrapper .left-col .img { background-color: transparent!important; } .contrast #event-2000 #recommended-offers .offers-slider .single-box .box-list .item .icon { background-color: transparent!important; } .contrast #event-2000 #recommended-offers .offers-slider .single-box .box-list .item .icon circle { fill: #ffe800!important; } .contrast #event-2000 #recommended-offers.fixed-height .offers-slider .single-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers.fixed-height .offers-slider .single-box .link-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers .offers-slider.all .single-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers .offers-slider .link-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item .icon { background-color: transparent!important; } .contrast #event-2000 #recommended-offers-all .offers-slider .single-box .box-list .item .icon circle { fill: #ffe800!important; } .contrast #event-2000 #recommended-offers-all.fixed-height .offers-slider .single-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers-all.fixed-height .offers-slider .single-box .link-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers-all .offers-slider.all .single-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers-all .offers-slider .link-box { border: 1px solid #ffe800!important; } .contrast #event-2000 #recommended-offers-all .offers-slider.all .owl-nav { background-color: #ffe800; } .contrast #event-2000 #get-more-info .owl-nav {background: transparent!important;} .contrast #event-2000 #get-more-info .owl-nav .owl-prev {border: 1px solid #FEE800!important; transition: background-color .3s, border .3s;} .contrast #event-2000 #get-more-info .owl-nav .owl-next {border: 1px solid #FEE800!important; transition: background-color .3s, border .3s;} .contrast #event-2000 #get-more-info .owl-nav .owl-next:hover {background-color: #FEE800!important;} .contrast #event-2000 #get-more-info .owl-nav .owl-prev:hover {background-color: #FEE800!important;} .contrast #event-2000 #get-more-info .owl-nav .owl-next svg {background-color: transparent!important;} .contrast #event-2000 #get-more-info .owl-nav .owl-prev svg {background-color: transparent!important;} .contrast #event-2000 #get-more-info .owl-nav .owl-next svg path { stroke: #ffe800!important; transition: stroke .3s; } .contrast #event-2000 #get-more-info .owl-nav .owl-prev svg path { stroke: #ffe800!important; transition: stroke .3s; } .contrast #event-2000 #get-more-info .owl-nav .owl-next:hover svg path { stroke: #000!important; } .contrast #event-2000 #get-more-info .owl-nav .owl-prev:hover svg path { stroke: #000!important; } .zoom-x2 #event-2000 #get-more-info .wrapper .slider .single-box .image { max-width: 50%; min-height: 388px; } .zoom-x4 #event-2000 #get-more-info .wrapper .slider .single-box .image { max-width: 50%; min-height: 388px; } .zoom-x2 #event-2000 #get-more-info .wrapper .slider .single-box { min-height: 388px; } .zoom-x4 #event-2000 #get-more-info .wrapper .slider .single-box { min-height: 388px; } .zoom-x2 #event-2000 .section-winners .content-box .image { display: none; } .zoom-x4 #event-2000 .section-winners .content-box .image { display: none; } @media all and (min-width: 1350px) { #event-2000 #get-more-info .reg-link-box { transform: translateY(-60px); max-width: 1400px; } } @media all and (max-width: 1680px) { #event-2000 .section-winners .content-box .image { bottom: 130px; right: 130px; max-width: 250px; height: auto; } } @media all and (max-width: 1620px) { #event-2000 .ch-saving-offer .wrap { padding: 32px 16px; } #event-2000 .ch-saving-offer .box { height: auto; } #event-2000 .ch-saving-offer .box .new-line { margin-top: 18px; } #event-2000 .ch-saving-offer .box:last-child { padding: 5px 0 5px 16px; } #event-2000 .ch-saving-offer .box .wrap-text { max-width: unset; } } @media all and (max-width: 1550px) { #event-2000 #section-about-event .content-wrapper { justify-content: flex-end; gap: 60px; } #event-2000 #section-about-event .floating-image { left: 0;} #event-2000 #section-about-event-2 .floating-image { bottom: 0; left: 0; } #event-2000 #section-about-event-2 .content-wrapper { justify-content: flex-end; gap: 60px; } #fixed-right-menu { display: none!important; } #event-2000 #recommended-offers { padding-right: 80px; padding-left: 80px; } #event-2000 #recommended-offers-all { padding-right: 80px; padding-left: 80px; } } @media all and (max-width: 1500px) { #event-2000 #top .single_box .banner-img { right: 0; } } @media all and (max-width: 1430px) { #event-2000 .page-container { padding-right: 15px; padding-left: 15px; } #event-2000 #top .single_box .banner-img { position: static; min-width: unset; width: 100%; max-width: 600px; } #event-2000 #section-about-event .floating-image { display: none; } #event-2000 #section-about-event .content-wrapper { justify-content: space-between; gap: 32px; } #event-2000 #section-about-event .content-wrapper .single-box .image { transform: translate(0); display: none; } #event-2000 #section-about-event .content-wrapper .single-box .image.smaller { display: block; } #event-2000 #section-about-event .floating-image {z-index: 1;} #event-2000 #section-about-event-2 .floating-image { display: none; } #event-2000 #section-about-event-2 .content-wrapper { justify-content: space-between; gap: 15px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .image { transform: translate(0, 0); display: none;} #event-2000 #section-about-event-2 .content-wrapper .single-box .image.smaller { display: block; } #event-2000 #get-more-info .wrapper .slider .single-box .box-desc { margin-bottom: 20px; } #event-2000 .section-winners .content-box { padding: 24px; } } @media all and (max-width: 1350px) { #event-2000 #section-how-to-participate .content-wrapper .image { max-width: 375px; } #event-2000 #get-more-info .wrapper .slider .single-box { margin: 0 auto; } #event-2000 #get-more-info .wrapper .slider .single-box .box-label br { display: none; } #event-2000 #get-more-info .wrapper .slider .single-box .content { padding-right: 12px; } #event-2000 #recommended-offers .offers-slider .single-box { max-width: 580px; } #event-2000 #recommended-offers-all .offers-slider .single-box { max-width: 580px; } #event-2000 #get-more-info .owl-nav { display: flex!important; } #event-2000 .owl-dots .owl-dot { max-width: 24px; max-height: 24px; } #event-2000 .section-winners .content-box .image { display: none; } #event-2000 .section-winners .content-box .bottom-info {padding-right: 0;} #event-2000 .section-winners .content-box .winners-list .box-left {padding-right: 0;} } @media all and (max-width: 1250px) { #event-2000 #section-how-to-participate .content-wrapper .image { position: static; margin: 0 auto; } #event-2000 #section-how-to-participate .content-wrapper .list-separator { max-width: 100%; margin-left: 0; } #event-2000 #section-how-to-participate .content-wrapper .section-row { max-width: 100%; } #event-2000 #section-how-to-participate .content-wrapper .section-row br { display: none; } #event-2000 #section-how-to-participate .content-wrapper { gap: 0; } #event-2000 #section-how-to-participate .content-wrapper .list-separator { margin-top: 30px; margin-bottom: 30px; } #event-2000 .content-wrapper .info-box { margin-top: 40px; } #event-2000 #section-how-to-participate .content-wrapper br { display: none; } #event-2000 .content-wrapper .info-box { max-width: 100%; } } @media all and (max-width: 1200px) { #event-2000 #section-about-event-2 .content-wrapper .single-box .text-wrapper br { display: none; } #event-2000 .ch-saving-offer .wrap { margin: 75px 0; } #event-2000 .ch-saving-offer .heading { line-height: 42px; } #event-2000 .section-form .content-wrapper { flex-direction: column; gap: 0; } #event-2000 .section-form .content-wrapper .left-col { max-width: 100%; } #event-2000 .section-form .content-wrapper .left-col .img { display: none; } #event-2000 .section-form .content-wrapper .left-col .img-bg { display: none; } #event-2000 .section-form .content-wrapper .left-col .img-mobile { position: static; display: block; } #event-2000 #section-form .right-col { padding: 24px; } #event-2000 .content-to-switch { background-image: none; } #event-2000 .content-to-switch.bookmark-2-bg { background-image: none; } .zoom-x2 #event-2000 #recommended-offers .offers-slider::before { display: none; } .zoom-x4 #event-2000 #recommended-offers .offers-slider::before { display: none; } .zoom-x2 #event-2000 #recommended-offers-all .offers-slider::before { display: none; } .zoom-x4 #event-2000 #recommended-offers-all .offers-slider::before { display: none; } } @media all and (max-width: 1050px) { #event-2000 .f_16 { font-size: 1.6rem; } #event-2000 .f_18 { font-size: 1.6rem; } #event-2000 .f_20 { font-size: 1.8rem; } #event-2000 .f_22 { font-size: 2.0rem; } #event-2000 .f_24 { font-size: 2.2rem; } #event-2000 .f_26 { font-size: 2.4rem; } #event-2000 .f_30 { font-size: 2.6rem; } #event-2000 .f_36 { font-size: 3.2rem; } #event-2000 .f_42 { font-size: 3.8rem; } #event-2000 .section-form .content-wrapper { flex-direction: column; } #event-2000 .section-form .content-wrapper .left-col .img-mobile { display: block; } #event-2000 .section-form .content-wrapper .left-col .img-bg-mobile { display: block; } } @media all and (max-width: 991px) { #event-2000 .section-title-box .section-title { text-align: center; } #event-2000 #top .page-container { flex-flow: column-reverse; } #event-2000 #top .single_box:first-of-type .banner-title { text-align: center; line-height: 1; } #event-2000 #top .single_box:first-of-type { width: fit-content; margin-right: auto; margin-left: auto; } #event-2000 #top .single_box:first-of-type .f_btn { display: block; margin-right: auto; margin-left: auto; } #event-2000 #top .single_box:last-of-type { width: 100%; } #event-2000 #top .single_box:last-of-type .banner-img { display: block; max-width: 600px; margin-right: auto; margin-left: auto; } #event-2000 #top .single_box .text-box { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } #event-2000 #switch-content { position: relative; flex-direction: column; } #event-2000 #switch-content .single-box { width: 100%; max-width: 100%; padding: 5px 15px; } #event-2000 #switch-content .single-box .box-label br { display: none; } #event-2000 #section-about-event .content-wrapper { flex-direction: column; gap: 25px; } #event-2000 #section-about-event .content-wrapper .single-box { width: 100%; max-width: 800px; } #event-2000 #section-about-event .content-wrapper .single-box .box-label { text-align: center; } #event-2000 #section-about-event .content-wrapper .single-box .box-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } #event-2000 #section-about-event .content-wrapper .single-box .text-wrapper { margin-bottom: 20px; } #event-2000 #section-about-event .content-wrapper .single-box .text-wrapper .desc { text-align: center; } #event-2000 #content-to-switch-2 #section-about-event .content-wrapper .single-box:first-child { max-width: 460px; } #event-2000 #section-about-event-2 .content-wrapper { flex-direction: column; gap: 25px; } #event-2000 #section-about-event-2 .content-wrapper .single-box { width: 100%; max-width: 800px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .box-label { text-align: center; } #event-2000 #section-about-event-2 .content-wrapper .single-box .box-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } #event-2000 #section-about-event-2 .content-wrapper .single-box .text-wrapper { margin-bottom: 20px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .text-wrapper .desc { text-align: center; } #event-2000 #content-to-switch-2 #section-about-event-2 .content-wrapper .single-box:first-child { max-width: 460px; } #event-2000 .ch-saving-offer .wrap { flex-direction: column; margin: 50px 0; } #event-2000 .ch-saving-offer .box:last-child { padding: 16px 5px 0 5px; border-top: 1px solid #d9d9d9; border-left: none; } #event-2000 .ch-saving-offer .box .show-all { padding: 4px 25px; } #event-2000 #section-form .right-col .inputs-wrapper { flex-direction: column; } #event-2000 #section-form .right-col .inputs-wrapper .label-input { width: 100%; } #event-2000 #section-form .right-col .inputs-wrapper .input-text { width: 100%; } #event-2000 #recommended-offers .box-label { text-align: center; } #event-2000 #recommended-offers .offers-slider::before { display: none; } #event-2000 #recommended-offers { padding-top: 64px; } #event-2000 #recommended-offers .box-label { margin-bottom: 20px; } #event-2000 #recommended-offers-all .box-label { text-align: center; } #event-2000 #recommended-offers-all .offers-slider::before { display: none; } #event-2000 #recommended-offers-all { padding-top: 64px; } #event-2000 #recommended-offers-all .box-label { margin-bottom: 20px; } #event-2000 .ch-saving-offer .wrap { margin-bottom: 10px; } } @media all and (max-width: 910px) { #event-2000 #get-more-info .owl-nav { display: none!important; } } @media all and (max-width: 768px) { #event-2000 .content-wrapper .list-box .list-text::before { top: 0; transform: translateY(0); } #event-2000 #switch-content .single-box .box-label { gap: 10px; } #event-2000 #section-how-to-participate .content-wrapper { padding: 25px; } #event-2000 #section-how-to-participate .content-wrapper .image { width: 100%; } #event-2000 #get-more-info .wrapper .slider .single-box { flex-direction: column; max-width: 100%; } #event-2000 #get-more-info .wrapper .slider .single-box .image { display: none; } #event-2000 #get-more-info .wrapper .slider .single-box .image.mobile { display: block; } #event-2000 #get-more-info .wrapper .slider .single-box .content { max-width: 100%; padding: 12px; } #event-2000 #get-more-info .wrapper .slider .single-box .box-desc { min-height: unset; margin-bottom: 25px; } .zoom-x2 #event-2000 #get-more-info .wrapper .slider .single-box .image { max-width: 100%; min-height: unset; } .zoom-x4 #event-2000 #get-more-info .wrapper .slider .single-box .image { max-width: 100%; min-height: unset; } .zoom-x2 #event-2000 #get-more-info .wrapper .slider .single-box { min-height: unset; } .zoom-x4 #event-2000 #get-more-info .wrapper .slider .single-box { min-height: unset; } #event-2000 #recommended-offers .offers-slider.all .owl-nav { display: none!important; } #event-2000 #recommended-offers-all .offers-slider.all .owl-nav { display: none!important; } #event-2000 #section-form .right-col .radio-btns-warpper { justify-content: space-between; gap: 15px; } #event-2000 .section-winners .content-box { padding: 16px; } #event-2000 .section-winners .content-box .winners-list .box-left {grid-template-columns: repeat(2, 1fr);} } @media all and (max-width: 600px) { #event-2000 .f_16 { font-size: 1.6rem; } #event-2000 .f_18 { font-size: 1.6rem; } #event-2000 .f_20 { font-size: 1.6rem; } #event-2000 .f_22 { font-size: 1.8rem; } #event-2000 .f_24 { font-size: 2.0rem; } #event-2000 .f_26 { font-size: 2.2rem; } #event-2000 .f_30 { font-size: 2.4rem; } #event-2000 .f_36 { font-size: 2.8rem; } #event-2000 .f_42 { font-size: 3.6rem; } #event-2000 #section-about-event .content-wrapper .single-box .info-desc { font-size: 18px; } #event-2000 #section-about-event-2 .content-wrapper .single-box .info-desc { font-size: 18px; } #event-2000 #recommended-offers { padding-right: 15px; padding-left: 15px; } #event-2000 #recommended-offers-all { padding-right: 15px; padding-left: 15px; } } @media all and (max-width: 576px) { #event-2000 .section-winners .content-box .winners-list { grid-template-columns: 1fr; gap: 0; } #event-2000 .section-winners .content-box .winners-list .box-left { padding-right: 0; padding-bottom: 0; border: none; } } @media all and (max-width:500px) { #event-2000 #section-form .right-col .radio-btns-warpper { flex-wrap: wrap; gap: 20px; } #event-2000 #recommended-offers .offers-slider .link-box { max-width: 200px; min-height: 42px; max-height: 52px; } #event-2000 #recommended-offers-all .offers-slider .link-box { max-width: 200px; min-height: 42px; max-height: 52px; } #event-2000 .section-winners .content-box .winners-list .box-left {grid-template-columns: 1fr;} } .content-to-switch { position: relative; } #fixed-right-menu { position: absolute; top: 150px; right: 30px; z-index: 30; display: flex; align-items: center; flex-flow: column; } #fixed-right-menu.active-fixed-right-menu { position: fixed; top: 50%; transform: translateY(-50%); } #fixed-right-menu .item { width: 32px; height: 32px; margin-top: 10px; margin-bottom: 10px; background-color: #fff; border: 1px solid #a5a6a6; border-radius: 50px; } #fixed-right-menu .item:hover { background-color: #e2007a; border-color: #e2007a; cursor: pointer; } #fixed-right-menu .item.active { height: 64px; background-color: #e2007a; border-color: #e2007a; } #fixed-right-menu .prev_section_arrow { margin-bottom: 10px; cursor: pointer; } #fixed-right-menu .prev_section_arrow.arrow_opacity path { stroke: #707173; } #fixed-right-menu .next_section_arrow { margin-top: 10px; cursor: pointer; } #fixed-right-menu .next_section_arrow.arrow_opacity path { stroke: #707173; } .contrast #fixed-right-menu .item.active { background-color: #ffe800!important; border-color: #ffe800!important; } .contrast #fixed-right-menu .item:hover { background-color: #ffe800!important; border-color: #ffe800!important; } .contrast #fixed-right-menu .item { border-color: #ffe800!important; } .contrast #fixed-right-menu .next_section_arrow path { stroke: #ffe800!important; } .contrast #fixed-right-menu .prev_section_arrow path { stroke: #ffe800!important; }