@media screen and (max-width: 8000px) {
    .body {
        font-size: 16px;
    }
    #page_wrap {
        width: 1540px;
        margin-left: -770px;
    }
    .b-popup-content {
       width: 940px;
    }
    .header {
        height: 50px;
    }
    table {
        font-size: 15px;
        color: white color:
    }
    #panel {
        top: 58px;
        height: 200px;
    }
    .panelButton {
        width: 125px;
        height: 125px;
    }
    /*#cam {
        right: 141px;
    } */
    #Pay {
        /*right: 274px;*/
        right: 141px;
    }
    #connect {
        /*right: 407px; */
        right: 274px;
    }
    .socialButton {
       width: 46px;
       height: 46px;
    }
    .panelButton p {
        color: black;
        margin-top: 85px;
        font-size: 16px;
    }
    #stat_box {
        top: 150px;
        right: 8px;
    }
    #insta {
         top: 2px;
         right: 10px;
    }
    #youtube {
        top: 2px;
        right: 10px;
    }
    #max-messeger {
        top: 2px;
        right: 61px;
    }
    #gplay {
	top: 2px;
	right: 163px;
    }
    #tg {
      top: 2px;
      right: 112px;
    }
    #astore {
	top: 2px;
	right: 214px;
    }
    #LogoMain {
        width: 380px;
        height: 140px;
    }
    .cell {
        font-size: 20px;
        height: 370px;
        width: 375px;
    }
    .cell_small {
       font-size: 20px;
       height: 365px;
       width: 365px
    }
    .fantom-place__float, .fantom-place__relative {
        height: 262px;
        width: 1400px;
    }
    .fantom-place__form {
        height: 400px;
    }
    .cell__logo {
        margin-top: 35px;
        margin-bottom: 25px;
    }
    .header {
        height: 50px;
    }
    #bottom p  {
        font-size: 18px;
    }
    .rev {
        font-size: 16px;
    }
    #AnnounceAbout {
        font-size: 21px;
    }
    .cameraImage {
        width: 460px;
        height: 484px;
    }
    .cameraImage p {
        margin-top: 20px;
        font-size: 16px;
    }
}
@media screen and (max-width: 1601px) {
    .body {
        font-size: 14px;
    }
    #page_wrap {
        width: 1300px;
        margin-left: -650px;
    }
    .b-popup-content {
       width: 820px;
    }
    .header {
        height: 45px;
    }
    table {
        font-size: 14px;
    }
    #panel {
        top: 53px;
        height: 180px;
    }
    #LogoMain {
        width: 320px;
        height:120px;
    }
    .panelButton {
        width: 120px;
        height: 120px;
    }
    /*#cam {
        right: 136px;
    } */
    #Pay {
        /*right: 264px;*/
        right: 136px;
    }
    #connect {
        /*right: 392px;*/
        right: 264px;
    }
    .socialButton {
       width: 41px;
       height: 41px;
    }
    .panelButton p {
        color: black;
        margin-top: 80px;
        font-size: 14px;
    }
    #stat_box {
        top: 130px;
        right: 8px
        
    }
    #insta {
        top: 2px;
        right: 10px;
    }
    #youtube {
        top: 2px;
        right: 10px;
    }
    #max-messeger {
        top: 2px;
        right: 56px;
    } 
    #gplay {
	top: 2px;
	right: 148px;
    }
    #tg {
      top: 2px;
      right: 102px;
    }
    #astore {
	top: 2px;
	right: 194px;
    }
    .cell {
        font-size: 18px;
        height: 320px;
        width: 315px;
    }
    .cell_small {
       font-size: 18px;
       height: 318px;
       width: 318px;
    }

    .fantom-place__float, .fantom-place__relative {
        height: 237px;
        width: 1200px;
    }
    .fantom-place__form {
       height: 340px;
    }
    .cell__logo {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    #bottom p  {
        font-size: 16px;
    }
    .rev {
        font-size: 14px;
    }
    #AnnounceAbout {
        font-size: 19px;
    }
    .cameraImage {
        width: 393px;
        height: 405px;
    }
    .cameraImage p {
        margin-top: 15px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1367px) {
    .body {
        font-size: 12px;
    }
    #page_wrap {
        width: 1100px;
        margin-left: -550px;
    }
    .b-popup-content {
        width: 600px;
    }
    .header {
        height: 35px;
    }
    table {
        font-size: 13px;
    }
    #panel {
        top: 43px;
        height: 160px;
    }
    #LogoMain {
        width: 270px;
        height:100px;
    }
    .panelButton {
        width: 100px;
        height: 100px;
    }
    /*#cam {
        right: 116px;
    }*/
    #Pay {
        /*right: 224px;*/
        right: 116px;
    }
    #connect {
        /*right: 336px;*/
        right: 224px;
    }
    .socialButton {
       width: 31px;
       height: 31px;
    }
    .panelButton p {
        color: black;
        margin-top: 65px;
        font-size: 12px;
    }
    #stat_box {
        top: 110px;
        right: 8px;
    }
    #insta {
        top: 2px;
        right: 10px;
    }
    #youtube {
        top: 2px;
        right: 10px;
    }
    #max-messeger {
        top: 2px;
        right: 46px;
    }
    #gplay {
	top: 2px;
	right: 118px;
    } 
    #tg {
      top: 2px;
      right: 82px;
    }
    #astore {
	top: 2px;
	right: 154px;
    }
    .cell {
        font-size: 16px;
        height: 260px;
        width: 265px;
    }
    .cell_small {
       font-size: 16px;
       height: 230px;
       width: 230px;
    }

    .fantom-place__float, .fantom-place__relative {
        height: 207px;
        width: 950px;
    }
    .fantom-place__form {
        height: 330px;
    }
    .cell__logo {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #bottom p  {
        font-size: 14px;
    }
    .rev {
        font-size: 12px;
    }
    #AnnounceAbout {
        font-size: 17px;
    }
    .cameraImage {
        width: 280px;
        height: 286px;
    }
    .cameraImage p {
        margin-top: 10px;
        font-size: 12px;
    }
}
@keyframes arrow {
    0%   { top: 84%; }
    25%  { top: 86%; }
    50%  { top: 88%; }
    75%  { top: 86%; }
    100% { top: 84%; }
}
html {
  font-family: sans-serif;
}
body {
    background-image: url("images/bg1.png");
}
#page_wrap {
    position: relative;
    left: 50%;
}
ul, li {
    display: block;
}
.header {
    position: absolute;
    background-color: #FF6A00;
    width: 100%;
    top: 0px;
    text-align: left;
    overflow: auto;
    white-space: nowrap;
    font-size: 0;
    z-index: 2;
}
.header:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: '';
}
.header a {
    text-decoration: none;
    color: white;
}
.header a:hover {
    text-decoration: underline;
}

