/*----------  MAIN  ----------*/
*:focus{
	outline: none !important;
}
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
body > .uk-container {
	flex: 1 0 auto;
	width: 100%;
	-webkit-backface-visibility: hidden;
}
body, h1, h2, h3, h4, h5, h6,
.uk-navbar-nav li > a,
.uk-list li > a,
aside .uk-nav li > a,
.uk-nav-offcanvas li > a {
	font-family: inherit;
}
.fields-container dt,
.fields-container dd {
	display: inline;
}
.page-substrate {
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0,0,0,.25);
}
hr + * {
	margin-top: 0;
}
#cookies_msg {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	z-index: 999;
	box-sizing: border-box;
	box-shadow: 0 0 30px 0 rgba(0,0,0,.25)
}

/*----------  TOP  ----------*/
.header {
	padding: 20px 0 5px 0;
}
.header p,
.header ul,
.header ol,
.footer p,
.footer ul,
.footer ol,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
	margin: 0;
	padding: 0;
}
.header a {
	color: #2e78a7;
}
.header .header-2 a:hover,
.header .header-2 a:focus,
.header .header-4 a:hover,
.header .header-4 a:focus {
	color: #13a6f4;
}
.header ul,
.header ol,
.footer ul,
.footer ol {
	list-style: none;
}
.footer p + p,
.footer li + li,
.footer .uk-list-space li + li {
	margin-top: 8px;
}

/*----------  BOTTOM  ----------*/
.footer {
	padding-bottom: 0 !important;
}
.footer .nav > li {
	width: 100%;
}
.footer .nav > li > a:hover {
	background: transparent;
}
.copyrights {
	padding: 0 15px;
}
.copyrights a {
	font-size: 80%;
	opacity: .5;
}

/*----------  BUTTONS AND LINKS  ----------*/
a, button, input[type="button"], input[type="reset"], input[type="submit"], .uk-link {
	transition: all .2s ease-out 0s;
	cursor: pointer;
}

