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

@font-face {
    font-family: 'HeliosCond-Bold';
    src: url('fonts/HeliosCond Bold.eot');
    src: local('☺'), url('../fonts/HeliosCond Bold.woff') format('woff'), 
                        url('fonts/HeliosCond Bold.ttf') format('truetype'), 
                        url('fonts/HeliosCond Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.HeliosCond-Bold {
    font-family: 'HeliosCond-Bold';
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'HeliosCond-Bold';
}

#header {
    position: fixed;
    z-index: 3;
    height: 120px;
    left: 0px;
    width: 100%;
}

#logo {
    margin-top: 25px;
    margin-left: 20px;
}

#background {
    position: fixed;
    z-index: 1;
    top: 120px;
    left: 105px;
    background-image: url('../images/bg_stv.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

#left-panel {
    position: fixed;
    z-index: 2;
    background-color: #0787c8;
    width: 105px;
    top: 120px;
    height: 100%;
}

#right-panel {
    position: fixed;
    z-index: 2;
    background-color: #0787c8;
    width: 105px;
    top: 120px;
    height: 100%;
    right: 0px;
}

#menu {
    position: fixed;
    left: 0px;
    top: 300px;
    z-index: 6;
}

#menu-right {
    position: fixed;
    right: 0px;
    top: 415px;
    z-index: 6;
}

#menu > ul, #menu-right > ul {
    margin: 0px;
    padding: 0px;
}

.menu-firt-level {
    width: 115px;
    position: relative;
    border-top: 5px white solid;
    height: 80px;
}

.menu-firt-level:last-of-type {
    border-bottom: 5px white solid;
}

.menu-firt-level__item {
    position: absolute;
    width: 120px;
    height: 80px;
    background-color: #0079c2;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.5);
}

#menu-right .menu-firt-level__item {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    right: 0px;
}

#menu-right li {
    list-style-type: none;
}

#menu-right .menu-firt-level__item {
    box-shadow: -5px 0 10px rgba(0,0,0,0.5);
}

.inner-menu__wrapper {
    position: absolute;
    left: -400px;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    font-size: 13px;
    line-height: 13px;
}

#menu-right .inner-menu__wrapper {
    right: -400px;
    left: auto;
}

#menu li {
    list-style-type: none;
}

.inner-menu__item {
    width: 330px;
    padding: 15px 30px;
    background-color: rgba(255,255,255,0.85);
    color: #0079c2;
    margin-bottom: 2px;
    
}

.inner-menu__item.title {
    text-align: center;
    height: 50px;
    background-color: #0079c2;
    color: white;
    font-size: 15px;
    line-height: 15px;
}

.inner-menu__item.inner, .inner-menu__item.subinner {
    display: none;
}

.inner-menu__item.subinner {
    margin-left: 20px;
    width: 310px;
}

.inner-menu__item.title > div {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    width: 330px;
}

#blur {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/blur.png');
    z-index: 4;
    display: none;
}

.section_modal {
    position: fixed;
    top: 180px;
    /*//left: 190px;*/
    z-index: 5;
    background-color: white;
    border-radius: 10px;
    width: 1550px;
    height: 815px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    left: 2000px;
}

#site-frame {
    height: 1050px;
    top: 15px;
}

.section-modal__content {
    padding: 30px;
}

.section-modal__content iframe::-webkit-scrollbar, .panoramas::-webkit-scrollbar, .content-block::-webkit-scrollbar, iframe::-webkit-scrollbar {
     display: none;
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 6;
    width: 20px;
    height: 20px;
}

.modal-close span {
    position: absolute;
    background-color: #0079c2;
    height: 2px;
    width: 25px;
    top: 7px;
}

.modal-close span:first-child {
    transform: rotate(-45deg);
}

.modal-close span:last-child {
    transform: rotate(45deg);
}

.book-frame {
    display: inline-block;
    margin-top: 215px;
}

.book-frame {
    margin-right: 40px;
}

.book-frame:last-of-type {
    margin-right: 0px;
    
}

.center {
    text-align: center;
}

.video-wrapper {
    padding-top: 40px;
}

.puzzle-wrapper {
    padding-top: 130px;
}

.video-item {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 100px;
    margin-left:100px;
}

.puzzle-item {
    display: inline-block;
    margin-right: 55px;
    margin-bottom: 30px;
}

.no-margin {
    margin: 0px;
}

.clear {
    clear: both;
    content: '';
    display: block;
}

