/* Code tidied up by ScrapBook */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { font-size: 18px; font-family: Helvetica,Arial,sans-serif; color: black; background: rgb(247, 247, 247) none repeat scroll 0% 0%; }
textarea, input { outline: medium none; }
a { color: rgb(22, 151, 206); }
a:hover { color: rgb(176, 73, 59); }
a img { border: medium none; }
a:focus { outline: medium none; }
h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 22px; font-weight: normal; line-height: 14px;}
.alex_zevsa_wcih4ECQW { position: relative; margin: 0px auto; width: 960px; padding: 0px 20px; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.footer .contacts, .footer .site h4, .katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe, .main-page .main-slider .share h4, .main-page .calendar .item .dvksub_rYPIQ4ET span, .sport-tv .left-blk, .main-page .map h4, .main-page .annonce-blk .dvksub_rYPIQ4ET span, .katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC { font-family: PFDinTextCondProMedium,Helvetica,Arial ! important; }
.RA4CSZ_e3qI7YOg, .def-page .org-list h3, .def-page .org-list .type, .faq-page .news-list .sec-year, .media-page .news-list .sec-year, .sec-page .doc-list h4, .photo-page .photo-also .dvksub_rYPIQ4ET, .photo-page .photo-list .dvksub_rYPIQ4ET, .video-page .video-also .dvksub_rYPIQ4ET, .video-page .video-list .dvksub_rYPIQ4ET, .renul_seDwyoGn57 .dvksub_rYPIQ4ET, .zhanna_86_o5IKudBv h2, .root_f21XaquIT .news-list .dvksub_rYPIQ4ET, .root_f21XaquIT .top-blk .rss, .footer .address, .footer .copyrights, .main-page .map h2, .main-page .news h3, .main-page .news-blk .dvksub_rYPIQ4ET, .main-page .annonce-blk .dvksub_rYPIQ4ET, .main-page .main-slider h3, .main-page .calendar .day, .main-page .calendar .item .dvksub_rYPIQ4ET, .main-page .calendar .month-name, .main-page .ministr-blk .dvksub_rYPIQ4ET, .main-page .calendar h3, .katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .vica_ehEmluAT a, .main-page .news-blk .links, .main-page .map .reg-news, .main-page .map h3, .main-page .annonce-blk .links, .katyakoncakova_FtFDdVex .region-btn { font-family: PFDinTextCondProRegular,Helvetica,Arial ! important; }
.katyakoncakova_FtFDdVex { position: relative; z-index: 15; }
.katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC { margin-top: 40px; float: left; width: 360px; text-decoration: none; color: black; display: block; position: relative; }
.katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC img { width: 74px; height: 80px; float: left; }
.katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC h1 { font-size: 18px; margin-top: 17px; margin-left: 18px; width: 265px; float: left; text-transform: uppercase; line-height: 1; }
.katyakoncakova_FtFDdVex .vasilusya_rfYcdWbD { float: right; font-size: 12px; margin-top: 5px; }
.katyakoncakova_FtFDdVex .mikstroy_hlTMvYzPJs { width: 330px; float: right; margin-top: 60px; }
.katyakoncakova_FtFDdVex .mikstroy_hlTMvYzPJs .mansurovan_vUZn4RQN { text-align: right; font-size: 12px; text-transform: uppercase; float: right; }
.katyakoncakova_FtFDdVex .mansurovan_vUZn4RQN .Dulov_V_V_du3BxPsUO { font-weight: bold; color: rgb(53, 55, 70); }
.katyakoncakova_FtFDdVex .mansurovan_vUZn4RQN a { color: rgb(53, 55, 68); }
.katyakoncakova_FtFDdVex .mansurovan_vUZn4RQN a:hover { color: rgb(176, 73, 61); }
.katyakoncakova_FtFDdVex .mansurovan_vUZn4RQN .udav_t_slEtc0GR { margin: 0px 5px; }
.katyakoncakova_FtFDdVex .mikstroy_hlTMvYzPJs .tata_soboleva_XjcqhmYZ7 { margin-top: 25px; position: relative; text-align: right; }
.katyakoncakova_FtFDdVex .tata_soboleva_XjcqhmYZ7 .tjn-02_ANHUDPcR { width: 170px; padding: 4px 5px; }
.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe { margin-top: 10px; background: rgb(15, 100, 112) none repeat scroll 0% 0%; height: 57px; }
.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .main-menu-blk { list-style: outside none none; }
.katyakoncakova_FtFDdVex .main-menu-blk > li { display: inline-block; float: left; margin-right: 23px; position: relative; padding: 17px 10px; }
.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe a { text-transform: uppercase; font-size: 14px; color: white; text-decoration: none; }
.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .submenu-btn { color: rgb(207, 79, 58); font-style: normal; margin-left: 4px; }
.alstep54_sglCGFT6q { font-size: 12px; }
.renul_seDwyoGn57 h2 { font-weight: bold; font-size: 36px; margin-top: 15px; }
.renul_seDwyoGn57 .dvksub_rYPIQ4ET { color: rgb(108, 110, 126); font-size: 14px; text-transform: uppercase; margin-top: 5px; }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 { margin-top: 25px; color: rgb(108, 110, 122); line-height: 1.5; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed rgb(185, 185, 185); font-size: 18px; }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 p { text-indent: 20px; color: black; text-align: justify; margin: 15px; line-height: 31px; }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 .swetlana40_GWDvkz8Tqs { text-indent: 0px; font-weight: bold; margin-bottom: 0px; font-size: 22px; }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 .maki555_e4AaJE9jYG { margin-top: 5px; font-size: 15px; line-height: 20px; padding: 10px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 .udalykhnn_av3FDRJhB { text-align: center; }
.renul_seDwyoGn57 .Genrik91_k2XdOzZlq1 .AGB_yQobO46Dw { margin-top: 10px; font-size: 13px; color: rgb(161, 161, 162); }
.renul_seDwyoGn57 .gelat_Bb6MhOHv { float: left; padding: 0px 30px 10px 0px; font-size: 12px; font-style: italic; color: rgb(161, 161, 168); }
.renul_seDwyoGn57 .gelat_Bb6MhOHv .ewa-b_p5sjGkxr1 { margin-top: 5px; }
.zhanna_86_o5IKudBv { background: white none repeat scroll 0% 0%; padding: 35px 40px 40px; margin: 0px 0px 50px; border-radius: 4px; }
.zhanna_86_o5IKudBv h2 { font-size: 22px; text-transform: uppercase; line-height: 1; line-height: 30px; }
.altakansk_YrlOq5h6N { font-family: Arial; color: rgb(108, 110, 131); margin: 0px 5px; }
.dmavrodi_yjLIBb2Q { position: relative; z-index: 10; }
.web-s { font-family: WebSymbols; -moz-user-select: none; }
.sazonov66_g9ysODlqt { margin-bottom: -340px; min-height: 100%; position: relative; background: rgb(247, 247, 247) none no-repeat scroll center top; }
.vk-container { font-family: tahoma,arial,verdana,sans-serif,Lucida Sans; font-size: 15px; color: black; text-decoration: none; }
.vk-header { background: rgb(218, 226, 232) none repeat scroll 0% 0%; padding: 4px 4px 4px 6px; margin-bottom: 10px; }
.vk-logo { background: transparent none no-repeat scroll 0% 0%; width: 16px; height: 16px; float: right; margin-top: -1px; }
.vk-header-text { padding: 2px 3px 1px; line-height: 100%; color: rgb(69, 104, 142); font-weight: bold; }
.vk-avatar img { float: left; margin-right: 10px; }
.vk-comment, .vk-comment-load { margin-bottom: 15px; position: relative; border-bottom: 1px solid rgb(218, 225, 232); padding-bottom: 15px; }
.vk-comment:last-child { border-bottom: 0px none; }
.vk-comment-name { color: rgb(43, 88, 122); font-weight: bold; font-size: 12px; }
.vk-comment-text { margin-left: 60px; }
.vk-comment-date { margin-left: 60px; color: rgb(153, 153, 153); }

.bloq { font-size: 24px; font-weight: normal; }




@media screen and (max-width: 1020px) {
  .alex_zevsa_wcih4ECQW { width: auto; }
  .main-menu-blk { width: 100%; margin: 0px auto; }
  .katyakoncakova_FtFDdVex .main-menu-blk > li { width: 16.666%; float: left; margin: 0px; display: block; padding: 0px; text-align: center; height: 100%; }
  .katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe { height: auto; }
  .katyakoncakova_FtFDdVex .main-menu-blk > li a { line-height: 50px; }
  .katyakoncakova_FtFDdVex .mikstroy_hlTMvYzPJs { width: 180px; }
  .alex_zevsa_wcih4ECQW, .main-menu-blk { height: 100%; }
  .web-s { display: none; }
  body img { max-width: 100%; }
}
@media screen and (max-width: 720px) {
  .katyakoncakova_FtFDdVex .main-menu-blk > li { width: 33.333%; }
  .katyakoncakova_FtFDdVex .mikstroy_hlTMvYzPJs { display: none; }
  .renul_seDwyoGn57 .gelat_Bb6MhOHv { margin: 0px auto; padding-right: 0px; float: none; }
  .renul_seDwyoGn57 .gelat_Bb6MhOHv > img { display: block; margin: 0px auto; }
}
@media screen and (max-width: 420px) {
  .zhanna_86_o5IKudBv { padding-left: 10px; padding-right: 10px; }
  .alstep54_sglCGFT6q { display: none; }
  .katyakoncakova_FtFDdVex .main-menu-blk > li { width: 50%; }
  .udalykhnn_av3FDRJhB img, body img { max-width: 100%; }
  .katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC { width: 320px; }
  .katyakoncakova_FtFDdVex .Natali0610_RVdHBJiwC h1 { width: 225px; font-size: 16px; }
  .alex_zevsa_wcih4ECQW { padding: 0px; }
}
.screenLock { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; top: 0px; left: 0px; z-index: 99999; display: none; }
.msg { position: absolute; width: 600px; height: 220px; top: 150px; left: 50%; margin-left: -300px; background: rgb(119, 134, 145) none repeat scroll 0% 0%; border: 1px solid rgb(238, 238, 238); }
.msg > h1 { color: rgb(255, 255, 255); text-align: center; font-size: 24px; margin-bottom: 10px; margin-top: 30px; line-height: 1.8;}
.close { position: absolute; top: 1px; right: 5px; font-size: 40px; cursor: pointer; }
.submit { margin-top: 10px; height: 50px; width: 400px; background-color: firebrick; color: rgb(255, 255, 255); font-size: 30px; border-radius: 3px; }
.submit { font-size: 24px ! important; }
.submit { font-size: 24px ! important; height: 65px; }
.submit:hover { background-color: firebrick ! important; }












html {
  line-height: 1;
}

@media (max-width: 530px) {

  .spin-result-wrapper {
    padding: 0 12px;
  }
}

@media (max-width: 530px) {

  .prod_img_wrapper {
    padding-right: 20px;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body {
  background: transparent repeat scroll 0% 0%;
}

@media (max-width: 530px) {
  body {
    position: relative;
  }
}

@media (max-width: 900px) {

  .timer {
    margin-top: 28px;
  }

  .wheel_input {
    margin-bottom: 4px;
  }

}

.content__inner {}

.clearfix {
  content: '';
  clear: both;
  display: table;
}

.content__inner_wide {
  margin: 0 auto;
  background-color: rgb(255, 255, 255);

}

@media (max-width: 1280px) {

  .content__inner_wide {}
}

@media (max-width: 1024px) {

  .content__inner_wide {
    width: 100%;
  }

  .hidden-content {
    padding: 0 12px;
  }
}

f @media (max-width: 530px) {
}

.article__text {
  font: 16px/24px "OpenSansRegular", sans-serif;
  color: rgb(51, 51, 51);
  padding-left: 0px;
  padding-top: 24px;
}

@media (max-width: 1280px) {
  .article__text {
    padding-left: 0px;
  }
}

.article__text img {
  max-width: 100%;
}

.article__text p {
  padding: 0px 0px 30px;
  /*text-indent: 30px;*/
  text-align: left ! important;
}

.article__text a {
  text-decoration: underline;
  color: rgb(0, 149, 218);
}

.order_block {
  text-align: center;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  padding-bottom: 41px;
}

.prod_img_wrapper {
  position: relative;
}

.order_block {

  font-family: 'Arial', sans-serif;
}

.prod_img_wrapper {

  max-width: 300px;
  margin: 15px auto;
  position: relative;
}


.price_main {
  border-bottom: 2px solid #d31812;
  font-size: 24px;
  line-height: 1;
  margin: 0 auto;
}

.js_old_price {
  text-decoration: line-through;
}

.wheel_input {
  padding: 10px;
  display: block;
  margin: 0 auto 20px;
  padding: 10px;
  width: 50%;
  border: 2px solid grey;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.data_label {
  line-height: 30px;
}

.order_form {
  display: block;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .wheel_input {
    width: 90%;
  }
}

.main-link {
  display: block;
  margin: 40px auto;
  padding: 20px;
  font-size: 20px;
  text-decoration: none;
  background-color: #de0606;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.main-link:hover {
  opacity: 0.8;
}

.order_block {

  font-family: 'Arial', sans-serif;
}

.prod_img_wrapper {

  max-width: 300px;
  margin: 15px auto;
  position: relative;
}







.wheel_input {
  padding: 10px;
  display: block;
  margin: 0 auto 20px;
  padding: 10px;
  width: 50%;
  border: 2px solid grey;
  border-radius: 5px;
}

.data_label {
  line-height: 30px;
}

.order_form {
  display: block;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .wheel_input {
    width: 90%;
  }
}

.main-link {
  display: block;
  margin: 40px auto;
  padding: 20px;
  font-size: 20px;
  text-decoration: none;
  background-color: #de0606;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.main-link:hover {
  opacity: 0.8;
}

.order_block {
  font-family: 'Arial', sans-serif;
}

.prod_img_wrapper {

  max-width: 300px;
  margin: 15px auto;
  position: relative;
}

.article__text .priceс {
  position: absolute;
  font-family: 'Arial', sans-serif;
  right: 0;
  bottom: 0;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 30px;
  width: 165px;
  text-align: center !important;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.3;
  transform: rotateZ(-7deg);
  margin: -25px auto 0px;
  background: linear-gradient(to right, rgb(238, 165, 19) 0%, rgb(253, 237, 19) 100%);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  border-radius: 19%;
  padding: 5px!important;
}

span.discountс {
  font-size: 18px;
}

.price_main {
  border-bottom: 2px solid #d31812;
  font-size: 24px;
  line-height: 1;
  margin: 0 auto;
}

.prod_img_wrapper p {
  text-align: center !important;
}

.js_old_price {
  text-align: center;
}

.wheel_input {
  padding: 10px;
  display: block;
  margin: 0 auto 20px;
  padding: 10px;
  width: 50%;
  border: 2px solid grey;
  border-radius: 5px;
}

.data_label {
  line-height: 30px;
}

.order_form {
  display: block;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .wheel_input {
    width: 90%;
  }
}

.main-link {
  display: block;
  margin: 40px auto;
  padding: 20px;
  font-size: 20px;
  text-decoration: none;
  background-color: #de0606;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.main-link:hover {
  opacity: 0.8;
}

.article__text .of-site {

  background-color: #22a500;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMmJkMzAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxODc3MDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgb(43, 211, 0)), color-stop(1, rgb(24, 119, 0)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top, rgb(43, 211, 0) 0%, rgb(24, 119, 0) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom, rgb(43, 211, 0) 0%, rgb(24, 119, 0) 100%);
  background-image: -ms-repeating-linear-gradient(top, rgb(43, 211, 0) 0%, rgb(24, 119, 0) 100%);
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 0;
  border: 1px solid rgb(204, 204, 204);
  font-size: 28px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
  display: block;
  width: 540px;
  max-width: 100%;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.article__text .of-site:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

img {
  max-width: 100%;
}

a:hover {
  text-decoration: none;
}

* {
  outline: none;
}

.spin-wrapper {
  -webkit-box-shadow: 0 0 10px;
  box-shadow: 0 0 10px;
  border: 3px solid red;
  padding: 20px 10px;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  margin: 0 auto 20px;
}

.spin-wrapper p {
  font-size: 17px;
  font-family: Arial, sans-serif;
  text-align: center !important;
}

.wheel {
  width: 380px !important;
  margin: 15px auto 0px;
  position: relative;
}

.wheel-cursor {
  position: absolute;
  width: 35% !important;

  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#clock {
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin-top: 25px;
}
.cursor-text {
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 45% !important;

  line-height: 61px;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  background-color: #ccc;
  border: 1px solid #ccc;
  top: 49%;
  left: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
  box-shadow: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
  background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
  background: -o-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=1);
  font-size: 18px;
}

.cursor-text:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
}

.order_block {
  display: none;
}

form {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.timer {
  font-size: 18px;
  font-weight: normal;
  margin:60px 0 20px;
  text-align: center;
}

label {
  display: block;
  margin: 10px auto;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}

.order_block h2 {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

.red {
  color: #f00;
}

.wheel-img {
  -webkit-transition: 4s;
  -o-transition: 4s;
  transition: 4s;
}

.close-popup {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(close.png);
  background-size: 100%;
  top: 2px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  right: 3px;
  cursor: pointer;
}

.cursor-text:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
}

.spin-result-wrapper {
  display: none;
  padding: 0;
  width: 100%;
  top: 0;
  z-index: 999;
  left: 0;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, .6);
  text-align: center;
  margin: 0 auto;
  font-family: Verdana;
}

.pop-up-window {
  position: relative;
  max-width: 400px;
  right: 0px;
  left: 0px;
  top: 27%;
  margin: 0px auto;
  background: #ffffff none repeat scroll 0% 0%;
  text-align: center;
  padding: 10px;
  padding-top: 70px;
  padding-bottom: 20px;
  border-radius: 10px;
  animation: 0.7s ease 0s normal none 1 running pop-up-appear;
}

.pop-up-window::before {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  top: -55px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  background-color: rgb(113, 195, 65);
  border-radius: 50%;
  animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before;
}

.pop-up-window::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 20px;
  top: -20px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  border-width: medium medium 4px 4px;
  border-style: none none solid solid;
  border-color: currentcolor currentcolor rgb(255, 255, 255) rgb(255, 255, 255);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  transform: rotate(-45deg);
  transition: opacity 1s ease 0s;
  animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after;
}

@keyframes pop-up-appear {
  0% {
    transform: translateY(-2000px);
  }

  30% {
    transform: translateY(100px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes pop-up-appear-before {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pop-up-appear-after {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.pop-up-heading {
  display: inline-block;
  font-size: 37px;
  margin-bottom: 20px;
}

.pop-up-text {
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

.pop-up-button {
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20%;
  font-size: 20px;
  border-radius: 5px;
  background-color: rgb(113, 195, 65);
  color: rgb(255, 255, 255);
  border: medium none;
  cursor: pointer;
  outline: medium none;
}

.pop-up-button:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.wheel img {
  max-width: 100%;
}


.super-rotation {
  -webkit-animation-name: super-rotation;
  animation-name: super-rotation;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

@-webkit-keyframes super-rotation {
  70% {
    -webkit-transform: rotate(1883deg);
    transform: rotate(1883deg)
  }

  100% {
    -webkit-transform: rotate(1874deg);
    transform: rotate(1874deg)
  }
}

@keyframes super-rotation {
  70% {
    -webkit-transform: rotate(1883deg);
    transform: rotate(1883deg)
  }

  100% {
    -webkit-transform: rotate(1874deg);
    transform: rotate(1874deg)
  }

}




@media all and (max-width: 520px) {
  .wheel {
    width: 225px !important;
  }

  .cursor-text {
    line-height: 36px;
    font-size: 11px;
  }

}

@media all and (max-width: 650px) {
  .article__text .of-site {
    width: 420px;
    font-size: 21px;
  }
}

@media (max-width: 530px) {

  .article__text .of-site {
    width: 290px;
    font-size: 14px;
  }
}

@media (max-width: 425px) {

  .timer {
    margin: 55px 0 20px;
  }
}

@media all and (max-width: 414px) {
  .spin-wrapper {
    border: 1px solid red;
    padding: 10px 10px;
    width: 90%;
    margin: 0 auto;
  }
}