#HeaderMain {
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
#HeaderSlide {
    position: relative;
    z-index: 2;
}
table {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: center;
}   
#one, #two, #three, #four, #five {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-right: 25px;
} 
.logo {
    float: left;
    background-repeat: no-repeat;
}
#LogoMain {
    margin-left: 20px;
    margin-top: 30px;
    background-image: url("images/logo.png");
    background-size: 95%;
}
#LogoSlide {
    width: 140px;
    height:140px;
    background-image: url("images/logo_small.png");
    background-size: 110%;
    margin-left: 16px;
    position: relative;
    background-color: #FCFCFC;
    z-index:2;
    opacity:0.8;
    filter:alpha(opacity=80);
}
#LogoSlide:hover {
    opacity:1;
    filter:alpha(opacity=100);
}
#panel {
    position: absolute;
    background-color: #FCFCFC;
    width: 100%;
    text-align: center;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.panelButton {
    background-repeat: no-repeat;
    background-position: 50% 8%;
    position: absolute;
    top: 5px;
    text-align: center;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.socialButton {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #FCFCFC;
    opacity: 0.95;
    filter: alpha(opacity=95);
    position: absolute;
    text-align: center;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.panelButton:hover {
    box-shadow:1px 1px 2px 1px grey inset;
}
.socialButton:hover {
    box-shadow:1px 1px 2px 1px grey inset;
}
#cam {
    background-image: url("images/e-camera.png");
    background-size: 55%;
}
#lk {
    background-image: url("images/key.png");
    background-size: 55%;
    right: 8px;
}
#main {
    background-image: url("images/main.png");
    background-size: 55%;
    right: 8px;
}
#Pay {
    background-size: 55%;
    background-image: url("images/pay.png");
}
#connect {
    background-size: 55%;
    background-image: url("images/connect.png");
}
#wclose {
  background-image: url("images/Wclose.png");
  background-size: 55%;
  right: 8px;
}
#insta {
  background-image: url("images/insta.png");
  background-size: 85%;
}
#youtube {
  background-image: url("images/youtube.png");
  background-size: 85%;
}
#max-messeger {
  background-image: url("images/max-messeger.png");
  background-size: 85%;
}
#gplay {
  background-image: url("images/gplay.png");
  background-size: 85%;
}
#tg {
  background-image: url("images/tg.png");
  background-size: 85%;
}
#astore {
  background-image: url("images/astore.png");
  background-size: 85%;
}
.box {
    position: absolute;
    width: 150px;
    text-align: center;
    font-size: 0.8em;
    padding: 0px;
    background-color: #FCFCFC;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}

.fantom-place__float {
    float: left;
}
.fantom-place__form {
    position: relative;
    z-index: 1;
}
.cell, .cell_small {
    float: left;
    margin: 5px;
    background-color: #FCFCFC;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
    text-align: center;
}

.cell a, .cell_small a {
    text-decoration: none;
    color: white;
}
.cell__logo {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 45%;
    height: 45%;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
#mkd_logo {
    background-image: url("images/mkd.svg");   
}
#constr_logo {
    background-image: url("images/constr.svg");
}
#shop_logo {
    background-image: url("images/shop.svg");
}
#child_logo {
    background-image: url("images/child.svg");
}
#cafe_logo {
    background-image: url("images/cafe.svg");
}
#transport_logo {
    background-image: url("images/transport.svg");
}
#office_logo {
    background-image: url("images/office.svg");
}
#sport_logo {
    background-image: url("images/sport.svg");
}
#inv_gate {
    background-image: url("images/gate.svg");
}
#inv_camera {
    background-image: url("images/registration.png");
}
#inv_intercom {
    background-image: url("images/invoice.png");
}
#inv_cctv {
    background-image: url("images/inv-camera.png");
}
#inv_customer-phone {
    background-image: url("images/inv_customer-phone.png");
}
#inv_customer-video {
    background-image: url("images/inv_video.png");
}
#inv_keys {
    background-image: url("images/inv_key.png");
}
#about_cloud {
  background-image: url("images/cloud.png");
}
#car_cloud {
  background-image: url("images/car.png");
}
#skud_cloud {
  background-image: url("images/skud.png");
}
#askue {
  background-image: url("images/askue.png");
}
.button {
    background-color: #FF6A00;
    font-size: 0.75em;
    font-weight: bold;
    position: relative; 
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60%;
    padding: 5px;
    color: white; 
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}