.book-frame img, .puzzle-frame img, .video-frame img {
    border-radius: 5px;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

.book-frame img {
    max-width: 335px;
}

.panoramas {
    height: 760px;
    overflow: hidden;
}

.panorama-wrapper {
    position: relative;
    text-align: center;
    overflow: scroll;
    width: 1610px;
    display: none;
}

.panorama-wrapper.active {
    display: block;
}

.panorama-item, .map-item {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 1;
    border-radius: 20px;
    border: 1px solid white;
}

@keyframes pulse {
  to {
    opacity: 0;
    transform: scale(1.25);
  }
}

.panorama-item::before, .panorama-item::after, .panarama-navigation::after, .panarama-navigation::before, .map-item::after, .map-item::before {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    border: #fff solid 2px;
    border-radius: 9999px;
    box-sizing: border-box;
    content: ' ';
    height: 150%;
    left: -25%;
    opacity: .6;
    position: absolute;
    top: -25%;
    -webkit-transform: scale(0.714);
    transform: scale(0.714);
    width: 150%;
    z-index: 1;
}

.panorama-item::after, .panarama-navigation::after, .map-item::after {
    animation-delay: 0.5s;
}

.panorama-image {
    position: relative;
}

#stavropol1-20 {
    left: 715px;
    top: 325px;
}

#stavropol1-19 {
    left: 760px;
    top: 270px;
}

.panorama-item__content p {
    text-indent: 30px;
    text-align: justify;
}

.panorama-item__content-block {
    margin-top: 30px;
}

.panorama-item__title {
    font-size: 19px;
}

.panorama-item__wrapper {
    height: 650px;
    width: 800px;
    display: table-cell;
    vertical-align: middle;
}

.map-item__wrapper .panorama-item__wrapper {
    height: 800px;
    width: 1700px;
}

.panarama-navigation {
    position: absolute;
    top: 48%;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}

.panarama-navigation.left {
    left: 20px;
    background-image: url('../images/panorama-left.png');
}

.panarama-navigation.right {
    right: 20px;
    background-image: url('../images/panorama-right.png');
}

.panarama-navigation.up {
    right: 20px;
    background-image: url('../images/up.png');
}

#stv-from2to1 {
    left: 1535px;
}

#stv-from2to3 {
    left: 960px;
}

#stavropol2-16 {
    top: 390px;
    left: 200px;
}

#stavropol2-17 {
    top: 430px;
    left: 170px;
}

#stavropol2-18 {
    top: 425px;
    left: 215px;
}

#stavropol2-11 {
    top: 375px;
    left: 395px;
}

#stavropol2-3 {
    top: 540px;
    left: 580px;
}

#stavropol2-19 {
    left: 490px;
    top: 400px;
}

#stavropol2-20 {
    top: 400px;
    left: 730px;
}

#stavropol2-7 {
    top: 270px;
    right: 610px;
}

#stavropol2-5 {
    top: 250px;
    right: 262px;
}

#stavropol2-23 {
    top: 330px;
    right: 325px;
}

#stv-from1to2 {
    left: 150px;
    top: 480px;
}

#stv-from1to3 {
    right: 200px;
    top: 480px;
}

#stv-from3to1 {
    left: 300px;
    top: 590px;
}

#stv-from3to2 {
    top: 500px;
    left: 810px;
}

#stv-from3to4 {
    top: 400px;
    right: 50px;
}

#stavropol3-6 {
    top: 300px;
    left: 790px;
}

#stavropol3-8 {
    left: 500px;
    top: 350px;
}

#stavropol3-9 {
    left: 65px;
    top: 440px;
}

#stavropol4-12 {
    left: 177px;
    top: 300px;
}

#stavropol4-4 {
    left: 150px;
    top: 350px;
}

#stavropol4-22 {
    top: 350px;
    left: 220px;
}

#stavropol4-15 {
    top: 430px;
    left: 165px;
}

#stavropol4-21 {
    top: 380px;
    left: 620px;
}

#stv-from4to3 {
    top: 400px;
    left: 50px;
}

#stavropol4-25 {
    top: 430px;
    left: 1490px;
}

#stavropol4-9 {
    top: 450px;
    left: 1725px;
}

#stv-from5to2 {
    left: 675px;
    top: 675px;
}

#stavropol5-5 {
    left: 230px;
    top: 260px;
}

#stavropol5-23 {
    left: 200px;
    top: 310px;
}

#stavropol5-6 {
    left: 680px;
    top: 400px;
}

#stavropol5-10 {
    left: 1150px;
    top: 340px;
}

#stavropol5-1 {
    left: 1265px;
    top: 375px;
}

#stavropol5-16 {
    left: 1350px;
    top: 375px;
}

#stavropol5-17 {
    left: 1350px;
    top: 400px;
}

#stavropol5-18 {
    left: 1300px;
    top: 400px;
}

#stavropol5-3 {
    left: 1325px;
    top: 640px;
}

#stavropol5-19 {
    left: 1600px;
    top: 350px;
}