/*----------  ADDITIONAL  ----------*/
a.uk-badge:hover {
	cursor: pointer;
}
.uk-form textarea {
	padding-top: 5px;
	padding-bottom: 5px;
}
.uk-form textarea.uk-form-large {
	padding-top: 10px;
	padding-bottom: 10px;
}
.form-fullwidth form input,
.form-fullwidth form select,
.form-fullwidth form textarea {
	width: 100%;
}
.uk-navbar-nav > li > a {
	margin: 0;
	border: 0;
}
.logo a:hover {
	text-decoration: none;
}
#gototop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	transition: none;
}
aside > div:last-child {
	margin-bottom: 0 !important;
}
.uk-nav-side {
	margin: 0 -15px;
}
.uk-nav-side > li > a {
	padding: 8px 20px 8px 15px;
}
.uk-nav-offcanvas .uk-nav-sub > li > a {
	padding: 10px 0;
}
.uk-nav-offcanvas > li > a {
	padding: 15px;
}
.uk-icon-button {
	border: 1px solid;
}
.uk-dropdown,
.uk-modal-dialog,
.uk-notify-message {
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
}
.uk-modal .uk-close {
	font-size: 26px;
	width: 26px;
	line-height: 26px;
}
.uk-panel-box:not(.uk-panel-box-primary) {
	border: 1px solid #ddd;
}
.uk-panel-box .uk-panel-teaser {
	border-bottom: 1px solid #ddd;
}
.uk-alert {
	position: relative;
}
.uk-alert.icon::before {
	content: "\f05a";
	font-family: FontAwesome;
	font-size: 36px;
	line-height: 1;
	margin-right: 15px;
	vertical-align: middle;
	display: inline-block;
}
.uk-alert-danger.icon::before {
	content: "\f00d";
}
.uk-alert-warning.icon::before {
	content: "\f071";
}
.uk-alert-success.icon::before {
	content: "\f00c";
}
.uk-alert-success{
	border: 1px solid;
}
.uk-alert::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid;
	opacity: .33;
}
.uk-alert a {
	position: relative;
	z-index: 2;
}
.uk-badge {
	cursor: default;
}
.uk-modal .g-recaptcha > div {
	margin: 0 auto;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:active,
.social-icons a:focus {
	color: #fff !important;
	border: none !important;
}
.social-icons a:hover,
.social-icons a:active,
.social-icons a:focus {
	transform: scale(.85);
}
.social-icons a[href*='vk.com'] {
	background: #45668e !important;
}
.social-icons a[href*='ok.ru'] {
	background: #ed812b !important;
}
.social-icons a[href*='whatsapp'] {
	background: #25d366 !important;
}
.social-icons a[href*='telegram'] {
	background: #0088cc !important;
}
.social-icons a[href*='facebook'] {
	background: #3b5998 !important;
}
.social-icons a[href*='twitter'] {
	background: #1da1f2 !important;
}
.social-icons a[href*='instagram'] {
	background: #e1306c !important;
}
.uk-form-controls {
	position: relative;
}
.uk-form-controls span.uk-form-danger {
	position: absolute;
	display: block;
	bottom: -8px;
	right: 8px;
	font-size: 85%;
	padding: 0 5px;
}
.uk-modal textarea {
	width: 100% !important;
	max-width: 100% !important;
}
[class*="uk-hidden"] + [class*="uk-margin"] {
	margin-top: 0;
}


// .side-buttons .uk-button {
// 	position: relative;
// 	overflow: hidden;
// }
// .side-buttons .uk-button {
// 	transition: all .3s ease-in-out 0s;
// }
// .side-buttons .uk-button:hover {
// 	transform: skewX(5deg);
// }
// .side-buttons .uk-button:hover::before,
// .side-buttons .uk-button:hover::after {
// 	animation: .3s ease-in-out 0s infinite alternate side-buttons;
// }
// @keyframes side-buttons {
// 	from {
// 		transform: scale(1);
// 	} to {
// 		transform: scale(2);
// 	}
// }


.uk-panel-box > .ribbon {
	position: relative;
	padding: 10px;
	margin-top: -16px;
	margin-left: -20px;
	margin-right: -20px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
}
.uk-panel-box > .ribbon::before,
.uk-panel-box > .ribbon::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid #006c69;
	border-bottom: 5px solid transparent;
	position: absolute;
	bottom: -10px;
}
.uk-panel-box > .ribbon::before {
	border-left: 5px solid transparent;
	left: 0;
}
.uk-panel-box > .ribbon::after {
	border-right: 5px solid transparent;
	right: 0;
}
// .mu-slideshow .uk-slidenav-previous,
// .mu-slideshow .uk-slidenav-next {
// 	width: 40px;
// 	background-color: #ff0c81;
// 	box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
// 	color: #fff;
// }
// .mu-slideshow .uk-slidenav-previous {
// 	left: 0;
// }
// .mu-slideshow .uk-slidenav-next {
// 	right: 0;
// }
.product-label {
	top: 10px;
	left: -5px;
}
// .uk-button:not(.uk-button-primary):not(.uk-button-danger):not(.uk-button-warning):not(.uk-button-success):not(.uk-button-link) {
// 	box-shadow: inset 0 0 0 1px #333;
// 	color: #333;
// }

/*-----JSHOP TREEVIEW MODULE-----*/
.vina-treeview-jshopping {
	// font-size: 14px;
	margin: 0 -15px -15px;
	background-color: #f5f5f5;
}
.vina-treeview-jshopping a {
	color: #333;
}
.vina-treeview-jshopping li:hover > a,
.vina-treeview-jshopping .hitarea:hover,
.vina-treeview-jshopping .hitarea:focus {
	color: #2e78a7;
}
.vina-treeview-jshopping > ul {
	margin: 0;
}
.vina-treeview-jshopping li:not(.collapsable):not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.vina-treeview-jshopping li.collapsable {
	padding-bottom: 0;
}
.vina-treeview-jshopping li > a {
	display: inline-block;
	margin: 8px 0;
}
.vina-treeview-jshopping li {
	position: relative;
	padding: 0 30px 0 15px;
	box-sizing: border-box;
}
.vina-treeview-jshopping li > ul {
	margin: 0 -30px 0 -15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: rgba(0,0,0,.03);
	padding: 0;
}
.vina-treeview-jshopping li > ul > li > ul {
	margin: 0 -15px 0 -30px;
	border-bottom: none;
}
.vina-treeview-jshopping li > ul > li {
	margin: 0;
	padding: 0 15px 0 30px;
}