.button_about {
  background-color: #FF6A00;
  font-size: 0.75em;
  font-weight: bold;
  position: relative;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 60%;
  padding: 5px;
  color: white;
  border-style: none;
  border-radius: 7px;
  box-shadow:2px 2px 3px 2px grey;
  z-index: 2;
}

.button:hover .button_abount:hover {
    box-shadow:1px 1px 1px 1px grey inset;
}

.buttonForm {
    background-color: #FF6A00;
    font-size: 13px;
    font-weight: bold;
    color: white;
    position: absolute;
    top: 350px;
    width: 100%;
    padding: 5px;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}

.buttonForm:hover {
    box-shadow:1px 1px 1px 1px grey inset;
}
.buttonForm1 {
    background-color: #FF6A00;
    font-size: 13px;
    font-weight: bold;
    color: white;
    position: relative;
    width: 100%;
    padding: 5px;
    margin-top: 20px;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}

.buttonForm1:hover {
    box-shadow:1px 1px 1px 1px grey inset;
}

.buttonAbout {
    background-color: #FF6A00;
    font-size: 0.9em;
    text-align: center;
    color: white;
    position: absolute;
    right: 20px;
    width: 200px;
    padding: 5px;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.buttonAbout:hover {
    box-shadow:1px 1px 1px 1px grey inset;
}
#ButtonAbout1 {
    bottom: 55px;
}
#ButtonAbout2 {
    bottom: 20px;
}
#bottom {
    float: left;
    margin-top: 5px;
    background-color: #FCFCFC;
    width: 100%;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
