/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

html { overflow: hidden scroll;  font-family: "LXGW WenKai Mono TC", monospace; font-size: 20px; line-height: 1.5em; color: rgb(230 230 230 / 95%); }

.uk-navbar { position: fixed !important; width: 100% !important; top: 0px !important; background: url(/images/art/black.jpg) 50% 50% repeat; border-bottom: 1px rgba(150, 150, 150, 1) solid; box-shadow: 0px 4px 8px rgba(0,0,10,0.3); }

.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li { height: 500px !important; z-index: -5; }

.tm-navbar.uk-navbar-attached .tm-nav-logo { top: 48%; }

:not(.uk-navbar-attached).tm-navbar { top: 0px; left: auto; right: auto; }

.tm-navbar .tm-navbar-wrapper .tm-nav .tm-nav-wrapper { margin-left: 130px; }

:not(.uk-navbar-attached).tm-navbar .tm-nav-logo { top: 10px; left: 0px; transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); width: 191px; }

.tm-fullscreen { height: 500px !important; border-bottom: 1px rgba(150, 150, 150, 1) solid; }


.uk-grid-match > * > * { 
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.uk-h4 { 
  font-size: 1.2vw;
  line-height: 4px;
  color: black;
  font-weight: 700;
  border-bottom: none !important;
  background: none !important;
}

.tm-block { 
  background: #333 url("/images/art/51.png");  
}
.tm-logo-small { 
  top: 10px;
  width: 130px;
  transform: translateX(-100%);
  position: absolute;
}
@media all and (max-width: 958px) { 
  .uk-h4 { font-size:1.7vw !important; } 
  .adult_only > img { width: 15vw !important; min-width: 100px !important; }
  .adult_only { 
    top: 140px !important;
    opacity: 0.8;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 1;
  }
  .applyform { display: block !important; }
  html { font-size: 19px; }
  .uk-article-lead { display: none; }
  .applyform { margin-top: -10px !important; width: 45% !important;}
  .menutop { padding-top: 30px; }
  .tm-social-toggle { margin-bottom: -5px!important; }
  .tm-socialbar { top: 35px; }
}
@media all and (max-width: 480px){
  .uk-article-lead { display: none; }
  .tm-cover-content h2 { font-size: 7vw !important; line-height: 8vw !important; margin-top: -60px; }
  .boximg img { width: 100% !important;}
  .box_content { padding: 10px !important; }
  .uk-h4 { font-size: 4.2vw !important; }
  .partners { bottom: -15px !important; }
  .partners-mat { max-width: 130px !important; font-size: 1em !important; }
  .applyform { display: none !important;}
  .applyform-min { display: block !important; }
  .tm-fullscreen { height: 85vh !important; }
  .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li { height: 85vh !important; }
   .zakaz > a { width: 100% !important; }
}
@media all and (max-height: 500px){
  .applyform {display: none !important;}
  .adult_only { left: 1vw !important; transform: none;}
  .tm-cover-content h2 { font-size: 5vw !important; line-height: 5vw; margin-top: -150px; }
  .uk-article-lead { display: none; }
  .partners { bottom: 20vh !important; }
  .applyform-min { display: none !important; }
}
@media all and (max-width: 768px) {
  .uk-panel-title { font-size: 1.3em !important; }
  .paneltxt { font-size: 1em !important; line-height: 1.4em !important; }
}
@media all and (min-width: 480px) {
  .tm-cover-content { margin-top: 0vh; }
}

.tm-social-toggle { 
height: 50px;
    border: 1px solid black;
    border-radius: 3px;
    background: white;
    color: black;
    font-size: 20px;
    line-height: 20px;
    min-width: 155px;
    margin-bottom: 5px;
    font-weight: 700;
  border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  letter-spacing: 1px;
  font-family: cursive;
    display: flex
;
    align-items: center;
}

.uk-navbar-toggle { color: silver; }

.adult_only { 
  position: absolute;
  left: 1vw;
  top: 1vw;
}

.partners {
  margin: auto; 
  bottom: -10px; 
  position: relative; 
  z-index: 4; 
  max-width: 1200px; 
  transform: translate(0%, -100%);
}

.applyform {
margin: 0px auto;
    top: 90px;
    position: absolute;
    width: 30%;
    z-index: 4;
    transform: translateX(0%);
    height: 30%;
    right: 0px;
    min-width: 250px;
}
.applyform-min { 
  display: none;  
  margin: 0px auto; 
  top: 80px; 
  position: absolute; 
  width: 100%;
  z-index: 4; 
  transform: translateX(0%);
}

.header-plain {   
background: url(/images/art/011.png) 50% 0% repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
}

.tm-cover-content h2 {
  color: gold !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 48px;
  text-shadow: 1px 1px 4px rgba(150,0,0,0.6), -1px -1px 4px rgba(150,0,0,0.6), -1px 1px 4px rgba(150,0,0,0.6), 1px -1px 4px rgba(150,0,0,0.6);
}
.uk-article-lead {
  font-style: normal;
  color: aliceblue !important;
}
.tm-socialbar { 
    transform: translateY(-50%);
    margin-top: -5px !important;
    min-width: 162px;
    right: 5px !important;
    height: 50px;
  }
h2 { 
  font-size: 1.1em; 
  line-height: 1.3em; 
  color: wheat !important;
  text-transform: none;
  text-align: center; 
  text-shadow: 0px 0px 3px black;
}
h3 { 
font-size: 1.3em;
    color: wheat;
    padding: 10px;
    border-bottom: 1px solid wheat;
}
.tm-block.tm-block-image {
  background: black;
  background-color: black;
  border-top: 1px rgba(100, 100, 100, 1) solid;
}

.tm-block-image :not(.tm-panel-box-default):not(.uk-panel-box-primary).uk-panel a { color: aliceblue !important; }

.footermenu {
  text-transform: uppercase; 
  font-size: 1em;
  padding: 0px 5px;
}
.uk-form-danger + .tm-error {
    display: block;
}
.tm-error {
    position: absolute;
    font-size: 13px;
    color: red;
    display: none;
    margin-top: -28px;
    margin-left: 165px;
}
@keyframes uk-shake {
 0%, 100% { transform: translateX(0); }
 10% { transform: translateX(-9px); }
 20% { transform: translateX(8px); }
 30% { transform: translateX(-7px); }
 40% { transform: translateX(6px); }
 50% { transform: translateX(-5px); }
 60% { transform: translateX(4px); }
 70% { transform: translateX(-3px); }
 80% { transform: translateX(2px); }
 90% { transform: translateX(-1px); }
}

textarea.uk-form-danger,
input.uk-form-danger {
 border-color: red !important;
 animation-duration: .5s;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
 animation-name: uk-shake;
}

.uk-text-danger { 
  color: red; 
}
.uk-panel-title { 
  font-size: 1.05em;
    color: white !important;
    text-align: center;
    padding: 15px;
    background: url(/images/art/black.jpg) 50% 50% repeat;
    border-radius: 3px;
    border-bottom: 1px solid white;
}

.box_content { 
background: rgba(30, 30, 30, 0.6);
    padding: 20px;
    border: rgba(100, 100, 100, 1);
    border-radius: 3px;
   color: wheat;
    font-size: 1.1em;
    line-height: 1.3em;
   margin: 20px 0px;
}

form input[type='radio'], form input[type='checkbox'] { 
  margin: 10px 10px 0;
  width: 18px;
  height: 18px;
}
form input, form select, form textarea { 
  padding: 6px;
  border: 1px solid rgba(200, 200, 200, 0.5);
  background-color: rgba(150, 140, 150, 0.3);
}

.uk-list-line > li:nth-child(n+2) { 
  border-top: 1px solid rgba(255, 233, 157, 0.4); 
}

.uk-article-title {color: white !important;
    text-align: center;
    padding: 15px;
    background: url(/images/art/black.jpg) 50% 50% repeat;
    border-radius: 3px;
    border-bottom: 1px solid white;
}

.pgtitle { 
  text-transform: none;
  font-family: "Cuprum";
}
a:hover, .uk-link:hover { color: lightyellow;}
label, input, button, select, textarea { font-size: 1em; }

.uk-navbar-nav > li > a { font-weight: 400; color: aliceblue; height: 80px; line-height: 80px; text-transform: none; font-size: 22px; padding: 0px 10px; }

.pgb-content-inside { overflow: hidden; }

.input-xxlarge { background: white; }

.paneltxt { font-size: 0.8em; line-height: 1.4em; }

.well { 
  background-color: rgba(80, 0, 0, 0.3);
  border: 1px solid rgba(150, 0, 0, 0.4);
}

@keyframes blur {
  from {
    box-shadow:0px 0px 1px black,
      0px 0px 1px rgba(255, 255, 255, 1),
      0px 0px 2px rgba(255, 255, 255, 1),
      0px 0px 3px rgba(255, 255, 255, 1),
      0px 0px 3px rgba(255, 255, 255, 1),
      0px 0px 4px rgba(255, 255, 255, 1),
      0px 0px 4px rgba(255, 255, 255, 1),
      0px 0px 6px rgba(255, 255, 255, 1),
      0px 0px 6px rgba(255, 255, 255, 1),
      0px 0px 4px black,
      0px 0px 4px black,
      0px 0px 4px black,
      0px 0px 5px black,
      0px 0px 5px black,
      0px 0px 6px black,
      0px 0px 6px black,
      0px 0px 5px black,
      0px 0px 5px black,
      0px 0px 4px black,
      0px 0px 4px black,
      0px 0px 3px black,
      0px 0px 3px black,
      0px 0px 2px black,
      0px 0px 1px black;
  }
}

.area {
font-size: 20px;
    color: black;
    letter-spacing: 0px;
    animation: blur 1.75s ease-out infinite;
    font-weight: 700;
    line-height: 23px;
    width: 160px;
    height: 47px;
}

.uk-button { border: 1px solid rgba(200, 200, 200, 0.7); color: aliceblue; padding: 0px 20px; font-weight: bold; box-shadow: 0px 3px 6px rgba(0,0,0,0.3); border-radius: 4px; }

.uk-button:hover, .uk-button:focus { color: gold; }

.pagination ul > li > a, .pagination ul > li > span {  background-color: rgba(80, 0, 0, 0.3); }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background-color: rgba(80, 0, 0, 0.3); }

