/*перелив заголовка*/
@keyframes shineUp {
 0% {background-position: 0% 100%;}
 100% { background-position: 0% 0%;}}

.shine-up {
  background: linear-gradient(
    to top,
    #F0BC7D 0%,
    #faebc8 40%,
    #F0BC7D 80%
  );
  background-size: 100% 200%;
  background-position: 0% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineUp 1.2s ease-out 1;
}







.chat-window {
                    height: 300px;
                     overflow-y: auto;
                     max-width: 500px;
                     background-color: #000000;
                    border: 3px solid #808080;
                    border-radius: 15px;
                    margin: 0 auto;
                }

.cit {inline-block;
    background-color: #0f0f0f;
    color: white;
    font-size: 12px;
    max-height: 30px;
    margin-top: 10px;}

.ryb {inline-block;
    background-color: #0f0f0f;
    color: white;
    font-size: 12px;
    max-height: 30px;
    margin-top: 10px;}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #1e1e1e;}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;}
.dropdow {
     position: relative;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    border: 1px solid grey;
    display: block;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
textarea{text-align: center; height: 150px;width: 320px;background-color: #c4c2be; font-size: 17px;}
input{width: 97px; font-weight: bold; background-color: #c4c2be; font-size: 16px;}
.el-check {width: 30px; height: 10px;}
.che {vertical-align: 2px;}

.service-prices-box {border: 2px solid #5a5a5a; padding: 15px; border-radius: 8px; max-width: 600px; margin: 0 auto;}

.podilut:hover {background-color: #500e1e; transition-duration: 0.7s;transform: scale(1.02) ;border-radius: 30px !important;}
.socmer:hover {background-color: #500e1e; transition-duration: 0.7s;transform: scale(1.02) ;border-radius: 30px !important;}

.u-body {background-color: #0f0f0f;}
.u-wapka {background-color: #080808;}
.u-wapka {height: 65px; padding: 10px 0 45px; position: sticky; top: 0; z-index:99999999;}
.u-wapka .u-container-layout-1_0 {padding: 0px 0 45px;height: 15px;margin-bottom: 0px;margin-right: 5px;margin-left: 5px; box-shadow: 0px 0px 10px whitesmoke;background-image: linear-gradient(180deg, #4d535c, rgba(125,0,0,0));}
@media (max-width: 791px) {  .u-wapka {max-height: 55px;}  .u-wapka .u-container-layout-1_0 {padding: 0px 0 33px;}}
.dodatok {position: absolute;right: 20px; top:7px;}
@media (max-width: 800px) {.dodatok {position: absolute;right: 20px; top:5px;font-size: 0.8rem;} .podil {font-size: 0.5rem;} .soc {font-size: 0.5rem;} .pravo {font-size: 0.5rem;} .listen {font-size: 0.8rem;} .che {font-size: 0.6rem;}}

.sectio-i {background-color: #1e1e1e;}
.sectio-i .u-image {height: 175px; width: 100%; margin: 0px auto auto;}
@media (max-width: 575px) {.sectio-i .u-image {height: 140px;}}


.golovna:hover small,
.about:hover small {display: inline-block; transition-duration: 1.2s; transform: scale(1.1);}
.image {margin-top: 7px}
@media (max-width: 1750px) {.image {margin-left: 520px} .golovna {left:30px;top:-8px;} .about {left:10px;top:-8px;}}
@media (max-width: 1550px) {.image {margin-left: 415px} .golovna {top:-8px;} .about {top:-8px;}}
@media (max-width: 1410px) {.image {margin-left: 370px} .golovna {top:-8px;} .about {top:-8px;}}
@media (max-width: 1300px) {.image {margin-left: 260px} .golovna {top:-8px;} .about {top:-8px;}}
@media (max-width: 1100px) {.image {height: 0px} .golovna {top:6px;} .about {top:6px;}}
@media (max-width: 700px) {.golovna {top:2px;font-size: 0.8rem;} .about {top:2px;font-size: 0.8rem;}}

.u-section-1_1  {background-image: linear-gradient(100deg, #1e1e1e, rgba(125,202,240,0));max-height: 60px;max-width: 400px;}
.u-polosa {background-color: #0f0f0f;max-height: 10px;}
.u-section-za { padding: 10px; background-image: linear-gradient(180deg, rgba(125, 202, 240, 0) 0%, #0f0f0f 3%);margin-top: -50px;}
.u-section-za .u-text2 {margin: 20px 0px 0px 0px;}
.u-section-za .u-text3 {margin: 20px 0px 0px 0px;}
.u-section-za .form {margin: 20px 0px 0px 0px;}
.u-section-za .u-dodat {padding: 0px 0 50px;}
.u-section-za .u-contain{border: 1px solid #D6A972;max-width: 670px;margin: 0 auto;}


.u-sect {background-image: url("images/zajavka.jpg");background-position: 100% 100%;}
.u-section-ad {background-image: url("images/adCompan.jpg");background-position: 100% 70%;}
.u-section-up {background-image: url("images/upCompan.jpg");background-position: 100% 70%;}
.u-section-upCh {background-image: url("images/upCompanChat.jpg");background-position: 100% 70%;}
.u-sheet-1 {min-height: 477px;}
@media (max-width: 1199px) {.u-sheet-1 {min-height: 400px;}}
@media (max-width: 991px) {.u-sheet-1 {min-height: 316px;}}
@media (max-width: 767px) {.u-sheet-1 {min-height: 237px;}}
@media (max-width: 575px) {.u-sheet-1 {min-height: 200px;}}

.u-section-2 {background-image: linear-gradient(90deg, #0f0f0f, rgba(125,0,0,0));}
.u-section-2 .u-sheet-1 {min-height: 370px;}


#shopr{padding: 5px 15px;} #shoprp{padding: 5px 15px;}