#bottom p {
    margin: 10px;
}
#bottom a {
    text-decoration: none;
}
.rev {
    color: white;
    background-color: #FF6A00;
    position: relative;
    text-align: center;
    top: -20px;
    width: 180px;
    padding: 7px;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
    clear: both;
}
#RevCall {
    left: 540px;
}
#Review {
    left: 800px;
    color: white;
}
.rev:hover {
    box-shadow:1px 1px 1px 1px grey inset;
}
#contact {
    float: right;
    width: 300px;
}
#BottomSpace {
    position: relative;
    height: 60px;
    width: 100%;
}
.push {
  height: 50px;
}
.b-popup {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    display:none;
    height: 2500px;
    background-color: rgba(0,0,0,0.7);
    overflow:hidden;
    z-index:99;
}
.b-popup-content {
    position: relative;
    left: 50%;
    top: 5px;
    transform: translate(-50%, 0);  
    background-color: #FCFCFC;
    border-radius: 7px;
    font-size: 0.8em;
    overflow: hidden;
    clear: both;
}
.b-popup-agreement {
  position: absolute;
  background-color: #EDEDED;
  border-radius: 7px;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9em;
  z-index: 99;
}
.b-popup .b-popup-content-camera {
    position: relative;
    left: 50%;
    top: 5px;
    width: 40%;
    transform: translate(-50%, 0);
    background-color: #FCFCFC;
    border-radius: 7px;
    font-size: 0.8em
}
.HeadPopup {
    position: relative;
    height: 65px;
    width: 100%;
    top: 0px;
    background-color: #FF6A00;
    border-top-left-radius:7px;
    border-top-right-radius:7px;  
    text-align: center;
}
.HeadPopup p {
    position: absolute;
    color: white;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 1.1em;
}
.cross {
    background-image: url("images/cross.png");
    background-size: 100%;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 25px;
    height: 25px;
}
.cross:hover {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 99;
}

.buttonImage {
    background-size: 100%;
    position: relative;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    border:none;
}
.buttonImage:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.FormOne {
    position: relative;
    top: 30px;
    width: 80%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 100px;
    z-index: 10;
}
.FormPopUp {
    overflow: hidden;
    clear: both;
}
input:invalid {
      color: red;
}
.video-player_wrap {
  position: relative;
  margin: 20px;
  overflow: hidden;
  border: solid;
}
#video-player {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: move;
}
.InputText {
    background-color: #FCFCFC;
    border-style: none;
    border-bottom-style: solid;
    border-color: blue;
    border-width: 1px;
    font-size: 0.9rem;
}
.InputText_hd {
    display: none;
}
.input-checkbox {
    width: 16px;
    height: 16px;
}
.mainSlide {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -25px;
    margin-top: -8px;
}
#MainSlideMkd {
    background-image: url('images/mkd.jpg');
}
#MainSlideShop {
    background-image: url('images/shop.jpg');
}
#MainSlideCafe {
    background-image: url('images/cafe.jpg');
}
#MainSlideOffice {
    background-image: url('images/office.jpg');
}
#MainSlideConstr {
    background-image: url('images/constr.jpg');
}
#MainSlideChild {
    background-image: url('images/child.jpg');
}
#MainSlideTransport {
    background-image: url('images/transport.jpg');
}
#MainSlideSport {
    background-image: url('images/sport.jpg');
}
.mainSlide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: black;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#announce {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 35%;
    left: 50%;
    margin-left: -345px;
    width: 690px;
    font-size: 1.7em;
    color: white;
    z-index: 2;
    border: none;
}
#announce ul {
    text-align: left;
    font-size: 0.8em;
}
#announce li {
    margin: 5px;
}
#announce h1 {
    font-size: inherit;
}
.mainSlide img {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: 30px;
    z-index: 99;
    animation: arrow 2s linear infinite;
}
#SecondPage {
    position: absolute;
    border: none;
    width: 980px;
    left: 50%;
    margin-left: -490px;
}
#SecondPage h7 {
    font-size: 0.6em;
}
.description {
    position: relative;
    text-align: left;
    font-size: 14px;
    color: #686868;
    padding: 10px;
    width: 100%;
    min-height: 180px;
    margin: 8px;
    background: #FCFCFC;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.description p {
    font-size: 16px;
    margin-top: 20px;
    position: relative;
    margin-left: 130px;
}
.description ul {
    font-size: 16px;
}
.logoDesc {
    float: left;
    width: 100px;
    height: 100px;
    background-size: cover;
}
#LogoDescOne {
    background-image: url("images/rubl.png");
}
#LogoDescTwo {
    background-image: url("images/quality.png");
}
#LogoDescThree {
    background-image: url("images/online.png");
}
#LogoDescFour {
    background-image: url("images/safety.png");
}
#LogoDescFive {
    background-image: url("images/treatment.png");
}
#LogoDescSix {
    background-image: url("images/site.png");
}
#LogoDescSeven {
    background-image: url("images/protection.png");
}
#DivAbout {
    position: relative;
    width: 100%;    
    height: 530px;
    background-color: #FCFCFC;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
