/****Krasnove Framework v.1.1 @20.04.2020****/

@font-face {font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.woff') format('woff');}
@font-face {font-family: 'Light'; src: url('fonts/Montserrat-Light.woff') format('woff');}
@font-face {font-family: 'Regular'; src: url('fonts/Montserrat-Regular.woff') format('woff');}
@font-face {font-family: 'Medium'; src: url('fonts/Montserrat-Medium.woff') format('woff');}
@font-face {font-family: 'Bold'; src: url('fonts/Montserrat-Bold.woff') format('woff');}
@font-face {font-family: 'Black'; src: url('fonts/Montserrat-Black.woff') format('woff');}

.light {font-family: 'Light';}
.regular {font-family: 'Regular';}
.medium {font-family: 'Medium';}
.bold {font-family: 'Bold';}
.black {font-family: 'Black';}

.awesome {font-family: 'FontAwesome';}

//Цвета
@brand: #007243;
@txt: #606060;
@txt-light: #cacaca;
@link: #598561;
@hover: #598561;
@red: #fa3939;
@yellow: #ffe600;
@border: #eef2f4;

//Скорость анимации
@animate-speed: all 300ms; 
@animate-speed-slow: all 1000ms; 

//Тени блоков
@shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);

//Миксины
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap {-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.nowrap {-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;}
.between {-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.around {-webkit-justify-content: space-around; justify-content: space-around;}
.start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.end {-webkit-justify-content: flex-end; justify-content: flex-end;}
.center {-webkit-justify-content: center; justify-content: center;}
.align-top {align-items:flex-start; align-content: flex-start;}
.align-center {align-items:center; align-content: center;}
.align-bottom {align-items:flex-end;}
.align-baseline {align-items: baseline;}
.shrink {flex-shrink:1;}
.noshrink {flex-shrink:0;}
.column {flex-direction: column;}
.stretch {align-items: stretch;}

.f10 {font-size:10px; a {font-size:10px;}}
.f11 {font-size:11px; a {font-size:11px;}}
.f12 {font-size:12px; a {font-size:12px;}}
.f13 {font-size:13px; a {font-size:13px;}}
.f14 {font-size:14px; a {font-size:14px;}}
.f15 {font-size:15px; a {font-size:15px;}}
.f16 {font-size:16px; a {font-size:16px;}}
.f17 {font-size:17px; a {font-size:17px;}}
.f18 {font-size:18px; a {font-size:18px;}}
.f19 {font-size:19px; a {font-size:19px;}}
.f20 {font-size:20px; a {font-size:20px;}}
.f21 {font-size:21px; a {font-size:21px;}}
.f22 {font-size:22px; a {font-size:22px;}}
.f23 {font-size:23px; a {font-size:23px;}}
.f24 {font-size:24px; a {font-size:24px;}}
.f25 {font-size:25px; a {font-size:25px;}}
.f26 {font-size:26px; a {font-size:26px;}}
.f27 {font-size:27px; a {font-size:27px;}}
.f28 {font-size:28px; a {font-size:28px;}}
.f29 {font-size:29px; a {font-size:29px;}}
.f30 {font-size:30px; a {font-size:30px;}}
.f31 {font-size:31px; a {font-size:30px;}}
.f32 {font-size:32px; a {font-size:30px;}}
.f36 {font-size:36px; a {font-size:36px;}}
.f40 {font-size:40px; a {font-size:40px;}}
.f42 {font-size:42px; a {font-size:42px;}}
.f48 {font-size:48px; a {font-size:48px;}}
.f60 {font-size:60px; line-height: 60px; a {font-size:60px;}}
.f72 {font-size:72px; line-height: 78px; a {font-size:72px;}}
.f120 {font-size:120px; line-height: 110px; a {font-size:120px;}}
.upper {text-transform:uppercase;}
.underline {text-decoration:underline;}

.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh28 {line-height:28px;}
.lh30 {line-height:30px;}
.lh36 {line-height:36px;}
.lh40 {line-height:40px;}

.centered {width:100%; /*max-width:1440px;*/ margin-left:auto; margin-right:auto;}

.li-line {
	ul {.flex; .start; .align-center;
		li {margin-right:10px; list-style:none;}
	}
}

.open-form {cursor:pointer;}

.accent {position:relative; overflow:initial !important;
	p {position:relative; z-index:2;}
	&::after {
		content: '' !important;
		position: absolute;
		border: 1px solid rgba(255, 255, 255, 0.8);
		left: -10px;
		right: -10px;
		top: -10px;
		bottom: -10px;
		border-radius: 50px;
		animation: accent 1.5s linear infinite;
		opacity: 0;
		z-index: 1;
		}
		&::after {
			animation-delay: 1.5s;
		}
	&.brandAccent::after {border: 1px solid @brand;}
	&.whiteAccent::after {border: 1px solid #ffffff;}
	&.redAccent::after {border: 1px solid red;}
}

@keyframes accent {
	 0% {
	 transform: scale(1);
	 opacity: 0;
	}
	 50% {
	 opacity: 0.7;
	}
	 100% {
	 transform: scale(1.2);
	 opacity: 0;
	}
}

.btn {height:40px; line-height:40px; padding:0 20px 0; border-radius:2px; .f16; .light;
	&.primary {background:@brand; color:white; font-size:16px; .regular;}
}
.brandbtn {background:@brand; color:white !important;
	&:hover {-webkit-box-shadow: 0 10px 18px 0 rgb(255, 239, 0); box-shadow: 0 0 0 0 rgb(255, 240, 108), 0px 3px 6px 0px rgba(0, 0, 0, 0.4) inset; text-decoration:none;}
}
.btn.transparent-contrast {border:1px solid white; color: white;
	&:hover {background:@brand;}
	&.brandAccent:hover::after {border: 1px solid white; animation: accent 0.7s linear infinite;	}
}
.btn.transparent {border:1px solid @brand; color: @brand;
	&:hover {background:@brand;}
}

.orange {background:#fddb84;}
.yellow {background: rgb(255,230,0); background: -moz-linear-gradient(360deg, rgba(255,230,0,1) 0%, rgba(249,233,91,1) 100%); background: -webkit-linear-gradient(360deg, rgba(255,230,0,1) 0%, rgba(249,233,91,1) 100%); background: linear-gradient(360deg, rgba(255,230,0,1) 0%, rgba(249,233,91,1) 100%); -webkit-box-shadow: 0px 1px 10px 3px rgba(249, 233, 9, 0.75); -moz-box-shadow: 0px 1px 10px 3px rgba(249, 233, 9, 0.75); box-shadow: 0px 1px 10px 3px rgba(249, 233, 9, 0.75); color:black !important;
	&:hover {text-decoration:none; color: black; -webkit-box-shadow: 0 10px 18px 0 rgb(255, 239, 100); box-shadow: 0 10px 18px 0 rgb(255, 240, 108), 0px 3px 6px 0px rgba(0, 0, 0, 0.4) inset; background: #ffef5d; background: -moz-linear-gradient(360deg, #ffef5d 0%, #fff387 100%); background: -webkit-linear-gradient(360deg, #ffef5d 0%, #fff387 100%); background: linear-gradient(360deg, #ffef5d 0%, #fff387 100%);}
}
.green {background: rgb(72,189,111); background: -moz-linear-gradient(360deg, rgba(72,189,111,1) 0%, rgba(99,255,194,1) 100%); background: -webkit-linear-gradient(360deg, rgba(72,189,111,1) 0%, rgba(99,255,194,1) 100%); background: linear-gradient(360deg, rgba(72,189,111,1) 0%, rgba(99,255,194,1) 100%); -webkit-box-shadow: 0px 1px 10px 3px rgba(72,189,111, 0.75); -moz-box-shadow: 0px 1px 10px 3px rgba(72,189,111, 0.75); box-shadow: 0px 1px 10px 3px rgba(72,189,111, 0.75); color:white; font-size:16px; .regular;
	&:hover {color:white; text-decoration:none; box-shadow: 0 10px 18px 0 rgba(94, 244, 180, 0.4), 0px 3px 6px 0px rgba(0, 0, 0, 0.4) inset;}
}
.big {height:70px; line-height:70px; font-size:20px; padding:0 40px 0;}
.double-string {line-height:16px; padding-top:17px; height:70px; 
	p {margin:0;}
	p:nth-child(1) {.regular; .f20;}
	p:nth-child(2) {.light; margin-top:5px; .f16;}
}
.italic-btn {-webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); border-radius: 10px;
	.items {-webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg);}
	.noitalic {-webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); display: block;}
}
.whatsapp-btn {
	img {width:40px; margin-left:10px;}
}

.formRed {text-align:center;}

.rsform-block-send button {border-radius:2px; font-size:16px; padding:0 10px; width: 100%;}
input[type="text"], input[type="phone"], input[type="tel"] {height:45px; line-height:45px; padding:0 20px; font-size: 16px; border-radius:2px; width:100%; max-width: 100%;}

.mar0 {margin:0;}
.martop0 {margin-top:0;}
.martop5 {margin-top:5px;}
.martop10 {margin-top:10px;}
.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop40 {margin-top:40px;}
.martop50 {margin-top:50px;}
.martop60 {margin-top:60px;}
.martop70 {margin-top:70px;}
.martop80 {margin-top:80px;}
.martop90 {margin-top:90px;}
.martop100 {margin-top:100px;}
.martop150 {margin-top:150px;}
.martop170 {margin-top:170px;}
.martop200 {margin-top:200px;}

.marbot0 {margin-bottom:0px;}
.marbot5 {margin-bottom:5px;}
.marbot10 {margin-bottom:10px;}
.marbot20 {margin-bottom:20px;}
.marbot30 {margin-bottom:30px;}
.marbot40 {margin-bottom:40px;}
.marbot50 {margin-bottom:50px;}
.marbot80 {margin-bottom:80px;}
.marbot100 {margin-bottom:100px;}

.marleft5 {margin-left:5px;}
.marleft10 {margin-left:10px;}
.marleft20 {margin-left:20px;}
.marleft40 {margin-left:40px;}

.marright5 {margin-right:5px;}
.marright10 {margin-right:10px;}
.marright20 {margin-right:20px;}
.marright40 {margin-right:40px;}

.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.padtop10{padding-top:10px;}
.padtop20{padding-top:20px;}
.padtop40{padding-top:40px;}
.padtop50{padding-top:50px;}
.padtop60{padding-top:60px;}
.padtop80{padding-top:80px;}
.padtop120{padding-top:120px;}
.padbot10{padding-bottom:10px;}
.padbot20{padding-bottom:20px;}
.padbot40{padding-bottom:40px;}
.padbot50{padding-bottom:50px;}
.padbot60{padding-bottom:60px;}
.padbot80{padding-bottom:80px;}
.padbot120{padding-bottom:120px;}
.padleft5 {padding-left:5px;}
.padleft10 {padding-left:10px;}
.padleft20 {padding-left:20px;}
.padleft30 {padding-left:30px;}
.padleft40 {padding-left:40px;}
.padleft80 {padding-left:80px;}
.padright5 {padding-right:5px;}
.padright10 {padding-right:10px;}
.padright20 {padding-right:20px;}
.padright30 {padding-right:30px;}
.padright40 {padding-right:40px;}
.padright80 {padding-right:80px;}
.padtopbot10{padding:10px 0;}

.width100 {width:100%;}
.innerimg100 img {width:100%;}

.marauto {margin-left:auto; margin-right:auto; display:block !important;}

.max300l {max-width:300px;}
.max400l {max-width:400px;}
.max500l {max-width:500px;}
.max600l {max-width:600px;}
.max700l {max-width:700px;}
.max800l {max-width:800px;}
.max850l {max-width:850px;}

.max300 {max-width:300px; margin-left:auto; margin-right:auto;}
.max400 {max-width:400px; margin-left:auto; margin-right:auto;}
.max500 {max-width:500px; margin-left:auto; margin-right:auto;}
.max600 {max-width:600px; margin-left:auto; margin-right:auto;}
.max700 {max-width:700px; margin-left:auto; margin-right:auto;}
.max800 {max-width:800px; margin-left:auto; margin-right:auto;}

.align {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}

.items-center {.flex; .align-center;}
.items-top {.flex; .align-top;}
.items-bottom {.flex; .align-top;}

.items {.flex;}
.items.start {.flex; .start;}

.inner100 {
	iframe {width:100%;}
	>img {width:100%;}
}

.col2 {
	>.item {width:49%;}
	&.p60-40 {
		>.item:nth-child(1) {width:59%;}
		>.item:nth-child(2) {width:39%;}
	}
	&.p40-60 {
		>.item:nth-child(1) {width:39%;}
		>.item:nth-child(2) {width:59%;}
	}
	&.p35-65 {
		>.item:nth-child(1) {width:34%;}
		>.item:nth-child(2) {width:64%;}
	}
	&.p70-30 {
		>.item:nth-child(1) {width:69%;}
		>.item:nth-child(2) {width:29%;}
	}
	&.p30-70 {
		>.item:nth-child(1) {width:29%;}
		>.item:nth-child(2) {width:69%;}
	}
}
.col3 {>.item {width:32%;}}
.col4 {>.item {width:24%;}}
.col5 {>.item {width:19%;}}

.widthauto img {width:auto !important;}

.items-nowidth {.flex; .center; align-items: stretch;
	.item {margin:0 10px;
		img {height:100%;}
	}
}

.styled-awesome {
	li {padding-left:15px; position:relative; list-style:none; margin-bottom:10px;
		&::before {content:"\f105"; .awesome; position:absolute; top:0; left:0; color: #6ab1a3;}
	}
}
.styled-pic {
	li {padding-left:25px; position:relative; list-style:none; margin-bottom:20px;
		&::before {content:""; background:url(../../images/elements/li.png); width:22px; height:26px; background-size:contain; position:absolute; top:0; left:0;}
	}
}

.attention {
	&::before {content:'!'; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; display:inline-block; border-radius:50%; .green; .align; color:#012310; .regular;}
}
.question {
	&::before {content:'!'; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; display:inline-block; border-radius:50%; .yellow; .align; color:#012310; .regular;}
}

.border {border:1px solid @border;}
.bordercolored {border:1px solid @brand;}
.border-top {border-top:1px solid @border;}
.border-bottom {border-bottom:1px solid @border;}

.radius {border-radius:2px;}
.radius50 {border-radius:50px;}
	
.brand {color:@brand;}
.txt {color:@txt;}
.txt-light {color:@txt-light;}
.title {color:@txt;}
.border-bottom-title {position:relative;
	span {position:relative; z-index:2;}
	&::before {content:''; display:block; width:25%; height:10px; .radius; background:@brand; position:absolute; bottom:3px; left:0; z-index:1;}
}

//Placeholders
@placeholder-txt-size: 16px;
@placeholder-txt-font: .light;
::-webkit-input-placeholder {font-size:@placeholder-txt-size; color: @txt-light; .light;}
::-webkit-textarea-placeholder {font-size:@placeholder-txt-size; color: @txt-light; .light;}
::-moz-placeholder {font-size:@placeholder-txt-size; color: @txt-light; .light;}
:-moz-placeholder {font-size:@placeholder-txt-size; color: @txt-light; .light;}
:-ms-input-placeholder {font-size:@placeholder-txt-size; color: @txt-light; .light;}

//Детали
html {height: 100%;}
body {font-size:16px; color: @txt; .regular; font-weight:300; margin:0; background:white; line-height:24px; height: 100%; -webkit-font-smoothing: antialiased;}
.wrapper {.flex; flex-direction: column; position:relative; min-height:100%;}
.container_wrap {flex: 1 0 auto;}
footer {flex: 0 0 auto; margin-top:100px;}
* {box-sizing:border-box;}
p {margin: 10px 0;}
a{color:@link; text-decoration: none;}
a:hover {color:@hover;}
:focus {outline: none;}
img{border:0; max-width:100%; display:inline-block;}
table {border-collapse: collapse;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0;}
audio, canvas, img, svg, video {max-width: 100%; height: auto; box-sizing: border-box;}
iframe {max-width:100%;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}
.anchor {position:relative; top:-60px;}
fieldset {padding:0;}
select {-moz-appearance: none;}
ul {padding:0; margin:0;}
fieldset {border:none;}
label {display:block; margin-bottom:5px; font-size:18px;}
.tooltip {display:none !important;}
.animated {-webkit-transition: @animate-speed !important; -moz-transition: @animate-speed; -o-transition: @animate-speed; transition: @animate-speed; animation-timing-function:ease-in-out;}
.animated-slow {-webkit-transition: @animate-speed-slow !important; -moz-transition: @animate-speed-slow; -o-transition: @animate-speed-slow; transition: @animate-speed-slow; animation-timing-function:ease-in-out;}
.shadow {-webkit-box-shadow: @shadow; -moz-box-shadow: @shadow; box-shadow: @shadow;}
a, .current_page_item a {position:relative; color:@brand; .animated;}
a:hover {color:@hover; text-decoration:none;}
.sys-messages {text-align: left;}
.breadcrumbs {margin:20px auto 0;
	a {}
	ul {.flex; .start; .wrap; padding:0;
		li {list-style:none; margin-right: 4px; color:@txt;
			&:first-child {display:none;}
		}
	}
}
b {font-weight:600;}

#jshop_unijax_filter .uf_trackbar table.trackbar .c {background: none repeat scroll 0 0 @brand;}

/*Swiper*/
.navi-parent {position:relative;}
.swiper-button-next {right:-40px !important; opacity:1; background:url(../../images/elements/arrow-right.png) no-repeat; background-size:contain; width:30px; height:30px; margin-top: 0px;}
.swiper-button-prev {left:-40px !important; opacity:1; background:url(../../images/elements/arrow-left.png) no-repeat; background-size:contain; width:30px; height:30px; margin-top: 0px;}

@media all and (max-width:1400px) {
.swiper-button-next {right: -10px !important;}
.swiper-button-prev {left:-10px !important;}
}

@media all and (max-width:1200px) {
.swiper-button-next {right:0px !important;}
.swiper-button-prev {left:0px !important;}
}

.swiper-scrollbar {margin-top:30px;}

/**/

//Инпуты и формы
input, textarea {.animated; color:@txt; border: 1px solid #e0e2e2; .regular;
	&:hover {border:1px solid @brand;}
	&:focus {border:1px solid @brand;}
}

.btn, input[type='submit'], button[type='submit'] {.animated; cursor: pointer; position: relative; display: inline-block; font-weight:400; top: 0; overflow: hidden; border:none;
	&:hover {background:#48a43f; color:white;}
}
 div.formBody {display: block; float: none;}
 
/* .btn::before {-webkit-filter: blur(12px); -moz-filter: blur(12px); filter: blur(12px); content: ""; margin-left: 60px; width: 40px; height: 300px; background: #fff; -webkit-animation-delay: 0.07s; animation-delay: 0.07s; position: absolute; left: -40px; top: -150px; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transition: all 1s; transition: all 1s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform: rotate(40deg); transform: rotate(40deg);}
 
@-webkit-keyframes slideme {
 0% {
 left: -30px;
 margin-left: 0px;
}
 30% {
 left: 110%;
 margin-left: 80px;
}
 100% {
 left: 110%;
 margin-left: 80px;
}
}
@keyframes slideme {
 0% {
	left: -30px;
	margin-left: 0px;
}
 30% {
	left: 110%;
	margin-left: 80px;
}
 100% {
	left: 110%;
	margin-left: 80px;
}
}

@keyframes floating	{
	0%,to {
		-webkit-transform:translateY(0%) rotate(20deg);
		transform:translateY(0%) rotate(20deg)
	}
	50%{
		-webkit-transform: translateY(3%) rotate(20deg);
		transform:translateY(3%) rotate(20deg)
	}
} */

//Мобильная панель
.mob-panel {display:none; background:white; color:@txt; padding:5px 10px;}

//Попапы
.overlay {position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); display: none; z-index: 40; top: 0; left: 0;
	.layout {height:100%;}
	.inner {max-width: 620px; margin: 0 auto; background: white; padding: 60px 40px; border: 1px solid #eef2f4; border-radius: 10px; position: relative;}
	.panel .form {width:100%; max-width:630px;}
	h2 {margin-bottom: 40px; line-height: 50px;}
	button {width: 100%;}
	&.opened {top:0;}
	input {.align;}
	.btn {height:45px; line-height:45px;}
	.title {font-size: 21px; margin-bottom: 20px; line-height: 27px; font-family: 'Medium';}
}

.simple-form .form-title {line-height: 36px;}

.whatsapp.flying {position:fixed; bottom:20px; right:20px; cursor:pointer; width:70px;}
.whatsapp.flying img {width: 70px; margin-right: 5px; -webkit-animation: pulsew 2s infinite; animation: pulsew 2s infinite;}
@keyframes pulsew{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}to{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.7}}
@-webkit-keyframes pulsew{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}to{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.7}}

//Кнопка открытия
.menu-btn {width: 30px; height: 24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 10;
	span {display: block; position: absolute; height: 3px; width: 100%; background:@brand; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
		span:nth-child(1) {top:0px;}
		span:nth-child(2) {top:10px;}
		span:nth-child(3) {top:20px;}
		&.open {
			span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
			span:nth-child(2) {opacity: 0; left: -60px;}
			span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
			span {background:@brand;}
		}
}

//Кнопка закрытия
.close-btn {width: 30px; height: 24px; position: absolute; top:10px; right:10px; cursor: pointer; z-index: 10;
	span {display: block; position: absolute; height: 3px; width: 100%; background:@brand; border-radius: 9px; opacity: 1; left: 0; 
		&:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
		&:nth-child(2) {opacity: 0; left: -60px;}
		&:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
	}
}

/*Готовые блоки*/
.cart {border-collapse: collapse; border: none; position:relative; top:5px;
	img {width:40px;}
	.mycart_wrapp.externbootstrap_wrapp.wrapp_min.dark .mycart_mini_txt, .mycart_wrapp.dark .gotocart :last-child {background-color: rgba(255,255,255,0); opacity: 1; top: -9px; right: -20px;}
	.externbootstrap_text {background:#ff5454; color:white; width: 20px; height: 20px; font-size: 12px; .flex; .center; .align-center; border-radius:50%;}
}
		
.rsfp_thankyou_popup_inner {.align; .radius;
	button {.btn; .brandbtn; font-size:16px; margin-top:10px;}
}

.form-time{
	fieldset{padding:0; max-width:840px; margin:20px auto 0;}
	input, button{width:100%;}
	.formSpan12{.flex; .between; .align-top; .wrap;
		.rsform-block-time{flex-basis:100%; flex-shrink:0; margin-bottom:15px;
			.formBody{.flex; .between; .align-top; width:100%;
				label{width:24%; border:1px solid #eef2f4; border-radius:50px; line-height: 20px; text-align: center; height: 50px; line-height: 50px; font-size: 18px; padding: 0px 25px 0; display:block; cursor:pointer; 
					&:hover{border:1px solid @brand;}
					&.active{border:1px solid @brand;}
				}
			}
			input[type="radio"]{display:none;}
		}
		input[type="text"], input[type="tel"] {line-height: 20px; text-align: center; height: 50px; font-size: 18px; display:block;}
		.rsform-block-name{flex-basis:32%; flex-shrink:0;}
		.rsform-block-phone{flex-basis:32%; flex-shrink:0;}
		.rsform-block-send{flex-basis:32%; flex-shrink:0;}
	}
}

.rounds-parent {width: 170px; height: 170px; .flex; .align-center; .center; .wrap; position: absolute; right:30px; top:0;
	img {position:relative; z-index:2; max-width:50%;}
	p {position: relative; z-index: 2; max-width: 100%; text-align: center; font-size: 14px; line-height: 16px;}
	.round1 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;}
	.round2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;}
	@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}
	@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}
	.round {border-width: 1px; border-color: @brand; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; opacity: .3; position: absolute;}
	.round1 {width: 190%; height: 190%; left: -45%; top: -45%; opacity:0.2;}
	.round2 {width: 160%; height: 160%; left: -30%; top: -30%; opacity:0.4;}
	.round3 {width: 130%; height: 130%; left: -15%; top: -15%; opacity:1; background:white;}
}

.li-centered {.flex; .center; .align-center;
	li {margin:0 5px; list-style:none;
		a {color:@txt;
			&:hover {color:@brand;}
		}
	}
}

.li-left {
	ul {.flex; .start; .align-center;
		li {margin:0 10px 0 0; list-style:none;
			a {color:@txt;
				&:hover {color:@brand;}
			}
		}
	}
}

.li-between {
	ul {.flex; .between; .align-center;
		li {margin:0; list-style:none;
			a {color:@txt;
				&:hover {color:@brand;}
			}
		}
	}
}

.gradient {
 display: inline-block;
 background-image: linear-gradient(to top, #50b39c, #7fd9c4);
 background-size: 100% 100%;
 background-position: left center;
 color: #00a7d9;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.pulse img {width: 70px; margin-right: 5px; -webkit-animation: pulsew 2s infinite; animation: pulsew 2s infinite;}
@keyframes pulsew{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.7}}
@-webkit-keyframes pulsew{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.7}}

.mob-panel {display:none;}



/**///////////////////////////////////////

.icons .btn.dropdown-toggle {display:none;}
.icons .edit-icon {list-style: none; margin-top: -35px;}
.pagination ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; align-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.pagination ul li {list-style: none; margin: 0 5px; }

#inlineContent_minicart_cart_view {display: none;}
#error_inlineContent_minicart_cart_view, #delete_inlineContent_minicart_cart_view {display: none;}

.logo {width: 100%;}

.pseudo-aside {flex-basis: 250px; flex-shrink: 0; }

.panel-body .bottom {width:100%;}

aside .menu-top #accordeonck119 li#item-332 {margin-top:0;}

aside {width: 250px; border-right: 1px solid #eef2f4; height: 100vh; .flex; .start; flex-direction: column; position: fixed; left: 0; top: 0; z-index: 3; padding:15px 15px; overflow: auto;
	.underlogo {font-size:11px; line-height:13px;}
	.contacts-n-cart {
		.left {
			a {font-size: 23px; color:@txt;}
			.time {font-size: 14px;}
		}
		.cart {border-left:1px solid #eef2f4; padding-left:15px;}
	}

	.menu-top {
		#accordeonck119 li.level1 {margin:12px 0;}
		#accordeonck119 li.level1 a:hover {text-decoration:underline;}
		#accordeonck119 li.level2 {margin-bottom:10px; margin-top:10px;
			.accordeonck_outer {position: relative; padding-left: 20px;
				&::before {content:'— '; position: absolute; left:0; top:-1px;}	
			}
		}
		#accordeonck119 li.level1 > span a {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color:@txt; .light; font-size: 16px;}
		#accordeonck119 li.level2 > span a {color:@txt; font-size: 16px;}
		#accordeonck119 li.level1 .isactive {font-family: 'medium';}
		#accordeonck119 li.level2 .isactive {padding-left: 0px; font-family: 'medium'; text-decoration: underline;}
		#accordeonck119 li.parent > .accordeonck_outer {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; .start; .align-center;
			.toggler_icon {position:static !important; order:1; width: 10px !important; height: 10px !important; margin-left: 10px; background-size: contain !important;}
			.accordeonck {order:0;}
		}
	}
	.menu-bottom {margin-top:20px;
		ul {
			li {list-style:none; margin: 12px 0;
				a {color: #606060; font-family: 'Light'; font-size: 18px;}
			}
		}
		.item-163 {display: none;}
		.item-169 a {position: relative;
			&::after {content:''; display: block; width:20px; height:20px; background:url(../../images/elements/map.png) no-repeat center center; background-size:contain; position:absolute; right: -28px; top: 1px;}
		}
	}
}

.content {flex-basis: 100%; flex-shrink: 1; min-width: 0px; padding:70px 20px 20px; max-width: 1920px; margin: 0 auto;}


.offer {color:white; position:relative;
	.item.text {max-width:700px;
		.title {.bold; .f48; line-height:48px; color:white;}
		.text {.f18; .martop20;}
		.price {.martop20;
			span {.bold; .f30; margin:0 5px; display:inline-block;}
		}
		.btn {margin-top: 40px; height:50px; line-height:50px; background: #48a43f;}
	}
	.custom {max-width: 100%; min-width:0;}
	.swiper-container {max-width:100%; min-width:0;}
	.swiper-slide {background-size:cover !important; background-position: right top !important; padding:50px 20px; height:400px;}
	.bottom-bar {position:absolute; bottom:20px; left:0; width:100%;
		.swiper-button-next, .swiper-button-prev {border:1px solid white; border-radius:50%; width:25px; height:25px; .flex; .center; .align-center; position:static; display:inline-block; margin:0 5px;}
		.swiper-button-next {
			.fa {position:relative;}
		}
		.swiper-button-prev {
			.fa {position:relative; left:2px;}
		}
	}
}

.banner {background-size:cover !important; background-position:right top !important; padding:30px 20px; height:auto; width:100%; .flex; .align-center; .start; margin-top:100px;
	.title {.bold; .f48; line-height:48px; color:white;}
	.text {.f18; .martop20; color:white;}
	.price {.martop20; color:white;
		span {.bold; .f30; margin:0 5px; display:inline-block;}
	}
	.btn {margin-top: 40px; height:50px; line-height:50px; background: #48a43f;}
}

.about_delivery .text {font-size:14px;}

.section-items {flex-basis:100%; flex-shrink:1; max-width:100%; min-width:0px;}
.section-side {flex-basis:320px; flex-shrink:0;}
.section-title {font-size:36px; .bold; color:@brand; line-height:36px; margin-bottom:40px;}
.section-undertitletext {font-size:16px; margin:10px 0;}


.list-item-title {.padleft10; .padright10; .martop10; .marbot10; height: 40px;
	a {.f15; font-weight:500; color:@txt;
		&:hover {color:@brand;}
	}
}

.input-append.count_block {.flex; .center; .align-center;
	button {border: none; background: none; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; cursor:pointer; position: relative; top: -2px;}
	input {width: 32px; height: 32px; border: 1px solid #eef2f4; border-radius: 50%; color: #606060; line-height: 32px; padding: 0; text-align: center;}
}

.listing-product .qty {.flex; .center; .align-center;
	.product_minus {border: none; background: none; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; cursor:pointer; position: relative; top: -2px;}
	.product_plus {border: none; background: none; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; cursor:pointer; position: relative; top: -2px;}
	input[type="text"] {width: 32px; height: 32px; border: 1px solid #eef2f4; border-radius: 50%; color: #606060; line-height: 32px; padding: 0; text-align: center;}
}

.item-price {position:relative; line-height: 1.3;}

.list-price {.medium; font-size:24px; color:@brand;
	.rub {.light; font-size:16px;}
}

.old_price {color:#da5454; position:absolute; top:-10px; font-size:13px; left:0; font-weight:600; opacity: 0.8; text-decoration:line-through;}

.list-ean {font-size:14px;}

.list-image {height:225px; .flex; .align-center; .center;
	a {display:block; max-height:225px;
		img {max-height:225px; .radius;}
	}
}

.category-block {height:160px; border-radius:2px; margin-bottom:20px;
	&:hover {border:1px solid @brand;}
	.image {flex-basis:48%; text-align:center; padding-left:10px;
		img {max-width:100%; max-height:130px;}
	}
	.product_link {flex-basis:48%; padding-right:10px;color:@txt; font-weight:500;}
}


.product-mod-item {position:relative; background: white; .animated;}
.product-mod-item:hover {border: 1px solid @brand;}
.saleLabel {width: 100px; height: 100px; position: absolute; top: -9px; right: -10px; background: url(../../images/elements/saleLabel.png); z-index: 2; background-size: contain;}
.recommendedLabel {width: 100px; height: 100px; position: absolute; top: -9px; right: -10px; background: url(../../images/elements/recommendedLabel.png); z-index: 2; background-size: contain;}
.newLabel {width: 100px; height: 100px; position: absolute; top: -9px; right: -10px; background: url(../../images/elements/newLabel.png); z-index: 2; background-size: contain;}
.springLabel {width: 100px; height: 100px; position: absolute; top: -9px; right: -10px; background: url(../../images/elements/springLabel.png); z-index: 2; background-size: contain;}

.navi-parent {position:relative; width:70px; margin:0 auto 0; transform: translateY(20px);
	.swiper-button-next, .swiper-button-prev {margin-top:0; position:absolute;}
	.swiper-button-next {right:0 !important; color:white; width:30px; height:30px; .flex; .center; .align-center; .align; border-radius:50%; border:1px solid @brand; background: #598561;}
	.swiper-button-prev {left:0 !important; color:white; width:30px; height:30px; .flex; .center; .align-center; .align; border-radius:50%; border:1px solid @brand; background: #598561;}
}

.solutions {
	
	.swiper-solutions {
		.swiper-slide {.pad20; .radius; .shadow; background: #90c86e;
		background: -moz-linear-gradient(120deg, #90c86e 0%, #1a6b6a 100%);
		background: -webkit-linear-gradient(120deg, #90c86e 0%, #1a6b6a 100%);
		background: linear-gradient(120deg, #90c86e 0%, #1a6b6a 100%);
			.title {.f36; font-weight:700; color:white;}
			.text {.f16; .martop20; font-weight:300; color:white; .max400l; min-height:80px; .marbot20;}
		}
	}
}

.stand {
.coordinates {margin:0 auto; position:relative;
	img {width:100%;}
	.point {position:absolute; 
		span:nth-child(1) {height:30px; padding: 0 10px; background:white; display:block; border-radius:10px; .flex; .center; .align-center; .align; box-shadow: 0 0 0 0 #ffffff, 0px 2px 3px 0px #545454 inset; position:relative; z-index:2; cursor:pointer;
			&:hover {color:@brand; text-decoration:underline;}
		}
		span:nth-child(2) {.pad10; .radius; .shadow; position:absolute; background:white; color:@txt; top:-85px; left:0; width:300px; opacity:0; .animated; .f12;} 	
	} 
	
}
	.future-reality {
		.p1 {top:42%; left:35%;}
		.p2 {top:47%; right:20%;}
		.p3 {top:32%; left:10%;}
		.p4 {top:67%; left:15%;}
		.p5 {top:59%; left:50%;}
	}
}

.blog {
	.swiper-slide {overflow:hidden; padding-bottom:20px; background:white;}
	.image {height:200px; background-size:cover !important; background-size:center center !important;}
	.title {padding:10px; display:block; margin-top:10px; min-height:60px;}
	.btns {margin-top:10px; padding-right:10px;}
}

.testimonials {
	.swiper-slide {padding:0 10px 0 0;}
	.left {flex-basis: 430px; flex-shrink:0; height:320px; .radius; .shadow; margin-right:-100px; display:none;}
	.right {flex-basis:70%; padding:50px 30px; background:white; .radius; .shadow; 
		.title {font-weight:600; .f24; .marbot20;
			img {height:20px; margin-left:20px;}
		}
		.text {.f16;}
	}
}

.defaultPage  ul {padding-left:50px;}

.filter .filter-head {
  display: none;
}
.filter .filter-item label {
  font-size: 14px;
}
.filter .filter-title {
  font-size: 16px;
  margin: 10px 0 10px 0;
  font-family: 'Medium';
}
.filter .char-head {
  margin: 10px 0 7px;
}
.filter select {
  border: 1px solid #eef2f4;
  border-radius: 4px;
  /*height: 30px;*/
  line-height: 30px;
  padding: 0 10px;
  font-family: 'Light';
  font-size: 14px;
  letter-spacing: 0.5px;
  width: 100%;
}
.filter .uf_trackbar_inputs {
  margin-top: 10px;
}
.filter .uf_trackbar_inputs input {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: 14px;
  width: auto;
  max-width: 80px;
}
.filter .uf_inputreset {
  height: 30px;
}
.filter [class^=uf_label_] {
  border: 0;
  border-bottom: 1px solid #eef2f4 !important;
  background: none;
  color: #363435;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 15px;
}
.filter #jshop_unijax_filter .chzn-container.chzn-container-multi .chzn-choices {
  border: 1px solid #eef2f4 !important;
}
.filter .uf_options {
  border: none;
}
.filter .uf_manufacturer,
.filter .uf_category,
.filter .uf_vendor {
  font-size: 14px;
  color: #363435;
}
.filter #jshop_unijax_filter .groupbtnleft {
  height: 50px;
  line-height: 47px;
  padding: 0 20px 0;
  border-radius: 5px;
  font-size: 16px;
  font-family: 'Medium';
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  animation-timing-function: ease-in-out;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: 400;
  top: 0;
  border: none;
  background: #03c877;
  color: white !important;
  -webkit-box-shadow: 3px 3px 0px 0px #69edb6;
  -moz-box-shadow: 3px 3px 0px 0px #69edb6;
  box-shadow: 3px 3px 0px 0px #69edb6;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}
.filter #jshop_unijax_filter .groupbtnleft a {
  font-size: 16px;
}
.filter #jshop_unijax_filter .groupbtnleft.tree {
  position: relative;
  overflow: visible;
  padding-right: 70px;
}
.filter #jshop_unijax_filter .groupbtnleft.tree::before {
  content: '';
  display: block;
  background: #92b77b url(../../images/elements/btn-tree.png) no-repeat center center;
  background-size: 40%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  flex-basis: 55px;
  flex-shrink: 0;
  position: absolute;
  right: -2px;
  top: -4px;
  border: 1px solid white;
}
.filter #jshop_unijax_filter .groupbtnleft.btnToCart {
  position: relative;
  overflow: visible;
  padding-right: 70px;
}
.filter #jshop_unijax_filter .groupbtnleft.btnToCart::before {
  content: '';
  display: block;
  background: #ffffff url(../../images/elements/btn-cart.png) no-repeat center center;
  background-size: 60%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  flex-basis: 55px;
  flex-shrink: 0;
  position: absolute;
  right: -2px;
  top: -4px;
  border: 1px solid #92b77b;
}
.filter #jshop_unijax_filter .groupbtnleft.btnToCart:hover {
  text-decoration: none;
  color: white;
}
.filter #jshop_unijax_filter .groupbtnleft.btnToCart:hover::before {
  background: #ffffff url(../../images/elements/btn-cart.png) no-repeat center center;
  background-size: 60%;
  color: white;
}
.filter #jshop_unijax_filter .groupbtnleft.readmore {
  position: relative;
  overflow: visible;
  padding-right: 70px;
}
.filter #jshop_unijax_filter .groupbtnleft.readmore::before {
  content: '';
  display: block;
  background: #ffffff url(../../images/elements/btn-readmore.png) no-repeat center center;
  background-size: 60%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  flex-basis: 55px;
  flex-shrink: 0;
  position: absolute;
  right: -2px;
  top: -4px;
  border: 1px solid #92b77b;
}
.filter #jshop_unijax_filter .groupbtnleft.readmore:hover {
  text-decoration: none;
  color: white;
}
.filter #jshop_unijax_filter .groupbtnleft.readmore:hover::before {
  background: #ffffff url(../../images/elements/btn-readmore.png) no-repeat center center;
  background-size: 60%;
  color: white;
}
.filter #jshop_unijax_filter .groupbtnleft:hover {
  top: 3px;
}
.filter #jshop_unijax_filter .groupbtnleft:hover {
  background: #32ca8b;
  -webkit-box-shadow: 0 10px 18px 0 #ffef00;
  box-shadow: 0 0 0 0 #fff06c, 0px 3px 6px 0px rgba(0, 0, 0, 0.4) inset;
  text-decoration: none;
}
.filter #jshop_unijax_filter .groupbtnright {
  background: none;
  border: none;
  width: auto;
  height: auto;
  padding: 0;
  text-decoration: underline;
  width: 100%;
  text-align: center;
}