.uk-offcanvas .uk-search { margin-top: 0px; }

a, .uk-link { color: lightgoldenrodyellow; text-decoration: none; }

h5, .uk-h5 { font-size: 0.9em; color: lightyellow !important; background: none !important; }

.apply-left { font-size: 1.2em; margin-left: 5vw; float: left; }
.apply-right-t { font-size: 1.2em; margin-right: 5vw; float: right; }
.apply-right-z { font-size: 1.2em; margin-right: 5vw; float: right; }

.part.uk-grid-match > * > * { max-width: 90% !important; }
.part_s.uk-grid-match > * > * { max-width: 90% !important; }

.uk-nav-side > li > a { color: aliceblue; font-size: 1.2em; border-bottom:1px rgba(150, 150, 150, 1) solid; padding-bottom: 10px; padding-left: 10px; }

ul.uk-nav-sub { padding: 15px 10px; }

.uk-panel-header .uk-panel-title { font-weight: 400; }

.uk-search-field { border: 2px solid rgba(0, 0, 80, 1) !important; background: rgba(255,170,0,0.5); color: black; width: 100%; }
.uk-search-field:focus, .uk-search.uk-active .uk-search-field { width: 100%; }

.uk-button-primary { background-color: rgba(255, 165, 0, 0.81); margin-top: -25px; }