#AnnounceAbout {
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: black;
    border: none;
}
#AnnounceAbout p {
    color: #505050;
}
#AnnounceAbout ul {
    text-align: left;
    color: #505050;
    margin: 20px;

}
#AnnounceAbout li {
    display: list-item;
    margin: 10px;
}
#AnnounceContacts {
    position: relative;
    text-align: left;
    vertical-align: middle;
    left: 30px;
    top: 30px;
    width: 350px;
    font-size: 0.9em;
    color: black;
    border: none;
}
.announce-pay {
    position: relative;
    margin: 30px;
    text-align: left;
    width: 85%;
    font-size: 0.8rem;
    color: #404040;
    clear: both;
}
.content-panel__img {
    width: 40%;
    margin: 10px;
    float: right;
}
.announce-pay__img__card {
    position: relative;
    width: 40%;
    margin: 20px;
}
.content-panel {
    background-color: #FEFEFE;   
    position: relative;
    text-align: center;
    top: 5px; 
    width: 100%; 
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
    clear: both;
    overflow: hidden;
}
h1.content-panel__headline {
    font-size: 18px;
    margin: 10px;
    font-style: bold;
}
h2.content-panel__subheadline {
    font-size: 14px;
    font-style: bold;
    text-align: left;
    margin: 20px;
}
ol.content-panel__numlist {
    display: list-item;
    list-style-type: decimal;
}
.content-panel__list {
    display: list-item;
    text-align: left;
    font-size: 14px;
    margin-left: 50px;
    margin-right: 20px;
    margin-top: 10px;
}
.content-panel_ol {
    text-align: left;
    margin-left: 70px;
    margin-top: 15px;
}
.content-panel_ol li {
    display: list-item;
}