#stavropol5-20 {
    left: 1600px;
    top: 550px;
}

#stv-from5to6 {
    left: 1280px;
    top: 500px;
}

#stavropol6-13 {
    left: 145px;
    top: 405px;
}

#stavropol6-10 {
    left: 205px;
    top: 375px;
}

#stavropol6-14 {
    left: 200px;
    top: 325px;
}

#stavropol6-1 {
    left: 525px;
    top: 525px;
}

#stavropol6-18 {
    left: 640px;
    top: 660px;
}

#stavropol6-17 {
    left: 785px;
    top: 660px;
}

#stavropol6-16 {
    left: 815px;
    top: 540px;
}

#stavropol6-11 {
    left: 1275px;
    top: 440px;
}

#stavropol6-2 {
    left: 1420px;
    top: 300px;
}

#stavropol7-2 {
    left: 510px;
    top: 520px;
}

.structure-item {
    float: left;
    width: 210px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.structure-item.last-row {
    margin-right: 0px;
}

.structure-main-title {
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0px 80px;
}

.structure-title {
    font-size: 12px;
}

.structure-item a {
    color: black;
    text-decoration: none;
}

.structure-img img {
    max-width: 100%;
    border-radius: 5px;
}

#structure-frame .section-modal__content {
    padding-left: 70px;
    padding-right: 70px;
}

.structure-item__inner__content, .structure-item__inner__images {
    display: inline-block;
}

.structure-item__inner__content {
    width: 850px;
    vertical-align: top;
    margin: 0px 10px;
    font-size: 12px;
}

.structure-item__inner__title {
    font-size: 14px;
    margin-top: 10px;
}

.structure-item__inner__images {
    width: 300px;
    vertical-align: middle;
}

.structure-item__inner__images img {
    max-width: 100%;
    margin-bottom: 10px;
}

.structure-item__inner__wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 1495px;
    height: 770px;
}

.italic {
    font-style: italic;
}

.structure-item__inner__content-inner p {
    text-indent: 30px;
    text-align: justify;
}

p.center {
    text-indent: 0px;
    text-align: center;
}

.content-section__content-wrapper, .content-section__images {
    display: inline-block;
    vertical-align: top;
}

.content-section__content-wrapper {
    width: 830px;
    font-family: 'HeliosCond', sans-serif;
    font-size: 14px;
    text-align: justify;
    margin: 0px 25px;
}

.content-section__content-wrapper p {
    text-indent: 30px;
    margin: 6px 0px;
}

.content-section__title {
    font-size: 16px;
    margin-top: 6px;
}

.content-section__images {
    width: 300px;
}

.content-section__images img {
    width: 300px;
    margin-bottom: 10px;
}

.content-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.content-block {
    height: 755px;
    overflow-y: scroll;
}

#panRyzdWar1-4 {
    left: 415px;
    top: 550px;
}

#panRyzdWar1-3 {
    left: 450px;
    top: 415px;
}

#panRyzdWar1-9 {
    left: 515px;
    top: 425px;
}

#panRyzdWar1-11 {
    left: 745px;
    top: 490px;
}

#panRyzdWar1-11 {
    left: 745px;
    top: 490px;
}

#panRyzdWar1-2 {
    left: 1140px;
    top: 425px;
}

#panRyzdWar1-13 {
    left: 1145px;
    top: 490px;
}

#panRyzdWar1-8 {
    left: 1250px;
    top: 415px;
}

#panRyzdWar1-5 {
    left: 2110px;
    top: 415px;
}

#panRyzdWar1-7 {
    left: 2035px;
    top: 470px;
}

#panRyzdWar2-7 {
    left: 150px;
    top: 395px;
}

#panRyzdWar-from2to3 {
    right: 390px;
}

#panRyzdWar2-5 {
    left: 230px;
    top: 305px;
}

#panRyzdWar2-1 {
    left: 1275px;
    top: 305px;
}

#panRyzdWar2-10 {
    left: 1375px;
    top: 415px;
}

#panRyzdWar3-12 {
    left: 1445px;
    top: 416px;
}

#panRyzdWar3-6 {
    left: 1310px;
    top: 435px;
}

#panRyzdWar4-14 {
    left: 350px;
    top: 505px;
}

#pyatnashki-frame {
    top: 75px;
    height: 935px;
}

#panRyzdAdvance1-1 {
    left: 500px;
    top: 545px;
}

#panRyzdAdvance1-13 {
    left: 800px;
    top: 395px;
}

#panRyzdAdvance1-6 {
    left: 900px;
    top: 385px;
}

#panRyzdAdvance1-5 {
    left: 955px;
    top: 395px;
}

#panRyzdAdvance1-3 {
    left: 985px;
    top: 300px;
}

