@import url(https://fonts.googleapis.com/css?family=Rubik|Roboto);
.navbar,
.row {
    margin: 0
}
.service .price,
.service-description-container h2 {
    font-weight: 700;
    text-shadow: 1px 1px 10px #333;
    text-align: left;
}
@font-face {
    font-family: "Free Sans Bold";
    src: url('../fonts/Free Sans Bold.ttf')
}
@font-face {
    font-family: v_CCZoinks;
    src: url(../fonts/v_CCZoinks.ttf)
}
@font-face {
    font-family: "AA Clobberin Time Smooth";
    src: url('../fonts/AA Clobberin Time Smooth.ttf')
}
body {
    background: url(../img/background.jpg) center top no-repeat fixed;
    background-size: cover;
}
.center-block {
    text-align: center
}
.container {
    padding: 0 20px 20px
}
@media (max-width: 768px) {
    .container {
        padding: 0
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu a, .navbar-default .navbar-nav .open .dropdown-menu a:focus, .navbar-default .navbar-nav .open .dropdown-menu a:hover
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff !important;
        padding-top: 10px;
        padding-bottom: 10px;
        text-shadow: 2px 1px 6px #555;
    }
}
hr {
    width: 100%;
    border-color: #d6d6d6
}
ul, ol {
  padding-left: 16px;
}
li ul, li ol {
  padding-left: 20px;
}
.hidden {
    -webkit-transition: display .3s;
    transition: display .3s
}
.navbar {
    background: #65b71d;
    border: none;
    box-shadow: 0 2px 15px -1px #2d9616;
    font-size: 18px;
    padding-left: 10px;
    right: auto;
    left: auto;
    width: 1130px
}
@media (max-width: 1200px) {
    .navbar {
        width: 930px
    }
}
@media (max-width: 991px) {
    .navbar {
        width: 710px
    }
    .carousel-inner .item img {
        height: 360px
    }
    .quest-category {
      margin-bottom: 6px;
    }
}
@media (max-width: 768px) {
    .navbar {
        width: 100%;
        border: none;
        border-radius: 0;
        margin-bottom: 0
    }
}
.navbar .navbar-brand,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover {
    color: #fff;
    text-shadow: 2px 1px 6px #555;
    font-size: 20px
}
.navbar .navbar-nav>li>a {
    color: #fff;
    text-shadow: 2px 1px 6px #555
}
.navbar-collapse {
  border-top: none;
}
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover {
    background: #009e00;
    color: #fff;
    -webkit-transition: background .2s;
    transition: background .2s
}
.block-header a,
h1,
h2,
h3,
h4 {
    color: #5cb701;
}
.navbar .navbar-toggle {
    border-color: #fff
}
.navbar .navbar-toggle .icon-bar {
    background-color: #fff
}
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover {
    background-color: #65b71d
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #009e00;
}
.navbar-default .dropdown-menu li a {
  padding: 15px 18px;
  font-size: 18px;
}
.navbar-default .dropdown-menu li a:hover {
  background-color: #65b71d;
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
  background-color: #009e00;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: #009e00;
  color: #fff;
}
section {
    background: #fff;
    border: 2px solid #8a4b00;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 20px 0 #8a4b00;
    padding: 0!important
}
@media (max-width: 768px) {
    section {
        border: none;
        border-radius: 0;
        padding: 5px
    }
}
.text-section {
  padding: 20px 30px;
}
.text-section h3 {
  margin-bottom: 20px;
}
.text-section .price {
  font-size: 24px;
  font-weight: bold;
  color: #009ed0;
}
.text-section img {
  max-width: 100%;
  margin-bottom: 10px;
}
h1,
h2,
h3,
h4 {
    font-family: "Free Sans Bold", sans-serif
}
.block-header,
.page-header h1 {
    font-family: v_CCZoinks, "Free Sans Bold", sans-serif
}
.block-header {
    margin: 10px 0 25px 20px
}
.block-header a:hover {
    text-decoration: none
}
.page-header {
    border: none;
    margin: 0;
    padding: 5px 0;
    z-index: 2;
}
.page-header h1 {
    color: #fff;
    text-shadow: 2px 2px 15px #170c00;
    letter-spacing: 3px
}
.quests-promo {
  padding: 20px 30px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}
.page-header p {
  color: #fff;
  font-size: 17px;
  padding: 10px 40px;
  text-shadow: 2px 2px 15px #170c00;
  font-family: Roboto, sans-serif;
}
.inner-tabs li {
  padding: 5px;
  padding-top: 9px;
}
.inner-tabs .nav-pills>li>a {
  color: #000;
  text-shadow: none;
}
.inner-tabs .nav-pills>li.active>a, .inner-tabs .nav-pills>li.active>a:focus, .inner-tabs .nav-pills>li.active>a:hover, .inner-tabs .nav-pills>li.active {
  background-color: #009ed0;
  color: #fff;
}
.inner-tabs .nav-pills>li:not(.active):hover {
  background: rgb(51, 51, 51);
  transition: background .2s;
}
.inner-tabs .nav-pills>li:hover>a {
  color: #fff;
}
a {
    color: #3b7500
}
a:focus,
a:hover {
    color: #5ca215
}
a.header-link:focus,
a.header-link:hover {
    text-decoration: none;
    color: #2b5600;
    -webkit-transition: color .2s;
    transition: color .2s
}
.info-block li a {
    font-size: 15.5px
}
address {
    text-align: left;
    font-size: 17px;
    margin: 9px 7px
}
address a {
    color: #000
}
.btn,
.btn:focus,
.btn:hover {
    color: #fff
}
.carousel-block {
    padding: 0
}
#mainCarousel div {
    margin: 0
}
.carousel-indicators {
    bottom: 0
}
.carousel-inner .item img {
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover
}
.small-icon {
    width: 40px;
    margin-bottom: 7px
}
.medium-icon {
    width: 70px
}
@media (max-width: 768px) {
    .medium-icon {
        width: 50px
    }
}
@media (max-width: 1200px) and (min-width: 991px) {
    .medium-icon {
        width: 50px
    }
}
.social-icon {
    width: 33px
}
.social-icon:hover {
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}
.thumbnail {
    padding: 0;
    border: none;
    -o-object-fit: cover;
    object-fit: cover
}
#links img {
    display: inline-table;
    border-collapse: collapse;
    border-radius: 4px;
    margin: 2px 1px
}
#links.bigImageLinks img {
    width: 300px;
    height: 300px
}
@media (max-width: 650px) {
    #links.bigImageLinks img {
        width: 100%
    }
}
#links.smallImageLinks img {
    width: 100px;
    height: 100px
}
#links a {
    display: inline-block
}
.btn {
    outline: 0!important;
    box-shadow: none;
    background: #009ed0;
    -webkit-transition: background .1s;
    transition: background .1s
}
.btn:hover {
    background: #0081a9
}
.btn:active {
    box-shadow: inset 2px 4px 5px rgba(0, 0, 0, .125)
}
.btn-primary {
    border-radius: 20px;
    border: 5px solid #bee5ff
}
.btn-primary:hover {
    border-color: #bee5ff
}
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus {
    background: #017498;
    border-color: #bee5ff
}
.promo-action-btn {
    width: 235px;
    padding: 15px;
    font-size: 22px;
    font-family: v_CCZoinks;
    letter-spacing: 1px
}
@media (min-width: 768px) {
    .promo-action-btn-left {
        float: right
    }
    .promo-action-btn-right {
        float: left
    }
}
.more-btn {
    max-width: 270px;
    width: 100%;
    padding: 10px;
    font-size: 20px
}
.more-photos-btn {
    margin: 2px 1px;
    padding: 6px 12px;
    font-size: 17px;
    display: inline-table;
    border: 1px solid #579f0f;
    background: #fff;
    color: #4d9a00;
    width: 100px;
    height: 100px
}
.more-photos-btn:hover {
    background: #fff;
    border-color: #000;
    color: #000;
    -webkit-transition: border .2s, color .2s;
    transition: border .2s, color .2s
}
.more-photos-btn:focus {
    color: #234600
}
.block {
    margin-bottom: 15px;
    margin-top: 15px
}
.block p {
    font-size: 16px
}
.wood-board {
    background: url(../img/wood.png);
    box-shadow: 0 5px 8px 0 #8a4b00;
    position: relative
}
.first-block {
    border-top: 3px solid #8a4b00;
    padding: 15px 15%;
    font-family: "Free Sans Bold";
    z-index: 2
}
@media (max-width: 991px) {
    .first-block {
        padding-left: 0;
        padding-right: 0
    }
}
.logo {
    width: 120px
}
.logo-container--brand-name {
    color: #01ceff;
    text-shadow: 2px 2px 10px #000;
    letter-spacing: -1px;
    margin: 0
}
.company-description {
    color: #fff;
    font-family: v_CCZoinks, "Free Sans Bold", sans-serif;
    text-shadow: 2px 2px 15px #170c00;
    letter-spacing: 3px;
    margin: 5px 0 0
}
.slogan-block {
    padding: 5px;
    background: -webkit-linear-gradient(left, #ce8100 0, #f9a518 25%, #f9a518 75%, #ce8100 100%);
    background: linear-gradient(to right, #ce8100 0, #f9a518 25%, #f9a518 75%, #ce8100 100%);
    position: relative;
    z-index: 1
}
.slogan {
    color: #b41110;
    text-shadow: 2px 2px 3px #170c00;
    font-size: 40px;
    font-family: "AA Clobberin Time Smooth", v_CCZoinks, "Free Sans Bold", sans-serif;
    letter-spacing: 3.5px;
    margin-top: 5px;
    margin-bottom: 0
}
.service-description-container h2 {
    font-family: Rubik, sans-serif
}
.service-description-container p {
  font-family: Roboto, sans-serif;
}
.quest-category {
  display: inline-block;
  background-color: #0193c1;
  padding: 5px 8px;
  margin-right: 4px;
  margin-top: 5px;
  border-radius: 5px;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  white-space: nowrap;
}
.quests-promo .quest-category {
  display: inline;
  background-color: #337ab7;
  margin-right: 0;
  margin-top: 0;
  font-size: inherit;
}
.promo-taglines-block {
    margin: 15px 30px 0
}
@media (max-width: 991px) {
    .promo-taglines-block {
        margin-left: 100px;
        margin-right: 100px
    }
}
@media (max-width: 768px) {
    .slogan {
        font-size: 35px
    }
    .promo-taglines-block {
        margin-left: 10%;
        margin-right: 10%
    }
}
.promo-taglines-block .block {
    margin-bottom: 0
}
.promo-taglines-block h3 {
    display: inline;
    margin-left: 20px;
    letter-spacing: 1px
}
.big-video-block {
    position: relative;
    margin: 20px 0;
    padding: 0;
    cursor: pointer
}
.big-video-block .video-cover {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 480px
}
.big-video-block .video-play-btn {
    position: absolute;
    width: 10%;
    top: 40%;
    left: 45%;
    transition: width .2s, left .2s, top .2s
}
.big-video-block .video-play-btn:hover {
    width: 11%;
    top: 39%;
    left: 44.5%
}
.info-block-left-container {
    padding-left: 100px;
    padding-right: 35px
}
@media (max-width: 1200px) {
    .info-block-left-container {
        padding-left: 70px;
        padding-right: 30px
    }
}
.info-block-right-container {
    padding-right: 100px;
    padding-left: 35px
}
@media (max-width: 1200px) {
    .info-block-right-container {
        padding-right: 70px;
        padding-left: 30px
    }
}
@media (max-width: 991px) {
    .big-video-block .video-play-btn {
        width: 20%;
        top: 34%;
        left: 40%
    }
    .big-video-block .video-play-btn:hover {
        width: 22%;
        top: 33%;
        left: 39%
    }
    .info-block-left-container,
    .info-block-right-container {
        padding: 0 100px
    }
}
@media (max-width: 768px) {
    .big-video-block .video-cover {
        height: 350px
    }
    .info-block-left-container,
    .info-block-right-container {
        padding: 0 10px
    }
}
.info-block {
    padding: 20px;
    border-radius: 20px;
    border: 4px solid rgba(92, 183, 1, .72)
}
.info-block div {
    padding: 0
}
@media (max-width: 768px) {
    .info-block {
        padding: 10px
    }
}
@media (min-width: 1200px) {
    .info-block-big {
        height: 450px
    }
    .info-block-medium {
        height: 240px
    }
    .info-block-small {
        height: 210px
    }
}
.info-block--row {
    margin-bottom: 15px
}
a .info-block--row {
    color: #000
}
.info-block--text {
    padding-left: 20px!important
}
.service {
    position: relative;
    padding: 0;
    border-bottom: 2px solid #61c100
}
.service .background {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: center
}
@media (max-width: 1200px) and (min-width: 991px) {
    .service .background {
        height: auto
    }
}
@media (max-width: 991px) {
    .service {
        position: static;
        border-bottom: none
    }
    .service .background {
        height: 400px
    }
}
.service-description-container {
    position: absolute;
    color: #fff;
    width: 35%;
    top: 5%;
    margin-top: 20px;
    padding: 20px;
    background: rgba(51, 51, 51, .78);
    border-radius: 6px
}
@media (max-width: 991px) {
    .service-description-container {
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 0;
        padding: 10px 30px;
        border-radius: 0;
        background: #444;
        border-top: 2px solid #61c100
    }
}
.service-description-container h2 {
    color: #6ad400;
    margin-top: 10px
}
.service-description-container p {
    text-shadow: 1px 1px 10px #333;
    font-size: 18px
}
.service-description-container-left {
    left: 3%
}
.service-description-container-right {
    right: 3%
}
.price {
  font-size: 24px;
  white-space: nowrap;
}
.service .price {
    display: inline;
    color: #00c2ff;
}
.price .glyphicon {
    font-size: 18px
}
@media (max-width: 768px) {
    .price .glyphicon {
        font-size: 15px
    }
    .label-primary {
        margin-top: 5px
    }
}
.service .price-comment {
    margin-left: 5px;
    font-style: italic;
    font-size: 14px;
    color: #bdbdbd
}
.service-new .service-description-container {
    width: 40%
}
@media (max-width: 991px) {
    .service-description-container-left {
        left: 0
    }
    .service-description-container-right {
        right: 0
    }
    .service-new .service-description-container {
        width: 100%
    }
}
#jump-service .background {
    object-position: right
}
@media (max-width: 585px) {
    #jump-service .background {
        object-position: -500px
    }
}
.label {
    display: inline-block;
    padding: .3em .6em
}
.label-primary {
    background-color: red
}
h4 .label {
    box-shadow: 1px 1px 3px 0 #aaa
}
#vk_groups,
#vk_groups iframe {
    width: 100%!important
}
.contacts-block .social-icon {
    margin: 10px 4px 20px
}
footer {
    background: url(../img/wood.png);
    border-top: 3px solid #8a4b00;
    padding: 10px 40px 10px 40px;
    box-shadow: 0 -1px 8px 0 #8a4b00
}
footer p {
    color: #fff;
    font-size: 22px;
    font-family: "Free Sans", sans-serif;
    text-shadow: 2px 2px 15px #170c00
}
footer .social-icon {
    width: 40px;
    margin: 12px 2px 0
}
@media (max-width: 1200px) {
    footer {
        padding-left: 50px
    }
    footer .social-icon {
        margin-top: 12px
    }
}
@media (max-width: 991px) {
    footer {
        padding-left: 30px;
        padding-right: 30px
    }
}
footer .nav-pills {
    display: inline-block;
    background: rgba(68, 68, 68, .69);
    border-radius: 6px;
    padding: 12px 6px
}
.nav-pills>li>a {
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px 5px #555;
    padding: 9px 10px;
}
.nav-pills>li>a:focus,
.nav-pills>li>a:hover {
    background: rgba(51, 51, 51, .82);
    color: #fff;
    -webkit-transition: background .2s;
    transition: background .2s
}