@charset "utf-8";
/* CSS Document */

html, body {
    font-family: 'SegoeUIRegular';
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;


    min-width: 760px;


}

#footer {
    width: 100%;
    height: 200px;
    background-color: #3B3B3B;
    position: relative;
}

#footer_info {
    color: #D0D0D0;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.hide_scroll {
    overflow: hidden;
    padding-right: 17px;
    display: block
}

/* полноэкранный контэйнер */
#fs_container_bg {
    background-image: url(../img/bg/black_80_per.png);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 20000;
    overflow: auto;
    text-align: center;
}

#fs_container {
    background: #FFF;
    margin: 20px 200px 0px 200px;
    min-height: 200px;
    min-width: 200px;
}


#kak_zakazt {
    font-size: 20px;
    max-width: 800px;
    text-align: left;
    margin: 50px 10px 100px 10px;
}

#kak_zakazt li {
    margin: 20px 0px 20px 0px;
}

#contacts {
    font-size: 32px;
    max-width: 800px;
    text-align: left;
    margin: 50px 10px 600px 10px;
}

/* текстовый баннер сверху 2020 */
#top_info { height: 50px; display: inline-block; overflow: hidden;   }

/* ссылка на телефон */
.phone_link:hover { color: white !important; text-decoration: underline !important;  }

/* ссылка на телефон */
.phone_link_on_white:hover { color: #3B3B3B;   text-decoration: underline !important;  }

.phone_link_on_grey { color: #DDDDDD ;   text-decoration: none ;   }
.phone_link_on_grey:hover { color: #FFFFFF;   text-decoration: underline !important;  }


.pano_prev_info_smotret_fullscreen {
      position: absolute;
    left: 14px;
    bottom: 8px;
}

.pano_prev_info_smotret_fullscreen a:hover { color: white; }

.pano_prev_info_smotret_fullscreen a {


    color: #E8E8E8;

    font-size: 16px;
    text-decoration: none;


}


.button_2 {
    cursor: pointer;
    padding: 15px 30px 15px 30px;
    background-color: #690;
    border-radius: 5px;
    border-color: #CCCCCC;
    color: #FFF;
    display: inline-block;
    font-size: 14px;

    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */
}

.button_2 a {
    color: #FFF;
    text-decoration: none
}

.button_2:hover {
    background-color: #666666;
}


.pointer {
    cursor: pointer;
}

#header {
    background-color: #3B3B3B;
    color: #ffffff;
    text-align: center;
    height: 143px;
    padding: 0px 0px 5px 0px;

}

#header_container {

    display:inline-block;
    position: relative;
}



#header_img {
  cursor: pointer;
    position: absolute;

    transition: all 0.3s ease;
    animation-name: logo_rotate;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes logo_rotate {
    0%   {transform:scale(1, 1);}
    2%   {transform:scale(-1, 1);}
    4% {transform:scale(1, 1); }
    100% {transform:scale(1, 1) ; }

}



.header_img_big {
    left: -193px;
    top: 14px;
    width: 202px;
    height: 202px;

}

.header_img_little {
    left: -4px;
    top: 57px;
    width: 102px;
    height: 102px;

}


#header a {
    color:#C5C5C5 ;
    text-decoration: none;
}

#header h1 {

    margin: 14px 0px 0px 0px;
    font-size: 30px;
    color: white;
}

#header_avtor {
    color:#ffffff;
    font-size: 20px;
    text-align: right;
}

#header_info {

   position: absolute;

    right: 0;
    top: 97px;
    font-size: 20px;
    text-align: right;
}

#header_razmestit {
    font-size: 16px;
    color: #7F7F7F
}

.top_menu_button {
    display: inline-block;
    background-color: #3B3B3B;
    border-color: #707070;
    border-radius: 10px;
    color:#C5C5C5;
    width: 223px;
    height: 58px;

    font-size: 20px;
    cursor: pointer;

    transition: all 0.3s ease;


}

.top_menu_button a {
 text-decoration: none;
    color:#C5C5C5;
    display: inline-block;
    margin-top: 14px;
    transition: all 0.3s ease;


}

.top_menu_button:hover  {

    transform: scale(1.02);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;

    box-shadow: 0 0 10px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Для Safari и Chrome */

}
.top_menu_button:hover a {
    color:#ffffff;
    transition: all 0.3s ease;
}


.top_menu_button a:hover {
    text-decoration: none;

}

