/* Офлайн страница */

body > div.tm-offline {
    border-radius: 5px;
    box-shadow: 0 0 3px 2px #ccc;
}

body > div.tm-offline input, body > div.tm-offline button {
    border-radius: 3px !important;
}

body > div.tm-offline h1 {
    color: #c00;
    font-family: 'Exo 2' !important;
}



/* Общий фон */

body {
    background: #ffc;
}


/* Редактор */

body#tinymce {
    padding: 20px;
}


/* Шапка сайта */

.tm-navbar.uk-navbar {
    position: sticky;
    top: 0;
    z-index: 99;
}

.tm-navbar {
    background: none;
}

li a i {
    margin-right: 10px;
}

.uk-navbar-nav.uk-hidden-small {
    display: table;
    width: 100%;
}

.tm-navbar.uk-navbar {
    border-radius: 5px;
}

.uk-navbar-nav > li {
    float: none;
    position: relative;
    display: table-cell;
    text-align: center;
    background: #960;
    border-right: 1px solid #630;
}

.uk-navbar-nav > li:nth-child(1) {
    border-radius: 5px 0 0 5px !important;
}

.uk-navbar-nav > li:nth-last-child(1) {
    border-radius: 0 5px 5px 0 !important;
    border-right: none;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(0,0,0,0);
    color: #fff;
}

.uk-navbar-nav > li.uk-active {
    background-color: #630;
}

.uk-navbar-nav:hover > li.uk-active {
    background-color: #960;
}

.uk-navbar-nav > li > a {
    color: #fff;
    font-family: Marmelad;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: rgba(0,0,0,0);
    color: #fff;
    outline: none;
}

.uk-navbar-nav > li:hover, .uk-navbar-nav > li:focus, .uk-navbar-nav > li.uk-open {
    background: #630 !important;
}

.uk-dropdown {
    width: calc(100% + 2px);
    background: #630;
    border-radius: 5px;
    border: none;
    top: 55px !important;
    padding: 0 15px;
}

.uk-nav-navbar > li > a {
    color: #000;
}

.uk-nav-navbar .uk-nav-header {
    color: #fff;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: none;
    color: #ff9;
    outline: none;
}

.uk-nav-navbar > li:hover, .uk-nav-navbar > li:focus {
    background: #0c6;
}

.uk-nav-navbar > li:nth-child(1) {
    border-radius: 5px 5px 0 0;
}

.uk-nav-navbar > li:nth-last-child(1) {
    border-radius: 0 0 5px 5px;
}

.uk-dropdown-navbar ul li a {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 5px 7px 5px;
}

.uk-nav-navbar > li > a {
    color: #fff;
}

.uk-nav-navbar > li + li {
    border-top: 1px solid #ffc;
}

.uk-nav-navbar > li.uk-active {
    background: #c00;
}

.uk-nav-sub > li > a {
    font-size: 14px;
}


/* Бокове меню */

.uk-panel-box-primary {
    background: #ff9;
    color: #000;
    border-radius: 5px;
}

.uk-panel-title {
    color: #f00 !important;
    border-bottom: 2px dashed #f00;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.uk-nav-side > li > a {
    color: #000;
    line-height: 1.4;
    font-size: 18px;
    color: #f00;
}

.uk-nav > li > a {
    padding: 2px 20px 6px 20px;
}

.uk-nav-side > li.uk-active > a {
    background: #0c8;
    color: #fff;
}


/* Футер */

.tm-footer {
    background: #960;
    border-radius: 5px;
    padding: 11px 15px;
    font-family: Marmelad;
    line-height: 1.3;
}

.tm-footer > .uk-panel {
    color: #fff;
}



/* Логотип */


.logo_table {
    display: table;
    font-family: "Marmelad";
}

.logo_cell {
    display: table-cell;
    vertical-align: middle;
}

.logo_cell img {
    height: 100px;
    margin-right: 25px;
}

.tm-logo {
    text-decoration: none !important;
}

.logo_cell p {
    text-align: left;
    font-size: 30px;
    line-height: 34px;
    color: #630;
    margin: 0;
    position: relative;
    top: -5px;
}

.logo_cell p span {
    color: #0c9;
}


/* Контакты в шапке */

.tm-headerbar .uk-panel {
    max-width: none;
}

.kontakty {
    display: inline-block;
    float: right;
    text-align: right;
}

.kontakty a {
    display: block;
    text-decoration: none;
    color: #000;
}

.kontakty a img {
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.kontakty a i {
    margin-right: 10px;
}

.kontakty a + a {
    margin-top: 5px;
}

a.vg {
    text-shadow: 0 0 0.1px #f00;
    color: #f00;
}

a.vg:hover {
    text-shadow: 0 0 0.1px #0c9;
    color: #0c9;
}

/* Адаптируем шапку */


@media (max-width: 970px) {
    
    .logo_cell p {
        font-size: 30px;
    }
    
}

@media (max-width: 880px) {
    
    .kontakty a {
        font-size: 14px;
    }
    
}

@media (max-width: 880px) {
    
    .logo_cell p {
        font-size: 24px;
    }
    
}


/* Шапка на мобильной версии */

@media (max-width: 767px) {
    
    .tm-navbar.uk-navbar {
        background: #ff9;
        color: #000;
        position: sticky;
        top: 0;
        z-index: 999;
    }
    
    .tm-navbar.uk-navbar {
        border-radius: 0px;
    }
    
}

.tm-logo-small {
    letter-spacing: 0;
    display: inline-block;
}

.uk-navbar-center {
    max-width: 90%;
}

.tm-logo-small p {
    display: inline-block;
    margin: 0;
}

.tm-logo-small a {
    display: inline-block;
    text-decoration: none;
    color: #0c9;
    position: relative;
    top: 2px;
}


/* Модальное окно */

.uk-modal-dialog {
    border-radius: 5px;
}

.modal_title {
    font-size: 24px;
    color: #f00;
}

.uk-modal-header {
    border-bottom: 2px dashed #f00;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.uk-modal-footer {
    margin-top: 15px;
    border-top: 2px dashed #f00;
    padding-top: 20px;
}

.uk-modal-footer button.uk-width-1-1 + button.uk-width-1-1 {
    margin-top: 20px;
}

.uk-button {
    border-radius: 3px;
    line-height: 1.5;
    padding: 9px 15px;
    background: #960;
    color: #fff;
}

.uk-button-primary {
    background: #0c9;
}

.viber {
    background: #7a509c;
}

.whatsapp {
    background: #00c867;
}

.uk-button:hover, .uk-button:active, .uk-button:focus {
    background: #cc0000;
    color: #fff;
}


/* Шрифты */

* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {
    margin-top: 10px;
}

p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
    margin: 0 0 10px 0;
}