.filter .list_category {
	.title {font-size: 24px; .medium; color: #007243; margin-bottom:10px;}
	.cat_link {margin-bottom:5px; display:block; font-size:14px; color:@txt;
		&:hover {color:@brand;}
		&.current {color:@brand; font-weight:600; padding-left:10px; text-decoration:underline;}
	}
}

.filter .catBack {border-bottom:1px solid @border; margin-bottom:5px; padding-bottom:5px; display:block;}

.jshop_prod_attributes {margin-right:20px;
	select {height: 32px; border: 1px solid #eef2f4; border-radius: 5px; color: #606060; line-height: 32px; padding: 0 10px; text-align: center; .light;} 
	.attributes_name {font-size:14px; margin-bottom:5px; display:block;}
}

footer {background-color: @brand; background-image:url(../../images/bgs/pattern.png), url(../../images/bgs/pattern.png); background-repeat:no-repeat, no-repeat; background-position:right top, 370px top; background-size: contain, contain; color:white; padding:40px 15px;
	a {color:white; font-weight:300;
		&:hover {color:#e0e0e0; text-decoration:none; font-weight:300;}
	}
	li {list-style:none; margin-bottom:5px; font-weight:400;}
	.title {font-size: 24px; .bold; margin-bottom: 20px; color:white;}
	.logo {width: 350px; display: inline-block;
		img {}
	}
	.menus {flex-basis:500px;
		li {}
		a {color:white;
			&:hover {color:white; text-decoration:underline;}
		}
	}
	.menu1 {flex-basis:49%;}
	.menu2 {flex-basis:49%;}
	.right-col {text-align:right;
		.contacts {
			.phone {font-size: 24px;}
			.time {font-size: 16px;}
		}
		.adress {font-size: 14px; margin-top:5px; margin-bottom:5px;}
		.copyright {font-size: 14px; margin-top:20px;}
		.developer {font-size: 14px; margin-top:20px;}
	}
}

.hidden, .item-101, .item-267 {display:none;}

.category-inner {
	.filter {flex-basis:250px; padding:20px 10px; .border; .radius; flex-shrink:0; .marright20;
		table {max-width:100%;}
	}
	.category-container {flex-basis:100%; flex-shrink:1;}
}

.block_sorting_count_to_page {
	select {.border; .radius; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size:16px; padding:5px;}
	.icon-arrow {cursor:pointer;}
}

.cat-list-products {width:100%;
	.jshop_list_product {width:100%;}
}

.noUi-connect {background: #90c86e; box-shadow: none;}
.price-from-to {.flex; .between; .align-center;
	.price-from {margin-right:10px;}
}
.noUi-handle {cursor:pointer;}

.cartpage, .defaultPage, .search-results, .blog {margin-top:10px !important;}

.imgbox {display:inline-block; width:100%; max-width:270px; text-align:center;}
.uk-thumbnail {max-height:180px;}

.defaultPage {
	.section-title {margin-bottom:0;}
	.icons {display: none;}
}

.finish-page {margin-top: 0px !important;
	.jshop_prod_cart {
		td {.align;}
	}
}
.uk-panel-box {background:white;}
.productfull {margin-top:10px;
	h1.item_name {.bold; .f24; color:@brand; margin:20px 0 5px;}
	.product_body {margin-top:20px;
		.product_images {flex-basis:360px; flex-shrink:0; margin-right:20px; .radius; border:1px solid @border; .align;
			img {max-height: 400px; display: block; width: auto; max-width: 100%; margin: 0 auto;}
		}
		.description {flex-basis:100%; flex-shrink:1;}
		.price {position:relative;
			.old_price {color:#da5454; position:absolute; top:-10px; font-size:13px; left:0; font-weight:600; opacity: 0.8; text-decoration:line-through;}
			.curr-price {.medium; font-size:24px; color:@brand;
				.rub {font-weight:300; font-size:16px;}
			}
		}
		.prod_qty_input {.flex; .center; .align-center;
			.product_minus {border: none; background: none; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; cursor:pointer; position: relative; top: -2px;}
			.product_plus {border: none; background: none; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; cursor:pointer; position: relative; top: -2px;}
			input[type="text"] {width: 32px; height: 32px; border: 1px solid #eef2f4; border-radius: 50%; color: #606060; line-height: 32px; padding: 0; text-align: center;}
		}
		.button_buy {
			&:hover {background:#48a43f;}
		}
		.quick-order {color:@brand; text-decoration:underline; .f18; cursor:pointer;
			&:hover {color:#2e7b6b;}
		}	
	}
	.desc {font-size:16px; line-height:24px;}

	.orderlate-block {
		.btn {}
		.txt {border: 1px solid #eef2f4; padding: 5px 10px; font-size: 11px; width: 240px; font-family: 'Regular'; height: 42px; line-height:1.3;}
	}

	.jshop_prod_description {flex-basis:500px; flex-shrink:0; margin-right:15px; width:auto;}
	.about_delivery {flex-basis:100%; flex-shrink:1; width:auto;
		.info-title {font-size: 24px; .medium; color:#007243; margin-bottom:10px;}
		p {font-size: 16px; line-height:24px; margin-bottom:20px;}
		.info-row {border-bottom:1px solid @border; padding:10px 0; .flex; .between; .align-center;
			.item:nth-child(1) {width:49%; .medium; font-size: 16px;}
			.item:nth-child(2) {width:49%; font-size: 16px;}
		}
	}
}

.needhelp {.flex; .between; .align-center; background:url(../../images/bgs/needhelp.jpg) no-repeat center right; background-size:cover; padding:20px; color:white; margin-top:50px;
	.item {width:49%;
		p:nth-child(1) {font-size: 24px; .medium; margin-bottom: 15px;}
		p:nth-child(2) {font-size: 16px; margin-bottom: 0;}
		p:nth-child(3) {font-size: 16px; margin-top: 0;
			a {font-size: 24px; .medium; color:white;}
		}
	}
	.item {width:49%;
		.formSpan12 {.flex; .between ; .align-center;
			.rsform-block {width:32%;}
			.btn {background: #48a43f; height:45px; line-height:45px;
				&:hover {background:#148e39;}
			}
		}
	}
}

.productfull .product_body .product_images {position: relative;}
.productfull-title {font-size:30px; font-weight: 700; color: #007243;}
.jshop_list_category {width:100%;
	jshop_categ a {font-weight: 600;} 
}
.green-bg {background:@brand; color:white; border-radius:5px; padding:5px 10px; width:120px; font-size: 14px; display:inline-block; .align;}

.category_template {
	.section-title {margin-bottom:0;}
}

.scroll {overflow:auto;}
.jshop_prod_description {min-height:270px;
	p:first-child {margin-top:0;}
	p:last-child {margin-bottom:0;}
}

.filter #jshop_unijax_filter .groupbtnleft {background:@brand; .regular;}

.extra_fields {line-height:1.3;
	.id1572  {display:none;}
	.extra_fields_el {border-bottom:1px solid @border; padding:5px 0;
		.extra_fields_name {flex-basis: 320px; flex-shrink: 0; margin-right: 10px; font-weight: 600; font-size: 14px;}
		.extra_fields_value {flex-basis:100%; flex-shrink:1; font-size: 14px;}
	}
	table {
		tr {border-bottom:1px solid @border; padding:10px 0; .flex; .between; .align-center;
			td:nth-child(1) {flex-basis:200px; flex-shrink:0; margin-right:20px; font-weight:600;}
			td:nth-child(2) {flex-basis:100%; flex-shrink:1;}
		}
	}
}

.shops {position:relative; color:@link; text-decoration:underline; cursor:pointer;}
.shops-list {display:none; background:white; font-size: 14px; z-index:3; margin-top:10px;
	li {list-style:none; color:@txt; text-decoration:none; margin-bottom:10px;}
}

.swiper-pfull-cont {
    width: 100%;
    min-width: 0;
}
.gallery-top, .gallery-thumbs {
    min-width: 0;
    padding-bottom: 5px !important;
}
.gallery-thumbs .swiper-slide {
    height: 90px;
    background-size: contain !important;
    cursor: pointer;
    background-position: center center;
}

.product_images .swiper-slide {
    border-radius: 5px;
}

.product_images img {
    max-height: 400px;
}
.gallery-top img, .gallery-thumbs img {
    display: block;
    margin: 0 auto;
}

.product_images.image {min-width:0; }

.oneImage > a {width: 100%;}


.deliveries {
	img {width:80px; margin:5px 0;}
}


.item-img-in-cart {width:50px}
.uk-table td {vertical-align: middle;}
.dopinfocart {width:100%; height:100px !important; .radius; padding:20px; margin-top:20px;}
.uk-grid:not(.uk-grid-preserve)+.uk-grid {margin-top: 15px !important;}

.checkout-title {color:#007243; margin-bottom:30px; .medium;}

#delivery_adress_2 {width:100%; margin-top:3px; font-weight: 300;}
#oneStepCheckoutForm {margin-top:10px;}
#oneStepCheckoutForm .jshop_nvg_register input {width:100%;}
#oneStepCheckoutForm .uk-panel-box {background: white; color: @txt; border: 1px solid #ddd; .radius; padding: 20px;}
#oneStepCheckoutForm textarea {.radius;}
#oneStepCheckoutForm input[id^=quantity] {width: 75px;}
#oneStepCheckoutForm div.quantity {margin: 0 auto;}
#oneStepCheckoutForm .requiredtext {display:none;}
#oneStepCheckoutForm .jshop_register {display:none;}
#oneStepCheckoutForm textarea {width:100%; height:100px; margin-top:10px;}
#oneStepCheckoutForm button {.btn; .brandbtn;}

#oneStepCheckoutForm {
	.checkout-title {}	
	.innerCheckout {
		.checkout-items {flex-basis:100%; flex-shrink:1; padding-left:0; margin-left: 0;

		}
		.checkout-info {flex-basis:100%; flex-shrink:0; .flex; .between; .align-top; .stretch; margin-bottom:40px;
			.uk-panel {width:32%;}
			.checkout-tip {padding:14px 0; font-size: 14px;}
		}
		label b {font-weight:normal; font-size:16px;}
		br {display: none;}


	}
}

.jshop_prod_cart {
	td:nth-child(3)	{min-width:80px;}
}

.jshop_prod_cart {
	a img {margin-right:10px;}
}

.jshop_subtotal .total {
	.name {.f20; padding-right:10px;
		&:after {content:':';}
	}
	.value {.medium; font-size: 30px; color: #007243;}
}

#DOMWindowOverlay {background:rgba(255,255,255,1) !important; opacity: 0.7 !important;}
#DOMWindow {border:1px solid @border !important; border-radius:10px !important; .shadow; height: 280px !important;
	.modal_header {text-decoration: none; font-size: 20px; border-bottom: 1px solid #90c86e; color: #4c4c4c; margin-bottom: 20px !important; display: block;}
	.modal_summ {font-size: 20px; font-weight: 600;}
	.transparent:hover {color:white; text-decoration:none;}
}

.delete i {color: #90c86e;}
.extern_bottom .gotocart .btn {background: #007243 !important; opacity: 1; top: 0 !important; right: 0 !important; position:static !important; text-align:center !important; padding:0 !important; display:block !important; line-height: 40px !important;}

.search-list {
	.block_sorting_count_to_page {margin-bottom:20px;}
	.col3 {
		.item {width:24%;}
	}
}

.menu .current a {color:@brand;}
.menu a:hover {color:@brand;}


footer .menu .current a {color:white;}
.category_description ul {margin-left:30px;}
.blog-item {margin-bottom:20px;
	h2 {margin-bottom:10px;}
	.item-image {margin-right:20px;
		img {width:300px; .radius;}
	}
}

.catalog-mod {position:fixed; left:0; top:0; transform: translateX(-100%); padding:20px; width:400px; overflow-y: scroll; height:100%; background:white; .shadow; border:1px solid @border; z-index:6; .animated-slow;
	&.open {transform: translateX(0%);}
	.nav > li > a {font-weight:600;}
	li {list-style:none; margin-bottom:5px;
		a {color:@txt; font-size:18px;
			&:hover {color:@brand;}
		}
		&.parent {
			> a {font-weight:600;}
		}
		>.nav-child {padding-left:15px; margin-top:5px;}
	}
}


.fly {position:absolute; /*animation: fly 3.5s ease-in-out infinite;*/}

@keyframes fly {
	 0% {
	 transform: translateY(0);
	}
	 50% {
	 transform: translateY(20px);
	}
	 100% {
	 transform: translateY(0);
	}
}

.relative {position:relative;}
.blackberry {width:200px; left:20px; top:-70px;}
.apple-green  {width:200px; right:0px; bottom:-70px; animation-delay:0.5s;}
.raspberry  {width:200px; left:0px; bottom:-70px; animation-delay:1s;}
.strawberry {width:200px; left:0px; bottom:-70px; }
.apple-red {width:200px; right:0px; top:-70px; animation-delay:1s;}

.panel {position:fixed; top:0; left:0; width:100%; height:50px; background:white; z-index:3; padding: 0 20px;
	.top {display: none;}
	.logo {display: none;}
	.pseudo-panel {flex-basis: 250px; flex-shrink: 0;}
	.panel-body {flex-basis: 100%; flex-shrink: 1;}
	.openmenu {display: none;}
	.cart {flex-basis:70px; flex-shrink:0;}
	.search {flex-basis:100%; flex-shrink:1;
		form {.flex; .between; .align-center;
			input.inputbox {flex-basis:100%; flex-shrink:1; border:1px solid @border; background:none; height: 40px; padding-left:10px;}
			input.button {flex-basis: 20px; flex-shrink:0; border: none; max-width: 20px; padding-left:0; text-align:left;}
			::-webkit-input-placeholder {font-size:14px; color: #606060; .light;}
			::-webkit-textarea-placeholder {font-size:14px; color: #606060; .light;}
			::-moz-placeholder {font-size:14px; color: #606060; .light;}
			:-moz-placeholder {font-size:14px; color: #606060; .light;}
			:-ms-input-placeholder {font-size:14px; color: #606060; .light;}
			.searchBtn {background:url(images/searchButton.gif) no-repeat; width: 20px; height: 20px; display: block; background-size: contain !important; left: -30px;}
		}
	}
	.contacts {flex-basis:200px; flex-shrink:0; text-align:right;
		a {font-size: 21px; color:@txt;}
		.time {font-size: 14px; line-height: 16px;}
	}
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {padding:0 10px; font-size:16px; height:30px; line-height:30px; font-family: 'Open Sans', sans-serif; font-weight:300;}

.testimonials {margin-bottom:50px;}

.openfilter {display: none;}
.filter {}

@media all and (max-width:2000px) {
.category_template .col5 > .item {width: 24%;}
}

@media all and (max-width:1785px) {
.needhelp .item:nth-child(1) {flex-basis:100%; flex-shrink:1; margin-right:10px; width:auto;}
.needhelp .item:nth-child(2) {flex-basis:530px; flex-shrink:0; width:auto;}
.category_template .col5 > .item {width: 32%;}
}

@media all and (max-width:1650px) {
.needhelp {.wrap;}
.needhelp .item:nth-child(1) {flex-basis:100%; flex-shrink:1; margin-right:0px; width:auto; .align;}
.needhelp .item:nth-child(2) {flex-basis:530px; flex-shrink:1; width:auto; margin:20px auto 0;}
.productfull .about_delivery p {font-size: 14px; line-height: 18px;}
.productfull .about_delivery .info-row .item:nth-child(1) {font-size: 14px; line-height:18px;}
.productfull .about_delivery .info-row .item:nth-child(2) {font-size: 14px; line-height:18px;}
.productfull .jshop_prod_description {flex-basis: 430px;}
.category-block .product_link {line-height: 18px;}
.category_template .col4 > .item {width: 49%;}
}


@media all and (max-width:1550px) {
.pseudo-aside, .pseudo-panel {display: none;}
.panel {
	.logo {display: flex; flex-basis: 200px; flex-shrink:0; margin-right: 20px;}
	.bottom {width: 100%;}
}
aside {background:white; padding: 15px 15px 15px 10px; -webkit-transform: translateX(-150%); transform: translateX(-150%); -webkit-transition: all 600ms !important; -moz-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; animation-timing-function: ease-in-out; z-index: 8; overflow-y: scroll; }
.mob-panel {display: block;
	.openmenu {width:160px; cursor:pointer;}
	.phone {font-size: 24px; width:230px; margin-right:15px;}
	.logo {flex-basis:200px;}
}
.category_template .col5 > .item {width: 24%;}
aside.open {-webkit-transform: translateX(0%); transform: translateX(0%); }
.extern_wrap {display: none !important;}
.cart .mycart_wrapp.externbootstrap_wrapp.wrapp_min.dark .mycart_mini_txt, .cart .mycart_wrapp.dark .gotocart :last-child {right: -13px;}
.category_template .col4 > .item {width: 32%;}
.panel .openmenu {display: block; margin-left:20px; flex-basis: 110px; flex-shrink:0; text-align: center;}
}

@media all and (max-width:1450px) {
.category_template .col5 > .item {width: 32%;}
.list-price {line-height: 14px;}
}

@media all and (max-width:1300px) {
header .row1 .adress a span {display:none;}
.centered {padding-left:15px; padding-right:15px;}
.logo .logo-text div:nth-child(1) {font-size: 18px;}
.logo .logo-text div:nth-child(2) {font-size: 13px;}
header .row2 {padding-bottom:5px;}
header .row2 #jshop_search {margin-right: -45px; width: 230px;}
header .row3 {display:none !important;}
.blackberry {width: 110px; left: auto; top: -70px; right: 0; }
.testimonials  {margin-bottom:50px;}
.col4 > .item {width: 33%; margin-bottom:20px;}
.category-inner .filter {position: sticky; top: 70px;}
.cat-list-products .col3 > .item {width: 49%;}
.productfull {margin-top: 0px; }
.productfull .breadcrumbs.centered {padding-left:0;}
.productfull .product_body .product_images {flex-basis: 280px;}
.jshop_prod_description {height: 340px; }
.about_delivery  {
	.items {
		.item:nth-child(1) {flex-basis:100%; flex-shrink:1; margin-right:20px;}
		.item:nth-child(2) {flex-basis:120px; flex-shrink:0;}
	}

}
footer {background-color: @brand; background-image:url(../../images/bgs/pattern.png); background-repeat:no-repeat; background-position:right top; background-size: contain; color:white; padding:40px 15px;}
.category_template .col4 > .item {width: 49%;}
.cartpage, .defaultPage, .search-results, .blog {margin-top: 10px !important;}
.category_template .col5 > .item {width: 49%;}
}

@media all and (max-width:1170px) {
	.col4 > .item {width: 49%;}
}

@media all and (max-width:1100px) {
.product_body  {.wrap;
	.product_images {flex-basis:100%; margin-bottom:20px;}
	.description {flex-basis:100%;}
}
.productfull .product_body .product_images {flex-basis: 400px;}
.productfull .product_body .product_images {margin: 20px auto;}
#oneStepCheckoutForm .innerCheckout label {font-size: 14px; }
#oneStepCheckoutForm .innerCheckout label b {font-size: 14px; }


}

@media all and (max-width:1000px) {
header .adress  {display:none;}
.category_template .col5 > .item {width: 32%;}
.logo {width: 190px !important;}
.logo .logo-text div:nth-child(1) {font-size: 14px !important;}
header .row2 .contacts a {font-size: 20px !important;}
header .row2 .contacts {flex-basis: 130px !important; flex-shrink: 0;}
header .opencatalog {padding: 0 10px 0 !important;}
header .row2 .contacts .time {font-size: 12px !important;}
footer {padding: 20px 0;
	.col1, .col2 {display:none;}
}
footer .right-col {text-align: right; max-width: 100%; }
.category-inner {.wrap;
	.filter {flex-basis:100%; margin-bottom:20px; position:static}
}
.cat-list-products .col3 > .item {width: 32%;}

.data-uk-grid-margin {margin-bottom:20px;}
.uk-text-center.martop50 {margin-top:30px;}

.openfilter {display: block; margin-bottom:30px;}
.filter {display: none;}

#oneStepCheckoutForm .innerCheckout .checkout-info {.wrap; margin-bottom: 0px;}
#oneStepCheckoutForm .innerCheckout .checkout-info .uk-panel {width: 100%; margin-bottom:30px;}

.jshop_categ.item.empty {display: none;}

}

@media all and (max-width:870px) {
.category_template .col5 > .item {width: 49%;}
}

@media all and (max-width:850px) and (orientation:landscape) {
.category_template .col5 > .item {width: 49%;}
header .row1 li a {font-size: 12px;}
.logo img {display:none;}
header .row2 .opencatalog { display: flex; width: 50px; }
header .row2 #jshop_search { margin-right: -45px; width: 170px;}
@placeholder-txt-mobsize: 14px;
@placeholder-txt-font: .light;
::-webkit-input-placeholder {font-size:@placeholder-txt-mobsize; color: @txt-light; .light;}
::-webkit-textarea-placeholder {font-size:@placeholder-txt-mobsize; color: @txt-light; .light;}
::-moz-placeholder {font-size:@placeholder-txt-mobsize; color: @txt-light; .light;}
:-moz-placeholder {font-size:@placeholder-txt-mobsize; color: @txt-light; .light;}
:-ms-input-placeholder {font-size:@placeholder-txt-mobsize; color: @txt-light; .light;}
header input[type="text"], input[type="phone"], input[type="tel"] {padding: 0 10px;}
.logo {width: 130px !important; }
.opencatalog {.center;
	span {display:none;}
	img {margin-right:0 !important;}
}
.offer {height: auto; padding-bottom:70px; padding-top: 110px;}
.offer .item.text .title {font-family: 'Bold'; font-size: 24px; line-height: 30px; color: white; }
.offer .swiper-slide {padding-bottom:20px;}
.section-side {display:none;}
.section-title {font-size: 24px; line-height:30px;}
.btn {padding: 0 10px 0;}
.quick-order {display:none;}
}

@media all and (max-width:850px) {
.cat-list-products .col3 > .item {width: 49%;}
.productfull .description .info {.wrap;}
.productfull .description .info .jshop_prod_description {flex-basis: 100%; margin-bottom:30px; height: auto;}
.needhelp .item p:nth-child(1) {font-size: 24px; line-height: 30px; text-align:left;}
.needhelp .item p:nth-child(2) {text-align:left;}
.needhelp .item p:nth-child(3) {text-align:left; margin-top:20px;}
}

@media all and (max-width:750px) and (orientation:portrait) {

.content {.flex; .between; flex-direction:column;
	.maincat {order:0;}
	.popular {order:1;}
	.banner1 {order:2;}
	.sale {order:3;}
	.banner2 {order:4;}
	.recommended {order:5;}
	footer {order:6;}
}

.panel {
	.logo {flex-basis: 100px; flex-shrink:0;}
}
.productfull.centered {padding-left:0; padding-right:0;}
.extra_fields .extra_fields_el {.wrap;
	.extra_fields_name {width:100%;}
	.extra_fields_value {width:100%;}
}

.extra_fields .extra_fields_el {padding: 10px 0; }
.needhelp .item p:nth-child(3) a {display: block; margin-top:20px; .align;}
.breadcrumbs {margin: 40px auto 0;}
.productfull .orderlate-block {.wrap; margin-top:20px;
	.btn {width:100%; .align;} 
	.txt {width:100%; margin-top:10px;}
}
#oneStepCheckoutForm {margin-top: 80px; padding: 0 15px;}
.fix {overflow:hidden;}
header {display:none; height:100%; padding-top:70px;
	.nav.menu {.wrap; width:100%;
		li {width:100%; .align; margin-bottom:10px; margin-right:0;
			a {font-size:20px;}
		}
	}
	.row1 {display:flex !important;}
	.logo {display:none;}
	.row2 {.wrap; .center;
		.opencatalog {display:none;}
		.search {width:100%; margin-bottom:20px;}
		.contacts {width:100%;}
		#jshop_search {width: 100%; }
	}
}
.mob-panel {display:block; position:fixed; top:0; left:0; width:100%; padding:5px 0; background:white; border-bottom:1px solid @border; z-index:7;
	.logo {
		div {font-family: 'Black'; text-transform: uppercase; font-size: 14px;}
	}
	.phone {
		img {width:40px;}
	}
	.opencatalog {padding: 0 10px 0; width: 100px; .align; height: 40px; line-height: 40px;}
}
.offer {display: none;}

.popular {
	.flex {.wrap;
		.section-side {width:100%; flex-basis:100%; margin-left:0; order:0;}
		.section-items {order:1;}
	}
}

@keyframes fly {
	 0% {
	 transform: translateY(0);
	}
	 50% {
	 transform: translateY(0);
	}
	 100% {
	 transform: translateY(0);
	}
}

.needhelp .item .formSpan12 {.wrap;}
.needhelp .item .formSpan12 .rsform-block {width:100%; margin-bottom:5px;}

.productfull .about_delivery .info-row {.wrap;}
.productfull .about_delivery .info-row .item:nth-child(1) {width:100%;}
.productfull .about_delivery .info-row .item:nth-child(2) {width:100%;}


.col4 > .item.jshop_categ {width: 49%; margin-bottom: 20px; .wrap; .align-top; height: 180px; padding-top:10px;
	.image {flex-basis:100%; .align;
		img {height:100px;}
	}
	.product_link {flex-basis:100%; .align; padding-right:0; font-size: 14px; .flex; .center; .align-center; height:60px; line-height: 18px;}
}
.martop100 {margin-top: 60px; }
.raspberry {right: 0px; left: auto; top: -50px; width: 100px; }

.sale {
	.flex {.wrap;
		.section-side {width:100%; flex-basis:100%; margin-left:0; order:0;}
		.section-items {order:1;}
	}
}

.productfull .productfull-title {margin-top: 50px; }

.solutions {
	img {display:none;}
}

.stand {display:none;}
.apple-red {width: 100px; right: 0px; top: -110px;} 
.strawberry {width: 100px; left: 0px; bottom: -50px; } 
.blackberry {width: 80px; top: -50px;}
.swiper-testimonials {
	.flex {.wrap;
		.left {flex-basis: 100%; margin-right:0; box-shadow: none; }
		.right {     flex-basis: 100%;     padding: 30px 0px;     background: white;     border-radius: 0;     box-shadow: none; 
			.title {font-size: 18px;
				img {     height: 30px;     margin-left: 0px;     margin-top: 10px; }
			}
		}
	}
}

footer .right-col .f-link a {font-size: 13px;}

.catalog-mod {width:100%; padding-top: 70px;}
.breadcrumbs {margin: 40px auto 0; }
.productfull {
	.product_body .product_images {flex-basis: 100%; margin-right:0;}
	.description {
		.top  {.wrap; .between;
			.price {width:200px;}
			.prod_qty_input  {width: 90px; margin-right: 0;}
			button {width:100%; margin:20px 0;}
			.quick-order {width:100%; .align;}
		}
	}
	.info {.wrap;
		.jshop_prod_description  {width:100%; margin-bottom:20px; height:auto;}
		.about_delivery {width:100%;
			.green-bg {width:120px; font-size: 14px;}
		}
	}
	.extra_fields table tr {.wrap;
		td:nth-child(1) {flex-basis:100%; margin-right:0; margin-bottom:10px;}
		td:nth-child(1) {flex-basis:100%;}
	}
	.productfull-title {margin-top:90px;}
}

footer .bottom {.wrap;
	.copyright {width:100%; .align; margin-bottom:10px;}
	.developer {width:100%; .align;}
}

.btn {padding: 0 10px 0;}
.cartpage, .defaultPage, .search-results, .blog {margin-top: 10px !important; }
.finish-page {margin-top: 10px !important;}
#oneStepCheckoutForm {
	thead {display:none;}
	.jshop_prod_cart {.flex; .wrap; width:100%;
		td {width:100%; .align; border-bottom:none;}
		td:last-child {border-bottom:1px solid @border;}
		.jshop_img_description_center {max-width:100% !important;}
	}
	.total {.flex; .wrap; width:100%;
		td {width:100%; .align;}
	}
}

.content .centered {padding:0;}
.form_sort_count .title {font-size:14px;}
.category_template {
	>.flex {.wrap;}
	.sorting-block {margin-top:20px;}
	.section-title {margin-bottom:0;}
}
.cat-list-products .col3 > .item {width: 49%;}
.martop200 {margin-top: 70px;}

.jshop_img_description_center a {.wrap;}

.content footer .centered {padding-left: 15px; padding-right: 15px;}

.jshop.jshop_subtotal tr {.flex; .between; .wrap; margin-bottom:20px;
	td:nth-child(1) {width:100%; .align;}
	td:nth-child(2) {width:100%; .align;}
}

#oneStepCheckoutForm .button_order_finish {margin:20px 0;}
.banner .title {font-size: 34px; line-height: 40px;}
}

@media all and (max-width:700px) {
.category_template .col5 > .item {width: 100%;}
}

@media all and (max-width:660px) and (orientation:portrait) {
.panel .openmenu {flex-basis: 88px;}
.panel .cart {flex-basis: 50px; flex-shrink: 0; }
.panel .logo {margin-right: 10px;}
.panel .contacts a {font-size: 16px;}
.panel .contacts .time {font-size: 12px; line-height: 14px; display: none;}
.panel .contacts {flex-basis: 145px;}
.panel .top {display: flex;}
.panel-body {.wrap;}
.panel {height:auto;}
.panel .panel-body > .logo {display: none;}
.panel .panel-body > .contacts {display: none;}
.category_template .col4 > .item {width: 49%;}
.mob-panel .logo {flex-basis: 120px;}
footer .centered {.wrap;
	.logo {width:100% !important; .align; margin-bottom:30px; padding:0 15px;}
	.right-col {width:100%; text-align: center;}
}
.cat-list-products .col3 > .item {width: 100%;}
.panel {
	.top {width:100%; border-bottom:1px solid @border; padding-bottom:5px; margin-bottom:5px; padding-top:5px;}
	.bottom {border-bottom:1px solid @border; padding-bottom:5px;
		.logo {display: none;}
		.contacts {display: none;}
	}
}
.cart img {width: 30px; }
.panel .search form input.inputbox {height:30px; line-height:30px;}
.panel .openmenu {height:30px; line-height:30px;}
footer {margin-top: 20px;}
.section-title {font-size: 26px; line-height:30px;}
.category_template .col4 > .item.empty {margin:0;}
footer .menus, footer .right-col .adress {display: none;}
aside .menu-top {margin-top: 0px;}
aside .underlogo {margin: 10px 0 0;}
.productfull .product_body .price .old_price {position: initial;}
}

@media all and (max-width:570px) and (orientation:portrait) {
.mob-panel .phone {font-size: 18px; width: 160px; margin-right: 15px;}
.mob-panel .phone {font-size: 18px; width: 160px; margin-right: 15px;}
.mob-panel .openmenu {width: 150px;}
.mob-panel .openmenu .txt {font-size: 14px;}
.offer .swiper-slide {background-position: center center !important;}
footer .menus {.wrap;
	.menu {flex-basis:100%; .align;}
}
footer {background-position: right bottom;}
}

@media all and (max-width:500px) and (orientation:portrait) {
.mob-panel .phone {font-size: 14px; width: 130px;}
.overlay {
	.inner {padding: 40px 20px;}
	.formSpan12 {.wrap;
		.rsform-block {width:100%; margin-bottom:0px;}
	}
}
}

@media all and (max-width:450px) and (orientation:portrait) {
.mob-panel .openmenu {width: 140px;}
.mob-panel .logo {flex-basis: 130px;}
.mob-panel .phone {font-size: 16px; width: 145px; margin-right: 5px;}
.mob-panel .openmenu .txt {display: none;}
.mob-panel .openmenu {width: 30px;}
.col4 > .item.jshop_categ {width: 49%; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.category_template .col4 > .item {width: 100%;}
}

@media all and (max-width:360px) and (orientation:portrait) {
.panel .bottom .search {margin-left: 5px;}
.panel .openmenu {margin-left: 0px;}
}

@media all and (max-width:350px) and (orientation:portrait) {
.mob-panel .phone {font-size: 14px; width: 125px; margin-right: 5px; }
}