.vina-treeview-jshopping .sub-menu {
	font-weight: normal;
	font-size: 14px;
}
.vina-treeview-jshopping .hitarea {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
	cursor: pointer;
	line-height: 34px;
	color: #2e78a7;
	padding-right: 10px;
}
.vina-treeview-jshopping .hitarea::before {
	transition: transform .25s ease-out 0s;
	display: inline-block;
}
.vina-treeview-jshopping .hitarea.collapsable-hitarea::before {
	transform: translateX(-2px) rotateZ(90deg);
}
.vina-treeview-jshopping .hitarea::before {
	content: "\f054";
	font-family: "FontAwesome";
}
.vina-treeview-jshopping li > ul > li > .hitarea {
	margin: 0;
	text-align: left;
	padding-right: 0;
	padding-left: 15px;
}
.vina-treeview-jshopping li > ul > li > .hitarea::before {
	font-size: 12px;
}
.vina-treeview-jshopping li > ul > li:not(.collapsable):not(.expandable)::before {
	content: "•";
	color: #333;
}


.accordion-inner > h2 + * {
	margin-top: 0;
}


.uk-modal .uk-slidenav {
	color: rgba(50,50,50,0.4) !important;
}
.uk-modal .uk-slidenav:hover,
.uk-modal .uk-slidenav:focus {
	color: rgba(50,50,50,0.7) !important;
}
.uk-modal .uk-slidenav:active {
	color: rgba(50,50,50,0.9) !important;
}

/*-----SHOP-----*/
#jshop_search {
	padding-right: 45px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.10);
}
#mxcpr {
	display: none;
}
.thumbnailed > .uk-panel-teaser {
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
	border-bottom: none;
}
.uk-thumbnav .uk-active .uk-thumbnail {
	border-color: #999;
}

.uptl_toolbar.uptl_toolbar_share ul {
	padding: 0 !important;
}
.prod_price {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.prod_price::before,
.prod_price::after {
	content: "";
	flex-grow: 1;
	border-bottom: 2px dotted #ddd;
}
.prod_price::before {
	margin-right: 10px;
}
.prod_price::after {
	margin-left: 10px;
}
.text-lightgray {
	color: #ddd !important;
}
.text-yellow {
	color: #f2d118 !important;
}
.jshop_prod_attributes select {
	height: 35px !important;
}
#shop-menu-link {
	position: relative;
}
#shop-menu-link span.uk-badge {
	position: absolute;
	top: 5px;
	right: 5px;
}

/*-----MEDIA_QUERIES-----*/
@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 3px;
	}
	.uk-navbar > .uk-container {
		padding: 0 15px;
	}
	body {
		background: #001535 url('../images/bg.jpg') no-repeat center top;
	}
	.footer > .uk-container {
		background: radial-gradient(ellipse farthest-side at 50% -25%, rgba(255,255,255,.33) 0%, transparent 100%);
		-webkit-backface-visibility: hidden;
	}
	.main-area.spaced {
		padding: 30px 50px;
	}
	.navbar_center > .uk-navbar {
		display: flex;
		align-items: center;
		flex-direction: column;
		background-image: linear-gradient(174deg, transparent 0%, rgba(255,255,255,.15) 33%, transparent 34%, rgba(255,255,255,.15) 65%, transparent 66%);
		-webkit-backface-visibility: hidden;
	}
}
@media (max-width: 767px) {
	.uk-navbar > .uk-container {
		padding: 0;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.top-menu:not(.forced_wide) nav {
		margin: 0 -15px;
		box-shadow: 0 3px 2px 0 rgba(0,0,0,.25);
	}
}
@media (min-width: 1220px) {
	.forced_wide {
		margin-left: -30px;
		margin-right: -30px;
	}
}
@media (max-width: 1220px) {
	.forced_wide:not(.uk-active) {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media (min-width: 960px) and (max-width: 1220px) {
	// .header-2 * {
	// 	font-size: 80%;
	// }
}