@font-face {
  font-family: "pobeda-reg";
  src: url("../fonts/Pobeda-Regular.eot");
  src: url("../fonts/Pobeda-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Pobeda-Regular.woff") format("woff"),
  url("../fonts/Pobeda-Regular.ttf") format("truetype"),
  url("../fonts/Pobeda-Regular.svg#JournalRegular") format("svg");
}

@font-face {
  font-family: "pobeda-bold";
  src: url("../fonts/Pobeda-Bold.eot");
  src: url("../fonts/Pobeda-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Pobeda-Bold.woff") format("woff"),
  url("../fonts/Pobeda-Bold.ttf") format("truetype"),
  url("../fonts/Pobeda-Bold.svg#JournalRegular") format("svg");
}

@font-face {
  font-family: "calibri";
  src: url("../fonts/calibri.ttf");
}

* {
  outline: none;
}

body {
  position: relative;
  min-width: 250px;
}

.dn { display:none; }

.navcont {
  width: 100%;
  /* height: 75px; */
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #eaeaea; /* Old browsers */
  background: -moz-linear-gradient(left,  #eaeaea 0%, #ffffff 40%, #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
}

nav {
  width: 100%;
  height: 60px;
  background: #000;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.navcont nav:before,
.navcont nav:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left: -5px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
  box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  transform:rotate(-3deg);
}

.navcont nav:after {
  right: -5px;
  left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform:rotate(3deg);
}

.navcont nav h1 {
  float: left;
  color: #cbcbcb;
  font-family: pobeda-bold;
  font-size: 1.1em;
  margin-left: 15px;
  padding-right: 70px;
  line-height: 1.1;
}

.questhead-name {
  color: #fff;
  font-family: pobeda-bold;
  font-size: 1.1em;
  margin-left: 10px;
}

p.city {
  float: left;
  color: #fff;
  font-family: calibri;
  font-size: 1.1em;
  margin-left: 15px;
  padding-right: 70px;
  line-height: 1;
}

.logo {
  height: 60px;
  width: 50px;
  background: url(../img/logobg.jpg) no-repeat right, #323232;
  background-size: contain;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 10px;
  color: #fff;
  font-family: pobeda-bold;
  font-size: 1.5em;
}

.cityselect {
  height: 60px;
  width: 25px;
  background: url(../img/logobg.jpg) no-repeat right, #323232;
}

.menubut {
  width: 40px;
  height: 35px;
  background: url(../img/menubut.png) no-repeat center;
  background-size: 30px auto;
  position: absolute;
  top: 14px;
  right: 15px;
  border-radius: 5px;
}

.menubut:active {
  background: url(../img/menubut.png) no-repeat center, #323232;
  background-size: 30px auto;
}

.questbody {
/*   background: #eaeaea; Old browsers
background: -moz-linear-gradient(left,  #eaeaea 0%, #ffffff 40%, #ffffff 60%, #eaeaea 100%);
background: -webkit-linear-gradient(left,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%);
background: linear-gradient(to right,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); */
background: #fff;
  min-height: calc(100vh - 156px);
}

.questbody h2 {
  font-family: pobeda-bold;
  font-size: 1.6em;
  color: #6f0100;
  padding: 25px 30px 10px 30px;
  line-height: 1.2;
}

.questbody p {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  padding: 5px 30px 10px 30px;
  line-height: 1.2;
}

.questbody ul {
  padding-left: 30px;
  padding-right: 30px;
  font-family: calibri;
  font-size: 1.2em;
  line-height: 1.2;
  list-style-position: inside;
}

.questbody .swiper-container {
  margin-top: 15px;
}

.questbody .swiper-pagination-cont {
  padding-top: 10px;
}

.question {
  font-style: italic;
}

.answerblock {
  width: 100%;
  padding: 20px;
  display: flex;
  border-top: 1px solid #767676;
  background: #000;
  -webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.06);
  -moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.06);
  box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.06);
}

.botpanel {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

.wronganswer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 82px;
  background: rgba(255,255,255,0.9);
  text-align: center;
  display: none;
}

.wronganswer p {
  font-family: pobeda-bold;
  font-size: 1.1em;
  margin-top: 18px;
  color: #e10200;
  padding: 0;
}

.wronganswer p:last-child {
  font-size: 1.6em;
  margin-top: 5px;
  color: #e10200;
}

.goorskip .wronganswer {
  height: 142px;
}

.gradientline {
  height: 20px;
  width: 100%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
}

.botpanel input[type='text'] {
  height: 42px;
  width: calc(100% - 100px);
  border: none;
  border-radius: 21px 0 0 21px;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  outline: none;
  background: #e3e3e3;
  display: block;
  font-size: 1em;
  -webkit-box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.14), 0 1px #fff;
  -moz-box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.14), 0 1px #fff;
  box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.14), 0 1px #fff;
}

.botpanel input::-webkit-input-placeholder {
  color: #787878;
  font-size: 1em;
}

button.check {
  float: left;
  height: 43px;
  width: 60px;
  background: url(../img/enteranswer.png) no-repeat, #6d0302;
  background-position: 17px 11px;
  background-size: 25px auto;
  outline: none;
  border: none;
  border-radius: 0 21px 21px 0;
  -webkit-box-shadow: inset -5px -5px 24px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: inset -5px -5px 24px 0px rgba(0,0,0,0.5);
  box-shadow: inset -5px -5px 24px 0px rgba(0,0,0,0.5);
}