.uk-overlay-background { background: rgba(14, 41, 243, 0.3); }

.partners-mat { 
  background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%,  rgba(90, 90, 90, 0.4) 50%, rgba(230, 230, 230, 1) 100%),   url(/images/art/wall.png) 50% 50% repeat; 
  padding: 1vw 0.5vw; 
  border-radius: 5px;
  color: black; 
  font-family: "Open Sans Condensed"; 
  font-size: 1.2em; 
  margin-right: auto; 
  margin-left: auto; 
  max-width: 170px; 
  box-shadow: 0px 0px 20px rgba(0,0,10,0.2);
  font-weight: 700;
}

.partners-mat-mebel { 

    color: white;
    font-family: "Open Sans Condensed";
    font-size: 1.2em;
    margin-top: -12px;
    font-weight: 700;
  text-shadow: 1px 1px 4px rgba(150, 0, 0, 0.6), -1px -1px 4px rgba(150, 0, 0, 0.6), -1px 1px 4px rgba(150, 0, 0, 0.6), 1px -1px 4px rgba(150, 0, 0, 0.6);
}

.menutop { margin-top: 0px !important; }

.uk-accordion-title { background: #222222 linear-gradient(rgba(220, 220, 220, 1) 0%, rgba(0, 0, 139, 0.01)100%); min-height: 150px; text-align: center; font-size: 1.5em; line-height: 1.5; border: 1px rgba(150, 150, 150, 1) solid; border-radius: 3px; }

.uk-icon-button { color: white; }

.uk-nav > li.uk-active > a, .uk-nav-dropdown > li.uk-active > a { color: lightyellow; }
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus { color: lightyellow; background: rgba(0, 0, 0, 0.1); }
.uk-icon-exclamation::before { color: red; }

.uk-panel-box-primary { background: rgba(12, 27, 32, 0.5) url(/images/art/black.jpg) 50% 50% repeat; border: 1px rgba(150, 150, 150, 1) solid; color: white; padding: 0px; border-radius: 4px; box-shadow: 0px 0px 20px rgba(0, 0, 10, 0.2); }

.uk-pagination > li > a { border: 2px solid white; color: white; }
.uk-pagination > .uk-active > span { border: 2px solid blue; color: blue; }

.wert { z-index: -10; top: 150px; }

.head-home { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.7) 100%), url(/images/art/wall.png) 50% 50% repeat; padding: 20px; text-align: center; color: aliceblue; border-radius: 3px; box-shadow: 0px 3px 6px rgba(0,0,0,0.3); }