.button_spacer {
    display: inline-block;
    width: 21px;
    height: 10px;

}



#top_menu { margin: 17px 0px 0px 0px;
text-align: center;
}






.top_menu_next_prev_button a {
    color: #d4ff4f !important;
    text-shadow: 1px 1px 2px grey; /* Параметры тени */
}

.top_menu_next_prev_button a:hover {
    color: #ffffff !important
}


#botom_menu {
    color: #C5C5C5;
    text-align: center;

    font-size: 18px;
}

#botom_menu div {
    padding: 3px 20px 3px 20px;
    display: inline-block;
}

#botom_menu a {
    color: #C5C5C5;
    text-decoration: none
}

#botom_menu a:hover {
    color:  #FFFFFF;
}


#main_container {
    display: inline-block;
    text-align: center;
    max-width: 2000px;
}


.pano_prev {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 550px;
    height: 400px;
    overflow: hidden;
    background-color: #515151 !important;
    border-color: #707070;
    margin: 10px 7px 30px 7px;
    box-shadow: 0 0 5px #559DFF; /* Параметры тени */
    box-shadow: 0 0 5px rgba(85, 157, 255, 0.3); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(85, 157, 255, 0.3); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(85, 157, 255, 0.3); /* Для Safari и Chrome */
    transition: all 0.3s ease;

}

.pano_prev:hover img {

    transform: scale(1.02);
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;


}



.pano_prev:hover {
    background-color: #3B3B3B !important;
    transition: all 0.3s ease;
}

.pano_prev:hover .pano_prev_name a {
    color: #ffffff;
    transition: all 0.3s ease;

}

.pano_prev img {
    border: none;
    cursor: pointer;
}

.pano_prev_name {
   font-size: 18px;
  text-align: left;
    margin: 0px 14px 0px 14px;
    padding-top: 7px;
    height: 56px;
    color: #DFDFDF;
    overflow: hidden;
    /*text-shadow: 1px 1px 2px gray;  Параметры тени */
}

.pano_prev_name a {
    color: #DFDFDF;
    text-decoration: none
}

.pano_prev_name a:hover {
    color: #ffffff
}



.pano_prev_info_place {
    position: absolute;
    width: 370px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    left: 14px;
    top: 345px;
    font-size: 16;
    color: #C5C5C5;

}

.pano_prev_info_views {
    position: absolute;
    right: 14px;
    top: 345px;
    color: #C5C5C5 ;
}

.pano_prev_info_link {
    position: absolute;
    left: 7px;
    bottom: 6px;
    color: #767676;

}

.pano_prev_info_smotret {
    position: absolute;
    right: 14px;
    bottom: 8px;
    color: #E8E8E8;

    font-size: 16px;



}

.pano_prev_info_smotret a {
    color: #E8E8E8;
    text-decoration: none;
}

.pano_prev_info_smotret:hover a {
    color: #ffffff;
}

/*       background-image:url(../img/bg/posmotret.png); background-position: -100px -50px;  */

.one_pano_name_vt h1 {

    font-size: 26px;
    color: #3B3B3B;
}

.one_pano_name {
    padding: 0px 10px 0px 10px;
    /*  text-shadow: 1px 1px 12px white;  Параметры тени */
}

.one_pano_name h1 {

    font-size: 26px;
    color: #3B3B3B ;
}

.one_pano_iframe {
    display: block;
    /*width: 760px ;*/
    width: 100% ;*/
    height: 450px ;
}


.one_pano_kod_container {

    font-size: 18px;
    padding: 20px 0px 20px 0px;
    color: #363636;
    background-color: #dcdcdc;
}

.one_pano_kod_container textarea {
    font-size: 14px;
    margin: 7px 0px 0px 0px;
    color: #747474;
    height: 5em;
    width: 550px;
}

.one_pano_opisanie_container {
    background-color: #f2f2f2;
    padding: 25px 0px 0px 0px;
    text-align: center;
}

.one_pano_opisanie_content {
    text-align: left;
    max-width: 800px;
    display: block;
    margin: 0 auto;
    padding: 0px 0px 10px 0px;
}

.one_pano_opisanie_content_header {
    font-size: 18px;
    color: #363636;
}

.one_pano_opisanie_content_info {
    font-size: 18px;
    color: #363636;
    padding: 0px 20px 0px 20px;
}

.pano_edit_table {
    margin: 0px 50px 20px 50px;
}

.pano_edit_table td {
    text-align: left;
}

.upl_btn {
    display: block;
}