button.take {
  height: 42px;
  width: calc(100% - 40px);
  border: none;
  border-radius: 21px;
  background: #a9a9a9;
  font-family: calibri;
  font-size: 1.1em;
  color: #000;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

input.take {
  height: 42px;
  width: calc(100% - 40px);
  border: none;
  border-radius: 21px;
  background: #a9a9a9;
  font-family: calibri;
  font-size: 1.1em;
  color: #000;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

input.pass {
  height: 42px;
  width: calc(100% - 40px);
  border: none;
  border-radius: 21px;
  background: #6d0302;
  font-family: calibri;
  font-size: 1.1em;
  color: #fff;
  margin-top: 0px;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

.forkblock {
  width: 100%;
  padding: 20px;
  display: block;
  border-top: 1px solid #3c3c3c;
  background: #000;
}

.forkblock form:nth-child(2) {
  margin-top: 10px;
}

.continueblock {
  width: 100%;
  padding: 20px;
  display: block;
  border-top: 1px solid #3c3c3c;
  background: #000;
}

.continueblock button.pass {
  margin-top: 0;
}

.continue button {
  width: 100%;
  height: 54px;
  background: #6b0100;
  border: none;
  color: #fff;
  fon-size: 1.1em;
}

.singleimg {
  width: 100%;
  height: 56vw;
  margin-bottom: 25px;
  margin-top: 25px;
  -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0,0,0,0.1), inset 0px -3px 2px 0px rgba(0,0,0,0.1);
  background: url(../img/photos/13.jpg) no-repeat center;
  background-size: cover;
}

/* .swiper-slide {
    background: url(../img/photos/3-3.JPG) center;
    background-size: cover;
}

.swiper-slide, .swiper-wrapper, .swiper-container {
    height: 56vw;
}

.swiper-container {
    background: #e5e5e5;
    } */

    .review-cont {
      background: #f2f3f5;
      position: relative;
    }

    .denticles-rev {
      height: 15px;
      background: url(../img/denticles-rev.png) top repeat-x, linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.34) 100%);
      width: 100%;
    }

    .review-header {
      font-family: pobeda-bold;
      font-size: 1.5em;
      color: #000;
      text-align: center;
      padding-bottom: 20px;
      padding-top: 20px;
    }

    .swiper-container-review .swiper-slide {
      padding-top: 25px;
      background: url(../img/apostrophe.png) no-repeat 30px top;
      -webkit-background-size: auto 12px;
      background-size: auto 12px;
    }
    
    .swiper-container-review {
        padding-bottom: 30px;
    }
    
    .review-txt {
      padding-left: 30px;
      padding-right: 30px;
      font-family: calibri;
      padding-bottom: 15px;
      line-height: 1.2;
    }

    .review-name {
      padding: 15px 30px 15px 30px;
      font-family: calibri;
      color: #9e0100;
    }

    .swiper-pagination-bullet {
      height: 10px;
      width: 10px;
      background: none;
      border: 1px solid #000;
    }

    .swiper-pagination-bullet-active {
      height: 10px;
      width: 10px;
      background: none;
      border: 1px solid #000;
    }

    .swiper-container-img .swiper-slide {
        height: 56vw;
        
/*       -webkit-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75); */
    }
    
    .swiper-singleimg {
        width: 100%;
        height: 56vw;
        display: none;
        margin-top: 15px;
        margin-bottom: 15px;
/*         
      -webkit-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75);
      box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.75); */
    }

    .swiper-pagination-cont {
      display: flex;
      justify-content: center;
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .swiper-pagination-cont .swiper-pagination-bullet {
      margin-left: 5px;
    }

    .swiper-pagination-cont .splitter {
      margin-top: 28px;
    }

    .questsplitter {
      margin-bottom: 0;
      margin-top: 10px;
    }

    .topshaddow {
      height: 4px;
      width: 100%;
      background: none;
      position: absolute;
      top: 0;
      z-index: 999;
      -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);
      box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);
    }

    .bottomshaddow {
      height: 4px;
      width: 100%;
      background: none;
      position: absolute;
      bottom: 0;
      z-index: 999;
      -webkit-box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.1);
      box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.1);}

      .itemslider {
        margin-top: 25px!important;
        margin-bottom: 25px!important;
      }

      .slide-1 {
        background: url(../img/1.jpg) no-repeat center;
        background-size: cover;
      }

      .slide-2 {
        background: url(../img/2.jpg) no-repeat center;
        background-size: cover;
      }

      .splitter {
        width: 100%;
        height: 1px;
        opacity: 0.3;

        background: -moz-linear-gradient(left,  rgba(168,168,168,0) 0%, rgba(168,168,168,1) 21%, rgba(168,168,168,1) 79%, rgba(168,168,168,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(168,168,168,0) 0%,rgba(168,168,168,1) 21%,rgba(168,168,168,1) 79%,rgba(168,168,168,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(168,168,168,0) 0%,rgba(168,168,168,1) 21%,rgba(168,168,168,1) 79%,rgba(168,168,168,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8a8a8', endColorstr='#00a8a8a8',GradientType=1 ); /* IE6-9 */
      }


      .takehelpcont {
        width: calc(100% - 30px);
        margin: 25px 15px 25px 15px;
        background: url(../img/sandglass.png) no-repeat 20px 13px;
        background-size: 12px auto;
        color: #434343;
        position: relative;
      }

      .takehelpcont p {
        font-family: calibri;
        font-size: 1.2em;
        padding: 8px 0 10px 43px;
      }

      .takehelpcont p:active {
        color: #6f0100;
      }

      p.fine {
        position: absolute;
        right: 10px;
        top: 3px;
        font-family: calibri;
        font-size: 1em;
        color: #a0a0a0;
      }



      p.hint {
        font-family: calibri;
        font-size: 1.2em;
        font-style: italic;
        color: #8d8d8d;
        display: none;
      }

      .profnav {
        display: flex;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
        background: rgb(191,191,191); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
      }

      .navcont-prof {
        background: rgb(191,191,191);
        background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); 
        background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%);
        background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); 
      }

      .profnav a {
        font-family: calibri;
        font-size: 1.1em;
        color: #868686;
        margin-left: 15px;
        text-decoration: none;
      }

      .profnav a:first-child {
        margin-left: 0;
      }

      a.current {
        color: #000;
      }

      .photocont {
        background: rgb(172,172,172); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(172,172,172,1) 0%, rgba(196,196,196,1) 45%, rgba(196,196,196,1) 55%, rgba(172,172,172,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(172,172,172,1) 0%,rgba(196,196,196,1) 45%,rgba(196,196,196,1) 55%,rgba(172,172,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(172,172,172,1) 0%,rgba(196,196,196,1) 45%,rgba(196,196,196,1) 55%,rgba(172,172,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#acacac',GradientType=1 ); /* IE6-9 */
        padding-top: 30px;
        padding-bottom: 30px;
      }

      p.myname {
        font-family: calibri;
        font-size: 2em;
        color: #000;
        text-align: center;
        margin-top: 20px;
      }

      p.mymail {
        font-family: calibri;
        font-size: 1.1em;
        color: #797979;
        text-align: center;
        margin-top: 15px;
      }

      .myphoto {
        width: 40vw;
        height: 40vw;
        background: url(../img/myphoto.jpg) no-repeat center;
        background-size: cover;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        box-shadow: 0 3px 2px rgba(0,0,0,0.3);
      }

      .profinfo {
        background: rgb(191,191,191); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
        padding-top: 25px;
        padding-bottom: 40px;
      }

      p.counthead {
        font-family: calibri;
        font-size: 1.1em;
        color: #797979;
        text-align: center;
      }

      p.count{
        font-family: calibri;
        font-size: 2em;
        color: #000;
        text-align: center;
        margin-top: 15px;
      }

    .bonuscount {
        padding-bottom: 30px;
    }
    
    .bonuscount p {
        text-align: center;
        font-family: calibri;
        font-size: 1.1em;
    }
    
    .bonuscount p span {
        font-size: 2em;
    }

      .bonusmeter {
        width: calc(100% - 60px);
        margin: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
      }

      .thermo {
        height: 5px;
        width: calc(100% - 25px);
        background: rgb(106,106,106); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(106,106,106,1) 0%, rgba(155,155,155,1) 50%, rgba(144,144,144,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(155,155,155,1) 50%,rgba(144,144,144,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(106,106,106,1) 0%,rgba(155,155,155,1) 50%,rgba(144,144,144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#909090',GradientType=0 ); /* IE6-9 */
        margin-top: 8px;
        border-bottom: 1px solid #fff;
        position: relative;
      }

      .mercury {
        height: 5px;
        width: 30%;
        background: #670100;
      }

      .giftbob {
        height: 11px;
        width: 11px;
        background: #670100;
        position: absolute;
        top: -3px;
        left: calc(30% - 3px);
        border-radius: 50%;
      }

      .gift {
        height: 25px;
        width: 25px;
        position: absolute;
        bottom: 31px;
        right: 0;
        z-index: 9;
      }

      p.curgiftcount {
        position: absolute;
        top: 0;
        left: 0;
        font-family: calibri;
        font-size: 1.2em;
        color: #000;
      }

      p.curgiftcount span {
        font-size: 1.5em;
      }

      p.leftgiftcount {
        font-family: calibri;
        font-size: 0.9em;
        color: #797979;
        position: absolute;
        right: 0;
        top: 11px;
      }

      p.leftgiftcount {
        font-family: calibri;
        font-size: 0.9em;
        color: #797979;
        position: absolute;
        right: 0;
        top: 11px;
      }

      p.giftname {
        font-family: calibri;
        font-size: 0.9em;
        color: #6f0100;
        position: absolute;
        bottom: 6px;
      }

      p.giftfree {
        right: 0;
      }

      .socialconnect {
        width: calc(100% - 30px);
        margin: 0 15px 0 15px;
        color: #434343;
        position: relative;
      }

      .vkconnect {
        background: url(../img/vkico.png) no-repeat 20px center;
        background-size: 22px auto;
      }

      .vkconnect-active {
        background: url(../img/vkico-active.png) no-repeat 20px center;
        background-size: 22px auto;
      }

      .fbconnect {
        background: url(../img/fbico.png) no-repeat 25px center;
        background-size: auto 20px;
      }

      .fbconnect-active {
        background: url(../img/fbico-active.png) no-repeat 25px center;
        background-size: auto 20px;
      }


      .gmailconnect {
        background: url(../img/gmailico.png) no-repeat 20px center;
        background-size: auto 15px;
      }

      .gmailconnect-active {
        background: url(../img/gmailico-active.png) no-repeat 20px center;
        background-size: auto 15px;
      }

      .phoneconnect {
        background: url(../img/phoneico.png) no-repeat 23px center;
        background-size: auto 18px;
      }

      .phoneconnect-active {
        background: url(../img/phoneico-active.png) no-repeat 23px center;
        background-size: auto 18px;
      }

      .socialnet {
        font-family: calibri;
        font-size: 1.2em;
        padding: 8px 90px 10px 50px;
      }

      .socialbonus {
        position: absolute;
        right: 10px;
        top: calc(50% - 8px);
        font-family: calibri;
        font-size: 1em;
        color: #a0a0a0;
      }

      .artefactcont {
        display: flex;
        display: flex;
        -webkit-flex-flow: row wrap;
      }

      .artefact {
        width: calc(50vw - 1px);
        height: 50vw;
        border-right: 1px solid #000;
      }

      .artefact:nth-child(2n+2) {
        border-right: none;
      }

      .artefact:nth-child(1n+3) {
        border-top: 1px solid #000;
      }

      .helpmount {
        width: 100%;
        height: 100vh;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding: 25% 20px 0 20px;
        box-sizing: border-box;
        display: none;
      }

      .helpmount p {
        font-family: calibri;
        font-size: 1.1em;
        color: #000;
        text-align: center;
        line-height: 1.4;
      }

      p.yes, p.no {
        font-size:  1.6em;
      }

      p.yes {
        margin-top: 40px;
      }

      .menublind {
        width:
      }

      .blindMob {
        width: 100%;
        height: 100vh;
        background: rgba(255,255,255,0.95);
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        overflow: hidden;
        display: none;
      }

      .mobmenu {
        background: #000;
        padding: 9px 0 30px 0;
        position: absolute;
        top: 0;
        right: -350px;
        height: 100vh;
        border-left: 2px solid #fff;
        box-sizing: border-box;
        width: 350px;
        max-width: calc(100vw - 60px);
      }

      .mobmenu a {
        display: block;
        line-height: 1.7;
        font-family: calibri;
        font-size: 1.1em;
        text-decoration: none;
        color: #fff;
        padding-left: 25px;
        padding-right: 50px;
      }

      .mobmenu a:active {
        color: #d10200;
      }

      .mobmenu hr {
        margin-top: 8px;
        margin-bottom: 8px;
        background: #333333;
        border: none;
      }

      .closemobmenu {
        position: absolute;
        top: 5px;
        left: -50px;
        height: 35px;
        width: 36px;
        background: url(../img/closemenu.png) no-repeat center;
      }

      a.personal_lnk, a.lk_lnk {
        color: #bf0605;
      }

      /*********************************************/

      .questdescbody {
        padding: 30px 0 10px 0;
        background: #eaeaea; /* Old browsers */
        background: -moz-linear-gradient(left,  #eaeaea 0%, #ffffff 40%, #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
      }

      .questdescbody h1 {
        font-family: pobeda-bold;
        font-size: 1.6em;
        color: #000;
        padding-left: 25px;
        padding-right: 25px;
        line-height: 1.2;
      }

      .questdescbody p {
        font-family: calibri;
        font-size: 1.2em;
        color: #000;
        padding: 15px 25px 0 25px;
        line-height: 1.2
      }

      .questdescbody ul {
        margin-top: 10px;
        padding: 0 25px 0 25px;
      }

      .questdescbody ul li {
        font-family: calibri;
        font-size: 1.2em;
        color: #000;
        line-height: 1.2;
        list-style: none;
        padding-left: 18px;
        background: url(../img/smallpoint.png) no-repeat 0 6px;
      }

      .buyblock {
        width: 100%;
        margin-top: 22px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        padding-right: 25px;
        box-sizing: border-box;
      }

      .activatequest {
       background: #5b0100;
       display: none;
     }

     p.price {
      padding: 0;
      padding-right: 15px;
      margin-left: 25px;
      width: 125px;
      font-family: calibri;
      font-size: 1.5em;
      color: #6f0100;
    }
/*
p.price span {
  font-size: 0.8em;
  font-family:Arial;
  }*/

  p.price2 {
    text-align: center;
    font-family: calibri;
    font-size: 1.5em;
    color: #000;
    padding-top: 5px;
  }

  .buyblock button {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 25px;
    background: #6d0302;
    font-family: calibri;
    font-size: 1.1em;
    margin-left: 25px;
    color: #fff;
    -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
    box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  }

  .questdescbody .splitter {
    margin-top: 13px;
    margin-bottom: 10px;
  }

  .questchar {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .questchar p {
    line-height: 1.3;
    margin-top: 10px;
    font-family: calibri;
    font-size: 0.9em;
    color: #838180;
    padding: 0 0 0 25px;
    margin-left: 25px;
  }

  .questchar p:nth-child(1) {
    margin-left: 0;
  }

  .questchar p:nth-child(2) {
    background: url(../img/peopled.png) no-repeat 3px center;
    background-size: auto 18px;
  }

  .questchar p:nth-child(3) {
    background: url(../img/timed.png) no-repeat left center;
    background-size: 18px 18px;
  }

  .questchar p:nth-child(4) {
    background: url(../img/startpointd.png) no-repeat left center;
    background-size: auto 18px;
  }

  #questdesc-map {
    width: 100%;
    height: 200px;
    margin-top: 30px;
    background: #e5e3df;
  }

  button.buyquest {
    height: 50px;
    width: calc(100% - 50px);
    border: none;
    border-radius: 25px;
    background: #6d0302;
    font-family: calibri;
    font-size: 1.1em;
    color: #fff;
    margin-left: 25px;
    -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
    box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  }

  .questdescbody button.buyquest {
    margin-top: 10px;
  }

  .socblock {
    width: 100%;
    background: #161616;
    padding: 20px 30px 20px 30px;
    box-sizing: border-box;
  }

  .soccont {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .soclink {
    display: block;
    height: 60px;
    width: 60px;
    background: red;
    border-radius: 50%;
    margin-left: 15px;
  }

  @media screen and (max-width: 355px) {
    .soclink {
      height: 50px;
      width: 50px;
      margin-left: 10px;
    }
  }

  .soclink:first-child {
    margin-left: 0;
  }

  .socblock p:first-child {
    text-align: center;
    font-family: pobeda-bold;
    font-size: 1.7em;
    color: #fff;
    border: 2px solid #fff;
    width: 110px;
    margin: 0 auto 20px auto;
    padding: 7px 0 2px 3px;
  }

  .socblock p:first-child span {
    color: #ed0200;
  }

  .socblock p:nth-child(2) {
    color: #fff;
    text-align: center;
    font-family: calibri;
  }

  .socvk {
    background: url(../img/socvk.png) no-repeat center;
    background-size: cover;
  }

  .socfb {
    background: url(../img/socfb.png) no-repeat center;
    background-size: cover;
  }

  .socok {
    background: url(../img/socok.png) no-repeat center;
    background-size: cover;
  }

  .socinsta {
    background: url(../img/socinsta.png) no-repeat center;
    background-size: cover;
  }

/* .mainbanner {
    width: 100%;
    transition: 300ms;
    min-height: 400px;
    background-size: cover;
    position: relative;
    display: flex;
    } */



    .maintagline-cont {
      text-align: center;
    }

    .maintagline-cont a {
      font-family: calibri;
      font-size: 1.3em;
      color: #fff;
      border: none;
      background: url(../img/goto.png) no-repeat, #000;
      background-position: calc(50% + 85px) 28px;
      background-size: 20px auto;
      border-radius: 50px;
/*     position: absolute;
bottom: 25px;
left: calc(50% - 35vw); */
width: 250px;
padding-top: 22px;
padding-bottom: 22px;
display: block;
text-decoration: none;
margin: 40px auto 0 auto;
}

.mainlogo {
  border: 3px solid #000;
  display: inline-block;
  padding: 10px 5px 0px 11px;
}

.mainlogo p {
  font-family: pobeda-bold;
  font-size: 3em;
}

.mainlogo span {
  color: #6f0100;
}

.mainlogo span {
  color: #6f0100;
}

.tagline {
  font-family: calibri;
  font-size: 1.3em;
  padding: 8px 25px 10px 25px;
  line-height: 1.2;
}

.appeal {
  width: 100%;
  padding: 40px 25px 40px 25px;
  box-sizing: border-box;
  text-align: center;
  background: #d2d2d2; /* Old browsers */
  background: -moz-linear-gradient(left, #d2d2d2 0%, #e5e5e5 50%, #d2d2d2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 */
}

.appeal p {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  line-height: 1.2;
}

.appeal p:last-child {
  margin-top: 15px;
}

.adv {
  width: 100%;
  padding: 29px 25px 25px 25px;
  background: #6f0100;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.4);
  box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.4);
}

.adv-cont {
  background: url(../img/brickwall.png);
}

.adv p {
  font-family: pobeda-bold;
  font-size: 1.5em;
  color: #fff;
}

.advblock {
  width: 100%;
  padding: 15px 15px 0 90px;
  box-sizing: border-box;
}

.advblock p:first-child {
  font-family: calibri;
  font-size: 1.1em;
  font-weight: bold;
}

.advblock p:last-of-type {
  font-family: calibri;
  font-size: 1em;
  margin-top: 10px;
  padding-bottom: 15px;
}

.adv-1 {
  background: url(../img/adv1.png) no-repeat;
  background-size: auto 55px;
  background-position: 20px center;
}

.adv-2 {
  background: url(../img/adv2.png) no-repeat;
  background-size: auto 50px;
  background-position: 20px center;
}

.adv-3 {
  background: url(../img/adv3.png) no-repeat;
  background-size: auto 50px;
  background-position: 20px center;
}

.adv-4 {
  background: url(../img/adv4.png) no-repeat;
  background-size: auto 55px;
  background-position: 20px center;
}

.adv-5 {
  background: url(../img/adv5.png) no-repeat;
  background-size: auto 55px;
  background-position: 20px center;
}

.adv-6 {
  background: url(../img/adv6.png) no-repeat;
  background-size: auto 40px;
  background-position: 20px center;
}

.prequestlist {
  width: 100%;
  padding: 23px 15px 15px 15px;
  box-sizing: border-box;
  text-align: center;
  background: #d2d2d2; /* Old browsers */
  background: -moz-linear-gradient(left, #d2d2d2 0%, #e5e5e5 50%, #d2d2d2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 */
  border-bottom: 1px solid #787878;
}

.questlist-header {
  font-family: pobeda-bold;
  font-size: 1.5em;
  color: #000;
  text-align: center;
  padding: 0 30px 12px 30px;
}

.prequestlist span.city {
  font-family: calibri;
  font-size: 1.1em;
  color: #000;
/*  padding-right: 18px;
  background: url(../img/arrowblack.png) no-repeat right 9px;
  background-size: auto 8px;*/
}

.denticles {
  height: 15px;
  background: url(../img/denticles.png) bottom repeat-x,  linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.34) 100%);
  width: 100%;
}

.filterblock {
  width: 100%;
  height: 80px;
  margin-top: 20px;
  display: flex;
  align-items: stretch;
  border-radius: 21px;
}

.filterblock button {
  width: 100%;
  border: none;
  background: #a9a9a9;
  margin-left: 3px;
/*  -webkit-box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset 2px 9px 9px 0px rgba(0,0,0,0.20);*/
  outline: none;
  border-top: 1px solid #aeaeae;
}

.filterblock button:first-child {
  margin-left: 0;
  border-radius: 7px 0 0 7px;
}

.filterblock button:last-child {
  border-radius: 0 7px 7px 0;
}

/*.filterblock button:last-child span {
  padding-right: 15px;
  background: url(../img/arrowblack.png) no-repeat right center;
  background-size: auto 8px;
}*/

button.filter-active {
  background: #6d0302;
  color: #fff;
  -webkit-box-shadow: inset 0px -3px 12px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px -3px 12px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px -3px 12px 0px rgba(0,0,0,0.75);
}

a.questcover {
  width: 100%;
  display: block;
  position: relative;
  text-decoration: none;
  margin-bottom: 1px;
  box-sizing: border-box;
}

.questcover-img {
  position: relative;
  height: 50vw;
}

.advertised .questcover-img {
    height: 64vw;
}

.questcover-img-shadow {
  width: 100%;  
  height: 15vw;
background: -moz-linear-gradient(top, rgba(0,0,0,0.71) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.71) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.71) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.questcover-price {
  background: red;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 25px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background: -moz-linear-gradient(top, rgba(6,2,1,0) 0%, rgba(6,2,1,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(6,2,1,0) 0%,rgba(6,2,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(6,2,1,0) 0%,rgba(6,2,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00060201', endColorstr='#060201',GradientType=0 ); /* IE6-9 */
}

.questcover-price p {
  font-family: calibri;
  font-size: 1.8em;
  color: #fff;
}

.questlist a.questcover:last-child {
  margin-bottom: 0;
}

.questcover-nameblock {
  position: absolute;
  left: 25px;
  top: 15px; 
}

.questcover-nameblock p.title {
  font-family: pobeda-bold;
  font-size: 1.8em;
  color: #fff;
}

.questcover-nameblock p.anons {
    font-family: calibri;
    font-size: 1em;
    color: #fff;
    margin-top: 5px;
}

.questcover p.tagline{
  font-family: calibri;
  font-size: 1em;
  color: #fff;
}

.questcover-nameblock img {
  margin-top: 5px;
  max-height: 20vw;
  max-width: 150px;
}

.readytogo, .readytoback {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100px;
  background: url(../img/readytogo.png) no-repeat center 20px, #6b0100;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}

.readytogo p, .readytoback p {
  font-family: calibri;
  font-size: 1.1em;
  color: #fff;
  position: absolute;
  left: 25px;
  bottom: 20px;
  line-height: 1.2;
}

.readytoback {
  background: url(../img/readytogo.png) no-repeat center 20px, #c62d2b;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}

.readytoback p {
  font-size: 0.9em;
  left: 10px;
}

.sale {
  position: absolute;
  right: 0;
  top: 0;
  height: 12vh;
  width: 12vh;
  min-height: 60px;
  min-width: 60px;
}

.sale0 {
  background: url(../img/sale0.png) no-repeat center;
  background-size: cover;
}

.sale15 {
  background: url(../img/sale15.png) no-repeat center;
  background-size: cover;
}

.sale20 {
  background: url(../img/sale20.png) no-repeat center;
  background-size: cover;
}

.sale25 {
  background: url(../img/sale25.png) no-repeat center;
  background-size: cover;
}

.sale50 {
  background: url(../img/sale50.png) no-repeat center;
  background-size: cover;
}

.sale75 {
  background: url(../img/sale75.png) no-repeat center;
  background-size: cover;
}

.salebonus {
  background: url(../img/sale-bonus.png) no-repeat center;
  background-size: cover;
}

.cover-questchar {
  width: 100%;
  position: relative;
  padding-bottom: 15px;
  background: #060201;
}

.cover-questchar-det {
  display: flex;
  flex-wrap: wrap;
  padding-right: 25px;
}

.cover-questchar-det p {
  line-height: 1.3;
  margin-top: 10px;
  font-family: calibri;
  font-size: 0.9em;
  color: #838180;
  padding-left: 25px;
  margin-left: 25px;
}

.det-place {
  background: url(../img/startpoint.png) no-repeat 3px center;
}

.det-time {
  background: url(../img/time.png) no-repeat left center;
}

.det-players {
  background: url(../img/people.png) no-repeat left center;
}

.det-tag {
  background: url(../img/tag.png) no-repeat left center;
}

p.cover-oldprice {
  font-family: calibri;
  font-size: 1.3em;
  color: #fff;
  position: absolute;
  top: 6px;
  left: 150px;
  text-decoration: line-through;
}


.formblind {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.95);
  z-index: 9999;
  display: none;
}

.nameform {
  width: 90vw;
  height: 200px;
  background: #fff;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: calc(50% - 100px);
  padding-top: 25px;
  -webkit-box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  -moz-box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  text-align: center;
}

.nameform form input {
  height: 40px;
  display: block;
  width: 90%;
  box-sizing: border-box;
  border: none;
  background: #dadada;
  outline: none;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}

.nameform form input:last-of-type {
  margin-top: 30px;
}

.nameform form button {
  height: 40px;
  width: 90%;
  box-sizing: border-box;
  border: none;
  margin-top: 25px;
  background:  #147f9f;
  background-position: 0 -52px;
  color: #fff;
  font-family: calibri;
  font-size: 1.1em;
  cursor: pointer;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.nameform p {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  text-shadow: 0 1px #fff;
}

.nameform img {
  top: 5px;
  right: 5px;
  position: absolute;
}

.rotatephone {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: url(../img/rotatephone.jpg) no-repeat center, #fff;
  z-index: 999999;
  display: none;
}

footer {
  width: 100%;
  background: #000;
  align-items: center;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

footer p {
  font-family: calibri;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

.private {
  font-family: calibri;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.footerlogo {
  display: block;
  text-decoration: none;
  padding-top: 130px;
  margin-top: 25px;
  background: url(../img/logosov.png) no-repeat top center;
  background-size: auto 110px;
}

.modalblind, .modalblind2 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.95);
  z-index: 9999;
  display: none;
  overflow-y: scroll;
  align-items: center;
}

@media screen and (max-height: 670px) {
  .modalblind {
    align-items: start;
  }

  .modalreg {
    margin-bottom: 35px;
  }
}

.private-reg {
    font-family: calibri;
    font-size: 1.1em;
    color: #000;
}

.private-reg a {
    text-decoration: none;
    border-bottom: 1px solid #000;
    color: #000;
}

.modalform {
  display: none;
  width: 100%;
  background: #fff;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 25px;
  -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,1), 0px 4px 28px 0px rgba(0,0,0,0.46);
  /*-moz-box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);*/
  text-align: center;
  border: 3px solid #858585;
  border-radius: 5px;
  box-sizing: border-box;
}

.modalcity {
  max-width: 400px;
}

.modalcity h1 {
  margin-bottom: 25px;
}

.modalcity a, .modaltags a {
  font-family: calibri;
  font-size: 1.5em;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  display: block;
}

.closemodal {
  height: 19px;
  width: 19px;
  position: absolute;
  top: 13px;
  right: 8px;
  background: url(../img/closemodal.png) no-repeat center;
  background-size: cover;
}

.modalform h1 {
  font-family: pobeda-bold;
  font-size: 1.5em;
  color: #750b0a;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
}

.modalform button {
  height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-family: calibri;
  font-size: 1.1em;
  border-radius: 8px;
  border: none;
  background: #750b0a;
  color: #fff;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

.modalform button:last-of-type {
  margin-top: 25px;
}

.modalform button.yes {
  margin-top: 25px;
}

.modalhint {
  max-width: 400px;
}

.modalresult {
  max-width: 450px;
}

.modalreg {
  max-width: 400px;
}

.addphone {
  max-width: 400px;
}

.modalform .input {
  width: 90%;
  height: 48px;
  border: none;
  border-radius: 8px;
  margin-top: 25px;
  background: #b1b1b1;
  outline: none;
  padding-left: 20px;
  box-sizing: border-box;
  font-family: calibri;
  font-size: 1.1em;
  -webkit-box-shadow: inset 0px 9px 10px 0px rgba(0,0,0,0.18);
  -moz-box-shadow: inset 0px 9px 10px 0px rgba(0,0,0,0.18);
  box-shadow: inset 0px 9px 10px 0px rgba(0,0,0,0.18);
}

.modalrecovery {
  max-width: 400px;
}

.modalrecovery p.reg {
  margin-top: 25px;
}

p.forgotten {
  font-family: calibri;
  font-size: 1.1em;
  margin-top: 25px;
}

p.reg {
  font-family: calibri;
  font-size: 1.1em;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000f5e;
}

button.fblogin {
  background: url(../img/fbico-reg.png) no-repeat, #405b98;
  background-position: calc(50% - 90px) center;
  background-size: auto 20px;
  padding-left: 25px;
}

button.vklogin {
  background: url(../img/vkico-reg.png) no-repeat, #6b82a3;
  background-position: calc(50% - 100px) center;
  background-size: auto 16px;
  padding-left: 25px;
}

button.gmaillogin {
  background: url(../img/gmailico-reg.png) no-repeat, #c13221;
  background-position: calc(50% - 82px) center;
  background-size: auto 22px;
  padding-left: 25px;
}

.modalform input::-webkit-input-placeholder {
  color: #767676;
  font-size: 1em;
}

.modalreg hr {
  margin-top: 35px;
}

.addphone hr {
  margin-top: 35px;
}

div.or {
  margin: -28px auto 0 auto;
  width: 35px;
  font-family: calibri;
  font-size: 1.1em;
  line-height: 1;
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
  position: relative;
}

.backtogame {
  width: 100%;
  background: #b9b9b9;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  position: fixed;
  bottom: 0;
  display: none;
}

button.backtogame_btn {
  height: 42px;
  width: calc(100% - 40px);
  min-width: 210px;
  border: none;
  border-radius: 21px;
  background: #6d0302;
  font-family: calibri;
  font-size: 1.1em;
  color: #fff;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

.thnxblind {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.95);
  z-index: 9999;
  display: none;
}

.thnxform {
  width: 90vw;
  background: #fff;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: calc(50% - 100px);
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  -moz-box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.46);
  text-align: center;
}

.thnxform button {
  height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-family: pobeda-bold;
  font-size: 1.3em;
}

.thnxform p {
  font-family: calibri;
  font-size: 1.1em;
  padding: 0 20px 10px 20px;
}

.thnxform p:last-of-type {
  padding-bottom: 30px;
}

.backtomain {
  display: block;
  font-family: calibri;
  font-size: 1.1em;
}

.goorskip {
  width: 100%;
  padding: 20px;
  display: block;
  border-top: 1px solid #3c3c3c;
  background: #000;
  display: inline-block;
}

.goorskip .take {
  margin-top: 10px;
}


/***************************************************************************************/

.stdbody ul {
  padding-left: 30px;
  padding-right: 20px;
  list-style-type: disc;
  font-family: calibri;
  font-size: 1.2em;
}

.stdbody p.cnthead {
  padding-top: 30px;
  color: #6f0100;
}

.stdgooglemap {
  width: 100%;
  height: 200px;
  margin-top: 30px;
  background: #e5e3df;
}

.map-desc {
  width: 100%;
  height: 56vw;
  border-top: #727272 solid 1px;
  border-bottom: #727272 solid 1px;
}

.shaddowmap {
  height: 2px;
  width: 100%;
  background: rgba(57,57,57,0.5);
  position: absolute;
  top: 0;
  z-index: 999;
}

.stdbody{
  background: #eaeaea; /* Old browsers */
  background: -moz-linear-gradient(left,  #eaeaea 0%, #ffffff 40%, #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
  padding-bottom: 40px;
}

.stdbody h2 {
  font-family: pobeda-bold;
  font-size: 1.6em;
  color: #6f0100;
  padding: 25px 30px 10px 30px;
}

.stdbody p {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  padding: 5px 30px 10px 30px;
  line-height: 1.2;
}

ul.aboutlist {
  padding-left: 30px;
  list-style-type: disc;
  font-family: calibri;
  font-size: 1.2em;
  padding-right: 20px;
}

ul.aboutlist li {
  margin-top: 15px;
}

.selectquest {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  background: black;
  text-align: center;
  text-decoration: none;
  margin: 40px 20px 0 20px;
  border-radius: 35px;
}

.selectquest span {
  font-family: calibri;
  font-size: 1.2em;
  color: #fff;
  padding-left: 18px;
  background: url(../img/goback.png) no-repeat left center;
  background-size: auto 18px;
}

.my-div-icon {
  height: 30px;
  width: 30px;
  background: green;
}

.my-div-icon:hover {
  height: 30px;
  width: 30px;
  background: red;
}

.padding-single {
  padding-bottom: 80px;
}

.padding-double {
  padding-bottom: 142px;
}

.gmnoprint {display:none !important;}

.goout {
  font-family: calibri;
  font-size: 1.2em;
  margin-left: 65px;
  margin-top: 15px;
  color: #757575;
}

.profmyquests {
  /* min-height: calc(100vh - 167px); */
  background: rgb(191,191,191); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
}

.noquests {
  padding-top: 25px;
  padding-bottom: 25px;
}

.noquests p {
  font-family: calibri;
  font-size: 1.2em;
  text-align: center;
}

.profartifacts {
  min-height: calc(100vh - 167px);
  background: rgb(191,191,191); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
}

.artifactcont {
  display: inline-block;
}

.artifact {
  height: 50vw;
  width: calc(50vw - 1px);
  min-height: 145px;
  min-width: 145px;
  background: url(../img/sample1.jpg) no-repeat center;
  background-size: cover;
  float: left;
  display: block;
}

.artifact:nth-child(1n+3) {
  margin-top: 2px;
}

.artifact:nth-child(2n+0) {
  margin-left: 2px;
}

.profsingle {
  min-height: calc(100vh - 167px);
  background: rgb(191,191,191); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
  padding-bottom: 21px;
}

.profsingle ul {
  padding: 25px;
  list-style-position: inside;
  font-family: calibri;
  line-height: 1.2;
}

.share-cont {
  display: flex;
  justify-content: center;
}

.share-cont a {
  height: 40px;
  width: 40px;
  background: red;
  margin-left: 25px;
  border-radius: 50px;
}

.share-cont a:first-child {
  margin-left: 0;
}

.artifactcover {
  width: 100%;
  height: 60vw;
  -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.20);
  box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.20);
}

.profsingle h1 {
  text-align: center;
  font-family: calibri;
  font-size: 1.3em;
  margin-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
}

.profsingle p {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  padding: 15px 25px 0 25px;
  line-height: 1.2;
}

.profsingle hr {
  border: none;
  background: #606060;
  margin-top: 25px;
}

.art-back {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  margin-left: 25px;
  text-decoration: none;
  padding-left: 18px;
  background: url(../img/arrowblackleft.png) no-repeat left center;
  background-size: auto 14px;
}

.res-1 {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  margin-top: 20px;
}

.res-2 {
  font-family: calibri;
  font-size: 1.2em;
  color: #750b0a;
  margin-top: 15px;
}

.res-3 {
  font-family: calibri;
  font-size: 1.8em;
  color: #000;
  margin-top: 35px;
}

.res-4 {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  margin-top: 20px;
}

.res-5 {
  font-family: calibri;
  font-size: 1.2em;
  color: #000;
  margin-top: 20px;
  padding-left: 22px;
  padding-right: 22px;
}

.modartifcont {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 25px;
}

.modartif {
  width: 26vw;
  height: 26vw;
  background: url(../img/sample1.jpg) no-repeat center;
  background-size: cover;
  float: left;
  margin-left: 2px;
}

button.getfree {
  height: 50px;
  width: calc(100% - 50px);
  border: none;
  border-radius: 25px;
  background: #6d0302;
  font-family: calibri;
  font-size: 1.1em;
  color: #fff;
  margin-left: 25px;
  margin-bottom: 25px;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
}

input[name='name'] {
  display: none;
}

#log_reg_error {
  display: none;
}

#log_reg_error p {
  margin-top: 15px;
  font-family: calibri;
}

.tagsearch {
  display: none;
}

.snerror {
  max-width: 400px;
}

.snerror p {
  font-family: calibri;
  font-size: 1.1em;
  padding: 25px;
}

#yapay {
  display: none;
}

.promotype {
  max-width: 400px;
}

.promotype h1 {
    margin-bottom: 25px;
}

.promotype input {
  height: 25px;
}

#take_promo {
  margin-top: 15px;
}

.havecode {
  font-family: calibri;
  font-size: 1.1em;
  margin-top: 15px;
  color: #000;
}

.wrongcode {
  color: ff0000;
}

.rightcode {
  color: green;
}

.promoprice {
  display: flex;
  justify-content: center;
  font-family: pobeda-bold;
  font-size: 1.8em;
  color: #000;
  margin-top: 30px;
  margin-bottom: 30px;
}

.discount {
  display: none;
  margin-left: 25px;
  color: #6d6d6d;
  text-decoration: line-through;
}

#without_promo {
  background: #FFDB4D;
  border-radius: 4px;
  height: 64px;
  width: 155px;
  color: #000;
  line-height: 1.1;
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.12), 0 5px 10px -3px rgba(0, 0, 0, 0.3);
}

#without_promo p:first-child {
  font-size: 20px;
  line-height: 26px;
  font-family: YandexSansTextApp-Regular, Arial, Helvetica, sans-serif;
}

#without_promo p:last-child {
  font-size: 12px;
  font-family: YandexSansTextApp-Light, Arial, Helvetica, sans-serif;
}

.openmap {
  width: 100%;
  margin-top: 30px;
  height: 150px;
  border: none;
  background:url(../img/openmapbg.png) no-repeat 30px center, #c1c1c1;
  -webkit-background-size: auto 100px;
  background-size: auto 100px;
  text-align: left;
  padding-left: 150px;
  font-size: 1.1em;
  font-family: calibri;
  display: flex;
  color: #414141;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  text-decoration: none;
}

.openmap .splitter-top {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

.openmap .splitter-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.mapmodal {
  position: fixed;
  top: 0;
  right: -102%;
  height: 100%;
  width: 100%;
  z-index: 100;
}

.closemap {
  width: 100%;
  padding: 20px 25px 20px 25px;
  background: #000;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
}

.closemap button {
  width: 100%;
  height: 43px;
  background: url(../img/closemap-button.png) no-repeat 7px center, #a8a8a8;
  -webkit-background-size: auto 32px;
  background-size: auto 32px;
  font-size: 1em;
  border: none;
  border-radius: 25px;
  -webkit-box-shadow: inset 0px -9px 21px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0px -9px 21px 0px rgba(0,0,0,0.3);
  box-shadow: inset 0px -9px 21px 0px rgba(0,0,0,0.3);
}

.closegmap {
  width: 90%;
  background: #020202;
  background: url(../img/closegmap.png) no-repeat 8px center, #000;
  -webkit-background-size: 32px auto;
  background-size: 32px auto;
  position: absolute;
  bottom: 25px;
  left: 5%;
  transition: 300ms;
  border-radius: 30px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.closegmap p {
  color: #fff;
  padding: 0;
  margin-left: 35px;
}

.map-quest {
  width: 100%;
  height: 100vh;
  position: relative;
  margin-top: 0;
}

.map-quest div {
  box-shadow: none!important;
}

.mapheader {
  width: 100%;
  background: #eaeaea; /* Old browsers */
  background: -moz-linear-gradient(left,  #eaeaea 0%, #ffffff 40%, #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #eaeaea 0%,#ffffff 40%,#ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
  position: absolute;
  top: -100px;
  z-index: 999;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

.mapheader-active {
  top: 0px;
  transition: 300ms;
}

.mapheader p {
  font-size: 1em;
  padding-bottom: 15px;
  padding-top: 12px;
  text-align: center;
}

.mapheader h2 {
  font-size: 1.3em;
  padding-top: 15px;
  padding-bottom: 0;
}

.mapheader hr {
  margin-top: 0;
  margin-bottom: 5px;
}

.mapheader img {
  position: absolute;
  bottom: 0;
  left: calc(50% - 15px);
}

/*для ппц маленьких телефонов*/

@media screen and (max-width: 315px) {
  .mainbanner a {
    display: none;
  }

  /*карточка квеста на главной*/

  .cover-questchar p:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }

  /*футер*/

  .soclink {
    height: 40px;
    width: 40px;
    margin-left: 10px;
  }
}

.db { display:block !important; }

.questslideleft {
  height: 32px;
  width: 19px;
  background: url(../img/questslideleft.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 16px);
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 999;
}

.questslideright {
  height: 32px;
  width: 19px;
  background: url(../img/questslideright.png);
  position: absolute;
  right: 10px;
  top: calc(50% - 16px);
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 999;
}

#map-cnt {
  width: 100%;
  height: 25vh;
}

.cntpage {
  border-bottom: 2px solid #777777;
  padding: 25px 20px 25px 20px;
  background: rgb(191,191,191); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
}

.cnthead {
  font-family: pobeda-bold;
  font-size: 1.2em;
  margin-top: 25px;
}

.cnthead:first-child {
  margin-top: 0;
}

.cntsub {
  font-family: calibri;
  margin-top: 8px;
}

.howpage {
/*   background: rgb(191,191,191); Old browsers
background: -moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(218,218,218,1) 45%, rgba(218,218,218,1) 55%, rgba(191,191,191,1) 100%); FF3.6-15
background: -webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); Chrome10-25,Safari5.1-6
background: linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(218,218,218,1) 45%,rgba(218,218,218,1) 55%,rgba(191,191,191,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 ); IE6-9 */
}

.hpblock {
  padding: 30px;
}

.hpblock span {
  color: #6f0100;
  font-weight: bold;
  line-height: 1.4;
}

.hpblock a {
    text-decoration: none;
    color: #d15f5f;
}

.hpblocka a {
  width: 100%;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #750b0a;
  color: #fff;
  -webkit-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  box-shadow: inset -2px -9px 9px 0px rgba(0,0,0,0.20);
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  font-family: calibri;
  font-size: 1.2em;
  margin-top: 30px;
  margin-bottom: 30px;
}

.hpblock-last {
    padding-top: 0;
}

.hpblock-last a {
  margin-bottom: 0;
  margin-top: 0;
}

.hpblock-last-authors a {
    margin-top: 15px;
}

.hpblock-last-authors {
    padding-top: 0;
    padding-bottom: 0;
}

.hpblock h2 {
  font-family: pobeda-bold;
  font-size: 3em;
  text-align: center;
}

.hpblock-0 {
  padding-top: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #a3a3a3;
}

.hpblock .sub {
  font-family: calibri;
  text-align: center;
  width: 100%;
  margin-top:   0px;
  font-size: 1.1em;
}

.hpblock p {
  font-family: calibri;
  font-size: 1.2em;
  text-align: left;
  margin-top: 15px;
}

.hpblock-head {
  padding-top: 30px;
  padding-bottom: 20px;
}

.hpblock-head p {
    text-align: center;
}

.hpblock-head > h2 {
    color: #6f0100;
} 

.hpimg {
  width: 100%;
  height: 60vw;

  -webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.75);
}

.hpimg-1 {
  background: url(../img/how1.jpg) no-repeat center;
  background-size: cover;
}

.hpimg-2 {
  background: url(../img/how2.jpg) no-repeat center;
  background-size: cover;
}

.hpimg-3 {
  background: url(../asserts/img/authors-1.jpg) no-repeat center;
  background-size: cover;
}

.hpblock .hpbold-c, .hpblock .hpstd-c {
  font-family: calibri;
  font-size: 1.2em;
  text-align: center;
}

.hpbold-c {
  font-weight: bold;
}

.hpbold-c span {
  color: #6f0100;
}

.hpstd-c {
  margin-top: 20px;
}

.hpblock .splitter {
  margin-top: 40px;
  margin-bottom: 50px;
}

.hpblock h3 {
  font-family: pobeda-bold;
  font-size: 2.5em;
  color: #6f0100;
}

.hpexpand-head {
  padding: 40px 30px 0 30px;
  background: #bcbcbc;
  border-top: 1px solid #686868;
  border-bottom: 1px solid #686868;
  position: relative;
}

.hpexh-p {
  font-family: pobeda-bold;
  font-size: 2.5em;
  color: #6f0100;
  position: relative;
  display: inline;
}

.hpexh-p:after {
  content: "";
  display: block;
  height: 16px;
  width: 30px;
  background: url(../img/exparrow.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -50px;
  top: 9px;
  transform: rotate(180deg);
  transition: 300ms;
}

.hpexh-p-active:after {
  transform: rotate(0deg);
  transition: 300ms;
}

@media (max-width: 398px) and (min-width: 332px) {
  .hpexh-p-2:after {
    top: 49px;
  }
}

.hpexh-par {
  font-family: calibri;
  font-size: 1.2em;
  color: #6f0100;
  width: 70vw;
  font-weight: bold;
}

.hpexpand-par {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hpexpand-head-par {
  padding-top: 30px;
  padding-bottom: 30px;
}

.thinline {
  border-bottom: 1px solid #686868;
}

.hpexpand-head .splitter {
  margin-top: 25px;
}

.pararrow {
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  transform: rotate(180deg);
  transition: 300ms;
}

.pararrow-active {
  transform: rotate(0deg);
  transition: 300ms;
}

.hpexpand-body {
  padding: 25px 30px 35px 30px;
  -webkit-box-shadow: inset 0 -15px 15px  -15px #333, inset 0 15px 15px  -15px #333;
/*   -moz-box-shadow: inset 0 -15px 15px  -15px #333;
box-shadow: inset 0 -15px 15px  -15px #333; */
display: none;

border-bottom: 1px solid #686868;
}

.hpexpand-body h4 {
  font-family: calibri;
  font-size: 1.2em;
  color: #6f0100;
  margin-top: 25px;
}

.hpexpand-body h4:first-child {
  margin-top: 0;
}

.hpexpand-body p {
  font-family: calibri;
  font-size: 1.2em;
  margin-top: 5px;
}

.step {
  position: relative;
  padding-bottom: 30px;
}

.step p.stepnum {
  position: absolute;
  font-family: pobeda-bold;
  font-size: 3em;
  padding: 0;
  left: 33px;
}

.step1 p.stepnum {
  top: 24px;
}

.step2 p.stepnum, .step3 p.stepnum {
  top: 15px;
}

.step p {
  padding-left: 80px;
  padding-right: 25px;
  font-family: calibri;
  font-size: 1.2em;
  color: #fff;
  line-height: 1.2;
}

.prestep img, .orangestepimg {
  width: 100vw;
  height: auto;
}

.prestep2 {
  background: rgb(20,169,139); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(20,169,139,1) 0%, rgba(17,164,133,1) 50%, rgba(20,169,139,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(20,169,139,1) 0%,rgba(17,164,133,1) 50%,rgba(20,169,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(20,169,139,1) 0%,rgba(17,164,133,1) 50%,rgba(20,169,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a98b', endColorstr='#14a98b',GradientType=0 ); /* IE6-9 */
}

.prestep3 {
  background: #e07b01;
}

.step1  {
  padding-top: 30px;
  background: rgb(20,148,209); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(20,148,209,1) 2%, rgba(19,144,203,1) 50%, rgba(20,148,209,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(20,148,209,1) 2%,rgba(19,144,203,1) 50%,rgba(20,148,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(20,148,209,1) 2%,rgba(19,144,203,1) 50%,rgba(20,148,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1494d1', endColorstr='#1494d1',GradientType=0 ); /* IE6-9 */
}

.step2 {
  padding-top: 20px;
  background: rgb(20,169,139); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(20,169,139,1) 0%, rgba(17,164,133,1) 50%, rgba(20,169,139,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(20,169,139,1) 0%,rgba(17,164,133,1) 50%,rgba(20,169,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(20,169,139,1) 0%,rgba(17,164,133,1) 50%,rgba(20,169,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a98b', endColorstr='#14a98b',GradientType=0 ); /* IE6-9 */
}

.step3 {
  padding-top: 20px;
  background: #e07b01;
}

.hpblock ul li, .hpexpand-body ul li {
  list-style-type: none;
  font-family: calibri;
  font-size: 1.2em;
  margin-top: 15px;
  padding-left: 20px;
  background: url(../img/hppoint.png) no-repeat 0 3px;
  background-size: 12px auto;
}

.hpblock ol li {
  font-family: calibri;
  font-size: 1.2em;
  margin-top: 15px;
  margin-left: 20px;
}

h5 {
  font-family: calibri;
  font-size: 1.2em;
  color: #6f0100;
  margin-top: 25px;
}

.hpselect-block {
  display: flex;
}

.hpselect-block div {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 50%;
  border-top: 2px solid #727272;
  border-bottom: 2px solid #727272;
}

.hpselect-block p {
  font-size: 2.5em;
  font-family: pobeda-bold;
  color: #909090;
}

@media (max-width: 440px) {
  .hpselect-block p {
    font-size: 1.5em;
  }
}

.hpselect-block .hpselect-active {
  background: #6f0100;
  border-top: 2px solid #6f0100;
  border-bottom: 2px solid #6f0100;
}

.hpselect-active p {
  color: #fff;
}

p.revenue {
  font-family: calibri;
  font-size: 3em;
  text-align: center;
  margin-top: 0;
  font-weight: bold;
}

.h3margin {
  margin-top: 30px;
}

.unvisible {
  display: none;
}

.visible {
  display: block;
}

.videoblock, .undervideoblock {
  background: #d2d2d2; /* Old browsers */
  background: -moz-linear-gradient(left, #d2d2d2 0%, #e5e5e5 50%, #d2d2d2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d2d2d2 0%,#e5e5e5 50%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 */
}

.videoblock p {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-family: calibri;
}

.videoblock p.video-header {
  font-family: pobeda-bold;
  font-size: 1.5em;
  color: #000;
  text-align: center;
  padding: 23px 30px 12px 30px;
}

.youtubevideo {
  margin-top: 24px;
  height: 56vw;
  width: 100%;  
}

.buyquest-main {
  margin-top: 26px;
  margin-bottom: 28px;
}

.fancybox-container--ready .fancybox-bg {
    opacity: .95;
}

.route {
    padding-bottom: 10px;
    padding-left: 25px;
}

.route p {
    font-family: calibri;
    padding-left: 32px;
    padding-top: 0;
    margin-bottom: 5px;
}

.route p span {
    font-weight: normal;
}

.route p:first-child {
    padding-left: 0;
}

.route_metro {
    background: url(../img/routemetro.png) no-repeat left center;
}

.route_bus {
    background: url(../img/routebus.png) no-repeat left center;
}

.route_car {
    background: url(../img/routecar.png) no-repeat left center;
}


.hpblock2 {
    background: #fff;
}

.howpageimg {
    width: 100%;
    height: auto;
}

.hpblocka .howenter {
    margin-bottom: 15px;
}

.hpblock-grey {
    background: #eaeaea;
}

.hpblock-head-2 {
  background: #1c1c28;
}

.hpblock-head-2 > h2 {
    color: #fff;
}

.margin-50 {
  margin-left: 50px;
}