.goroda-menu { color: rgba(255, 235, 158, 1) !important;}

.uk-list > li > :last-child {
    margin-bottom: 0;
    color: white;
}

.tth   {  margin-top: 20px;
    color: #f5dea7;
    line-height: 40px;
  margin-left: 15px;
}

.uk-overlay { background: silver; }

.privacy { font-size: 0.85em; }

.tm-cover-content { background: none; }

.tm-slideshow-fullscreen .uk-overlay-panel { background: none; }


.top-remont { text-align: left;
    color: white;
    font-weight: 400;
    min-width: 280px;
    background: url(/images/art/black.jpg) 50% 50% repeat;
    padding: 10px;
    border-radius: 10px;
}

.pl {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    padding: 10px 20px 20px 20px;
    text-align: left;
    margin-bottom: 10px;
    background: rgb(87 207 237);
    border-radius: 5px;
    background: url(/images/art/black.jpg) 50% 50% repeat;
}

.top-mebel { max-width: 290px;
    margin-left: auto;
    margin-right: auto; 
}

.uk-panel-box { border: 1px solid #ffffff38; background-color: #9f292c1f;    padding: 0px; }

.uk-nav-offcanvas > li > a { padding: 5px 10px; }

.uk-offcanvas .uk-panel { margin: 20px 15px; }

.uk-nav ul { padding-left: 0px; }

.uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #ffffff5e; }

.uk-nav-offcanvas ul.uk-nav-sub { padding-left: 15px; }

.uk-nav-offcanvas ul a { margin-bottom: 12px; }

.uk-animation-slide-bottom { 
    background: url(/images/art/fon3.jpg) 50% 50% repeat;
    margin: 20px 0px;
    color: white;
    padding: 0px 20px;
    border: 1px solid #f5deb387;
    border-radius: 5px;
    background-size: cover;
}