.content-panel__clients {
    float: left;
    height: 200px;
    width: 200px;
    background-size: 60%;
    background-position: 50% 3%;
    background-repeat: no-repeat;
    margin: 20px;
    text-align: center;
}
.content-panel__clients-small-picture {
    float: left;
    height: 200px;
    width: 200px;
    background-size: 70%;
    background-position: 50% 15%;
    background-repeat: no-repeat;
    margin: 20px;
    text-align: center;
}
.content-panel__clients p, .content-panel__clients-small-picture p {
    margin-top: 125px;
    font-size: 13px;
    font-weight: bold;
}
img.content-panel_image {
    float: right;
    margin-right: 10px;
}
.news { 
    position: relative;
    text-align: left;
    font-size: 14px;
    color: #404040;
    margin-left: 20px;
    border-style: none;
    margin: 20px;
    width: 700px;
}
.news b {
    text-decoration: underline;
}
.news b:hover {
    cursor: pointer;
}
.newsDescription {
    position: relative;
    margin: 15px;
    font-size: 14px;
    color: #404040;
    text-align: left;
    vertical-align: middle;
    display: none;
}
.cameraImage {
    float: left;
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 50% 8%;
    margin: 20px;
    text-align: center;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
}
.cameraImage:hover {
     box-shadow:2px 2px 3px 2px grey inset;
     cursor: pointer;
}
.cameraImage_inside {
  position: relative;
  height: 75%;
  width: 95%;
  margin-top: 10px;
  background-position: center;
  background-repeat: no-repeat;
  left: 50%;
  transform: translate(-50%, 0);
}
.cameraImage_inside__overlay {
  height: 100%;
  width: 100%;
}
.cameraImage_inside__overlay:hover {
  background-image: url('https://telss.ru/images/play-button.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 35%;
  cursor: pointer;
}
.cameraVideo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 65%;
    height: 80%;
    top: 70px;
}
.reminder {
    position: relative;
    margin: 10px;
    bottom: 10px;
    left: 10px;
    text-align: left;
    font-size: 11px;
    color: #404040;   
    border: none;
    clear: both;
}
.archive {
    background-color: #ffb57f;
    position: absolute;
    text-align: center;
    margin-left: 10px;
    margin-top: 3px;
    top: 5px;
    width: 130px;
    padding: 0px;
    border-style: none;
    border-radius: 7px;
}
.archive p {
    font-size: 12px;
    color: black;
}
.archive:hover {
    background-color: #FF6A00;
}
.archive:hover > ul.downloadMenu {
    display: block;
}
ul.downloadMenu {
    display: none;
    position: absolute;
    width: 130px;
    top: 45px;
    left: -40px;
}
ul.downloadMenu > li {
    display: block;
}
ul.downloadMenu > li > a {
    display: block;
    padding: 10px;
    background-color: #FF6A00;
    text-decoration: none;
    color: black;
}
ul.downloadMenu > li > a:hover {
    text-decoration: underline;
} 
ul.downloadSubmenu {
    display: none;
    position: absolute;
    width: 80px;
    top: -50px;
    left: 130px;
    min-height: 200px;
}
ul.downloadSubmenu > li > a {
    display: block;
    padding: 2px;
    background-color: #ffb57f;
    text-decoration: none;
    z-index: 99;
    color: black;
}
ul.downloadSubmenu > li > a:hover {
    text-decoration: underline;
}
ul.downloadSubmenu > li {
    display: block;
}
ul.downloadMenu > li:hover > ul.downloadSubmenu {
    display: block;
}
ul.news-list {
    position: relative;
    list-style: none;
    text-align: left;
}
li.news-list__content {
    position: relative;
}
h2.news-list__content__headline {
    font-size: 16px;
    margin: 10px;
    color: #404040;
}
h2.news-list__content__headline:hover, ul.news-list__content__categories > li:hover, .news-list__content__button:hover {
    color: #3838ff;
    cursor: pointer;
}
ul.news-list__content__categories > li {
    display: inline;
    font-size: 12px;
    margin: 10px;
    color: #808080;
}
ul.news-list__content__list > li {
   font-size: 0.9rem;
   margin: 10px;
   color: #808080;
}
p.news-list__content__p {
    line-height: 18px;
    text-align: left;
    font-size: 14px;
    margin: 20px;
}
.news-list__content__iframe {
    position: relative;
    width: 616px;
    height: 346px;
    left: 50%;
    transform: translate(-50%, 0);
}
a.news-list__content__button {
    display: block;
    position: relative;
    width: 130px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    color: #808080;
    padding: 7px;
    margin: 30px;
    text-decoration: none;
}
p.wrapper_comment {
    display: block;
    position: relative;
    margin-top: 30px;
    font-size: 11px;
}
table.content-panel__table {
    margin-left: -400px;
    font-size: 13px;
    padding: 10px;
    padding-left: 16px;
    text-align: left;
}
table.content-panel__table td {
    padding-left: 20px;
}
.second-page__h7 {
    display: block;
    position: relative;
    margin-top: 15px;
    font-size: 10px;
    clear: both;
    overflow: hidden;
}
.content-pay {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 85%;
    text-align: left;
    overflow: hidden;
}
.map_wrap {
  position: relative;
  height: 0;
  padding-top: 60%;
  border: none;
}
#map {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 20px;
}
.archive_wrap {
    position: relative;
    background-color: #FCFCFC;
    font-family: Arial;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 300px;
    margin-top: 10px;
    text-align: center;
    border-style: none;
    border-radius: 7px;
    box-shadow:2px 2px 3px 2px grey;
    clear: both;
}
.right_link {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.7rem;
}
.icon-marker {
  cursor: pointer;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  position: relative;
  transform: translate(-50%, -50%);
}


/* #image_container {
     position: relative;
     z-index: 100;
     background-image: url('images/upload.png');
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-size: 100%;
     width: 70%;
     height: 260px;
     margin-bottom: 10px;
     user-select: none;
}
.file_input {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     position: absolute;
     z-index: -10;
} */