#panRyzdAdvance1-14 {
    left: 1115px;
    top: 310px;
}

#panRyzdAdvance1-8 {
    left: 1265px;
    top: 290px;
}

#panRyzdAdvance1-4 {
    left: 2310px;
    top: 320px;
}

#panRyzdAdvance1-12 {
    left: 2280px;
    top: 365px;
}

#panRyzdAdvance1-18 {
    left: 2550px;
    top: 265px;
}

#panRyzdAdvance1-9 {
    left: 2645px;
    top: 415px;
}

#panRyzdAdvance2-1 {
    left: 145px;
    top: 470px;
}

#panRyzdAdvance2-13 {
    left: 335px;
    top: 470px;
}

#panRyzdAdvance2-6 {
    left: 590px;
    top: 485px;
}

#panRyzdAdvance2-5 {
    left: 630px;
    top: 525px;
}

#panRyzdAdvance2-3 {
    left: 830px;
    top: 400px;
}

#panRyzdAdvance2-14 {
    left: 1200px;
    top: 425px;
}

#panRyzdAdvance-from1to2 {
    left: 900px;
    top: 600px;
}

#panRyzdAdvance-from1to3 {
    left: 1900px;
    top: 400px;
}

#panRyzdAdvance-from1to4 {
    left: 2500px;
    top: 600px;
}

#panRyzdAdvance-from3to4 {
    right: 220px;
    top: 55%;
}

#panRyzdAdvance3-11 {
    left: 65px;
    top: 300px;
}

#panRyzdAdvance3-19 {
    left: 165px;
    top: 260px;
}

#panRyzdAdvance3-7 {
    left: 245px;
    top: 395px;
}

#panRyzdAdvance3-16 {
    left: 865px;
    top: 395px;
}

#panRyzdAdvance3-12 {
    left: 1000px;
    top: 480px;
}

#panRyzdAdvance3-9 {
    left: 1400px;
    top: 365px;
}

#panRyzdAdvance4-12 {
    left: 300px;
    top: 450px;
}

#panRyzdAdvance4-12 {
    left: 300px;
    top: 450px;
}

#panRyzdAdvance4-18 {
    left: 670px;
    top: 330px;
}

#panRyzdAdvance4-15 {
    left: 655px;
    top: 420px;
}

#panRyzdAdvance4-2 {
    left: 715px;
    top: 415px;
}

#panRyzdAdvance4-9 {
    left: 850px;
    top: 535px;
}

#map-frame {
    top: 15px;
    height: 1045px;
}

.fancybox-inner {
    overflow: hidden !important;
}

#map {
    position: relative;
    display: inline-block;
    
}

#map-DKS1 {
    left: 475px;
    top: 550px;
}

#map-DKS2 {
    left: 470px;
    top: 530px;
}

#map-Salsk {
    left: 465px;
    top: 370px;
}

#map-Privolnoe {
    left: 435px;
    top: 445px;
}

#map-Stavropolskaya {
    left: 420px;
    top: 485px;
}

#map-Nevinomysskaya {
    left: 500px;
    top: 615px;
}

#map-Georgyevsk {
    left: 655px;
    top: 695px;
}

#map-Mozdok {
    left: 765px;
    top: 750px;
}

#map-Artezian {
    left: 965px;
    top: 575px;
}

#map-Zenzeli {
    left: 1005px;
    top: 430px;
}

#map-Zamyany {
    left: 1050px;
    top: 310px;
}

#map-Izob {
    left: 480px;
    top: 510px;
}

.columns {
    column-count: 3;
}

.columns li {
    list-style-type: none;
    break-inside: avoid;
}

.columns > ul > li {
    font-size: 23px;
}

.columns li li {
    font-size: 19px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.columns > ul > li > ul {
    margin-bottom: 40px;
}

.columns ul {
    margin: 0px;
    padding: 0px;
}

.columns a {
    color: black;
}

.fancybox-nav span {
    visibility: visible !important;
}

.hidden {
    display: none;
}

.objects-frame {
    display: inline-block;
    text-align: center;
    width: 350px;
    margin: 25px;
}

.objects-frame, .objects-frame div {
    color: black;
    text-decoration: none;
    font-size: 19px;
}

.objects-frame img {
    max-width: 100%;
    margin-bottom: 20px;
}

#social-objects__frame .section-modal__content {
    padding-top: 115px;
}

.reviews-frame {
    display: inline-block;
    text-align: center;
    width: 300px;
    margin: 25px;
    vertical-align: top;
}

.reviews-frame, .reviews-frame div {
    color: black;
    text-decoration: none;
    font-size: 19px;
}

.reviews-frame img {
    max-width: 200px;
    margin-bottom: 20px;
}