h1,
.uk-h1 {
  font-size: 34px;
  line-height: 1.4;
  font-family: "Marmelad";
  color: #0c9;
}
h2,
.uk-h2 {
  font-size: 30px;
  line-height: 1.4;
  font-family: "Marmelad";
}
h3,
.uk-h3 {
  font-size: 24px;
  line-height: 1.4;
  font-family: "Marmelad";
}
h4,
.uk-h4 {
  font-size: 20px;
  line-height: 1.4;
  font-family: "Marmelad";
}
h5,
.uk-h5 {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Marmelad";
}
h6,
.uk-h6 {
  font-size: 15px;
  line-height: 1.4;
  font-family: "Marmelad";
}


/* Выбор города */

.oblasti, .goroda {
    display: block;
    border-radius: 3px;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    text-decoration: none !important;
}

.oblasti {
    background: #960;
}

.goroda {
    background: #0c9;
}

.oblasti + .oblasti, .goroda + .goroda {
    margin-top: 10px;
}

.oblasti:hover, .goroda:hover {
    background: #c00;
    color: #ff9;
}



/* Контакты в разделе контакты */

.kontakt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px 0px -15px;
}

.kontakt a {
    flex-grow: 1;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 18px;
    text-align: left;
    margin: 15px;
    text-decoration: none;
    box-shadow: 0 0 5px 1px #ccc;
}

@media (max-width: 370px) {
    
    .kontakt a {
        font-size: 14px;
    }

}

.kontakt a:hover {
	background: #ff9;
}

.kontakt a i[class="uk-icon-hand-o-up"] {
	transform: rotate(-24deg);
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}


/* Города доставки */

div.gdost {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px -5px -5px;
}

a.gdost {
    flex-grow: 1;
    background: #ccf;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 14px;
    text-align: center;
    margin: 5px;
    box-shadow: 0 0 3px 1px #eee;
}

a.gdost:hover, a.gdost:focus, a.gdost:active {
    background: #9f9;
}


/* Форма обратной связи */

.obrs, .obrsv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px -10px 0 -10px;
}

.obrs > *, .obrsv > * {
    flex-grow: 1;
    border-radius: 3px !important;
    padding: 10px 15px;
    font-size: 18px;
    margin: 10px;
    line-height: 1.5;
}

.obrs > input, .obrsv > input {
    height: auto;
    padding: 10px 15px;
    margin: 10px;
    background: #fff !important;
}

.obrs > textarea, .obrsv > textarea {
    width: 100%;
    resize: none;
    height: 137px;
    background: #fff;
}

.obrs > button, .obrsv > button {
    width: 100%;
}

#resul, #resul2 {
    border-radius: 3px;
    line-height: 1.5;
    padding: 9px 15px;
    background: #0c6;
    color: #fff;
    margin-top: 15px;
    text-align: center;
}

#resul:empty, #resul2:empty {
    display: none;
}

.spoiler {
    display: none;
}

button.fos i {
    margin-right: 10px;
}

button.fos {
    position: fixed;
    right: -103px;
    top: 50%;
    font-family: "Exo 2";
    text-transform: uppercase;
    width: 250px;
    transform: rotate(-90deg);
    border-radius: 3px 3px 0 0;
    text-align: center;
    z-index: 99;
}

@media (max-width: 768px) {

	button.fos {
	    right: -73px;
	    padding: 5px;
	    line-height: 0px;
	    box-sizing: border-box;
	    display: block;
	    font-size: 14px;
	    height: auto;
	    min-height: auto;
	    width: 170px;
	}

}


/* Widgetkit */

ul.uk-slideshow li > * {
    border-radius: 5px;
}

figure img, figure {
    border-radius: 3px;
}

figure {
    box-shadow: 0 0 5px 1px #ccc;
}

p img {
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 0 3px 1px #ccc;
}

p img + img {
    margin-top: 20px;
}



/* Картинки флексом */

p.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px 15px -15px;
}

p.flex > img {
    flex-grow: 1;
    cursor: pointer;
    border-radius: 5px;
    margin: 15px;
    max-heigh: 200px;
}



/* Получить прайс */

button.price {
    border-radius: 5px;
}

button.price i {
    margin-right: 10px;
}

form.price {
    margin: 0;
}

form.price input {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    font-size: 18px;
    line-height: 1.2;
    padding: 7px 10px 10px 10px;
    border-radius: 3px;
    background: #fff;
}

form.price button {
    padding: 7px 10px 10px 10px;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 10px;
}

div#result {
    background: #ff0;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.3;
    padding: 7px 10px 10px 10px;
    text-align: center;
    border-radius: 3px;
}

div#result:empty {
    display: none;
}

input[name="key"] {
    display: none;
}