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

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


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

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

//Цвета
@brand: #ffd032;
@brand-hov: #fcd860;
@orange: #f37e22;
@orange-hov: #f98f3b;
@txt: #363435;
@txt-light: #eef2f4;
@link: #f7a564;
@hover: #f7a564;
@red: #fa3939;
@yellow: #ffe600;
@border: #eef2f4;

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

//Тени блоков
@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;}

.img10 {width:10px; height:10px;}
.img15 {width:15px; height:15px;}
.img20 {width:20px; height:20px;}
.img25 {width:25px; height:25px;}
.img30 {width:30px; height:30px;}

.centered {width:100%; max-width:1240px; 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:50px; line-height:47px; padding:0 25px 0; border-radius:5px; .f14; .medium;
	&:hover {text-decoration:none; color:white;
		&::before {background: white url(../../images/elements/btn-readmore.png) no-repeat center center; background-size: 60%; color:white;}
		}
}
.brandbtn {background:@brand; color:@txt !important; 
	&:hover {background: @brand-hov; text-decoration:none;}
}
.orangebtn {background:@orange; color:white !important; 
	&:hover {background: @orange-hov; text-decoration:none;}
}


.orange {background:#fddb84;}
.yellow {background:#ffd032; color:#323232 !important;}
.purple {background:#7b55ad; color:#ffffff !important;}
.green {background:#00b269; color:#ffffff !important;}
.blue {background:#357eda; color:#ffffff !important;}

.big {height:70px; line-height:70px; font-size:20px; padding:0 40px 0;}
.double-string {line-height:16px; padding-top:17px; height:70px; padding:15px 20px 0 20px; position: relative;
	p {margin:0;}
	p:nth-child(1) {.medium; .f18;}
	p:nth-child(2) {margin-top:5px; .f14; color:white; .light;}
	.tip {.flex; .align-center; padding: 0 10px; height: 70px; color: #363435; position: absolute; top: 0;	right: -219px; width: 220px; border-top: 1px solid #eef2f4; border-right: 1px solid #eef2f4; border-bottom: 1px solid #eef2f4; border-radius: 0 5px 5px 0; font-size: 12px;}
}
.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;}

.formSpan12 {.flex; .start; .align-center;
	> div:nth-child(1) {.marright10;}
	.formRequired {display: none;}
}

.overlay {
	.formSpan12 {.center;}
}

input[type="text"], input[type="phone"], input[type="tel"] {height:50px; line-height:50px; padding:0 20px; font-size: 16px; width:100%; max-width: 100%; border-radius:5px;}

.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;}
.marright30 {margin-right:30px;}
.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;}
	}
}

.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:5px;}
.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: 14px;
@placeholder-txt-font: .light;
::-webkit-input-placeholder {font-size:@placeholder-txt-size; color: @txt; .light;}
::-webkit-textarea-placeholder {font-size:@placeholder-txt-size; color: @txt; .light;}
::-moz-placeholder {font-size:@placeholder-txt-size; color: @txt; .light;}
:-moz-placeholder {font-size:@placeholder-txt-size; color: @txt; .light;}
:-ms-input-placeholder {font-size:@placeholder-txt-size; color: @txt; .light;}

//Детали
html {height: 100%;} 
body {font-size:16px; color: @txt; .light; font-weight:300; margin:0; background:white; line-height:1.3; height: 100%; -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; letter-spacing: 0.5px;}
.wrapper {.flex; flex-direction: column; position:relative; min-height:100%;}
.container_wrap {flex: 1 0 auto;}
footer {flex: 0 0 auto; margin-top:50px;}
* {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:@link; .animated;}
a:hover {color:@hover; text-decoration:underline;}
.sys-messages {text-align: left;}
.breadcrumbs {
	a {}
	ul {.flex; .start; .wrap; padding:0;
		li {list-style:none; margin-right: 4px; color:@txt;
			&:first-child {display:none;}
		}
	}
}
b {.medium; font-weight: normal;}

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


.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; border:none;}
 div.formBody {display: block; float: none;}
 

//Мобильная панель
.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: 490px; 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;}
}

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

//Кнопка открытия
.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:@link; 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:@link; 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; margin-right: 20px;}
	.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: -15px; right: 0px;}
	.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; .center; .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;}

.simple-form input {border-radius:5px;}

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

header {position:fixed; top:0; left:0; background:white; width:100%; background:white; z-index:2;
	a {color:@txt;}
	.top {padding:5px 0; font-size:15px; .flex; .between; .align-center;
		.menu {
			ul {.flex; .start; .align-center;
				li {margin-right:10px; list-style:none;
					&:last-child {margin-right:0;}
					a {font-size:14px;}
				}
			}
		}
		.contacts {.flex; .between; .align-center;
			.adress {padding-right:10px; border-right:1px solid #cacaca; margin-right:10px;}
			.time {margin-right:10px;}
			.phone {
				a {color:@link; font-size:16px; .medium;}
			}
		}
	}
	.bottom {padding:5px 0; .flex; .between; .align-center;
		.logo {flex-basis:190px; flex-shrink:0;
			a {
				img {display:block; width:190px;}
			}
			.descriptor {font-size:12px; margin:0; letter-spacing: 0; text-align:center;}
		}
		.menu {flex-basis:100%; flex-shrink:1; margin:0 10px; position:relative; height: 50px; top: 8px;
			ul {.flex; .between; .align-top;
				li {list-style:none;
					&:last-child {margin-right:0;}
					a {font-size:14px; .medium;}
					.nav-child {display:none; position:absolute; bottom:0px; left:0;
						li {margin-right:10px;
							a {.light;}
						}
					}
					&.item-169::after {content:"\f107"; .awesome; margin-left:3px;}
					&.item-170::after {content:"\f107"; .awesome; margin-left:3px;}
					&:hover::after {color:@link;}
				}
				.active.parent .nav-child {display:flex;}
			}
		}
		.btn {flex-basis:230px; flex-shrink:0; .align;}
	}
	.active > a {color:@link;}
}

.offer {height:600px; .flex; .wrap; .align-center; background:url(../../images/bgs/offer.jpg) no-repeat bottom right; border-bottom:1px solid #cacaca;
	ul {padding-left:20px; margin-top:20px;
		li {margin-bottom:10px; list-style:none;}
	}
}


.maincategories {
	.item {padding:40px 25px;}
	.colored-box {
		&.yellow {}
		.rsform-block {width:49%;
			input {width:100%; .align; padding: 0 10px;}
			button {width:100%;}
			.btn {padding: 0 15px 0;}
		}
		.formDescription {margin:0;}
		label {margin-bottom:0;}
	}
	.text {margin-left:20px; padding: 10px 25px;
		ul li {position:relative; padding-left:20px;
			&::before {content:''; width:14px; height:14px; background:url(../../images/elements/li.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:2px;}
		}
	}
	ul {
		li {list-style:none; margin-bottom:10px;}
	}
	.col3 {
		.item {position:relative;
			ul {min-height:230px;}
			.preTitle {position:absolute; top: 30px; left: 25px;}
		}
	}
}

.about {
	.slider {margin-top:20px;}
	.swiper-container {padding:0 2px;}
	.swiper-slide {.flex; .center; .align-center; .border; .radius; height:120px;
		img {max-height:98%; max-width: 90%;}
	}
}


footer {background:#303030; color:white; padding:40px 0;
	h3 {.medium; .f20;}
	.menu {
		ul {margin-top:10px;
			li {list-style:none; margin-bottom:10px;
				a {color:#c1c1c1; .f16;
					&:hover {color:white; text-decoration:none;}
				}
			}
		}
	}
	a {color:#c1c1c1;
		&:hover {color:white; text-decoration:none;}
	}
	.contacts {text-align:right; color: #c1c1c1;
		.logo {flex-basis:210px; flex-shrink:0;
			a {
				img {display:inline-block; width:210px;}
			}
			.descriptor {font-size:9px; margin:0;}
		}
		.phone {font-size:12px; margin-top:10px;
			a {font-size:18px;}
		}
		.adress {font-size:12px; margin-top:5px;}
		.copyright-ankom {font-size:12px; margin-top:5px;}
		.copyright-developer {font-size:10px; margin-top:10px;}
	}
}

.content {padding-top:150px;}

.top {padding:20px 20px;
	h1 {margin:0; line-height:50px;}
	&.yellow {background:#ffd032; color:#323232 !important;}
	&.purple {background:#7b55ad; color:#ffffff !important;}
	&.green {background:#00b269; color:#ffffff !important;}
	&.blue {background:#357eda; color:#ffffff !important;}
	.left {margin-right:20px; flex-basis:350px; flex-shrink:0; margin-right:10px;}
	.right {flex-basis:100%; flex-shrink:1;}
}

.page-text {width:100%; max-width:1030px; margin:50px auto; line-height:27px;
	h2 {font-size:30px; .light; font-weight:normal; margin-bottom:30px; margin-top:50px;}
	ul {margin:30px 0;
		li {list-style:none; position:relative; padding-left:20px; margin-bottom:15px; line-height:27px;
			&::before {content:''; width:14px; height:14px; background:url(../../images/elements/li.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:6px;}
		}
	}
	.bigger {font-size:18px; margin-top:30px; display:block;}
	.brandbtn {min-width:280px;}
}

.mob-panel {display:none;}

@media all and (max-width:1500px) {
.mainpage .content {padding-top: 0px;}
.offer {height:100vh; background: url(../../images/bgs/offer.jpg) no-repeat 120% 100%;}
}


@media all and (max-width:1300px) {
header {display:none; height:100vh; position:fixed; top:0; left:0; padding-top:100px; padding-left:15px; padding-right:15px; overflow:scroll; z-index:2;
	.logo {display:none;}
	.top {.wrap;
		.menu {width:100%;
			ul {.wrap;
				li {width:100%; margin-bottom:10px;
					a {font-size:30px;}
				}
			}
		}
		.contacts {display:none;}
	}
	.bottom {.wrap;
		.menu {width:100%; margin:0;
			ul {.wrap;
				li {width:100%; margin-bottom:10px;
					&::after {display:none !important;}
					a {font-size:30px;}
					.nav-child {display: block; position: static; padding-left:30px; margin-top:15px;
						li {
							a {font-size:24px;}
						}
					}
				}
			}
		}
		.openform {display:none;}
	}
}
.mob-panel {display:block; position:fixed; top:0; left:0; width:100%; background:white; border-bottom:1px solid @border; padding:5px 15px; z-index:3;
	.logo {max-height:50px;}
}
.content {padding-top: 90px !important; padding-left:15px; padding-right:15px;}
.offer {height: 430px; background: url(../../images/bgs/offer.jpg) no-repeat 120% 100%; background-size: 340px;}
footer {padding-left:15px; padding-right:15px;}
.swiper-button-next, .swiper-button-prev {z-index:1;}
}

@media all and (max-width:950px) {
.offer {height:auto; padding-bottom:20px;
	ul {max-width: 500px;}
	.f30 {font-size: 27px; }
}
.formSpan12 {.wrap;
	.rsform-block {width:100% !important; margin-bottom:10px;}
}
.formSpan12 > div:nth-child(1) {
    margin-right: 0px;
}
.maincategories .text {     margin-left: 0px;     padding: 10px 0 10px 25px; }
.col3 {.wrap;
	.item {width:100%; margin-bottom:10px;}
}
.maincategories .col3 .item ul {
    min-height: 0;
}

.col2.p70-30 {.wrap; margin-top:20px;
	.item {width:100% !important; margin-bottom:10px; margin-left:0; margin-right:0;}
}
.col2.p30-70 {.wrap; margin-top:20px;
	.item {width:100% !important; margin-bottom:10px; margin-left:0; margin-right:0;}
	.item:nth-child(1) {order:1;}
	.item:nth-child(2) {order:0;}
}
.about .f24 {.align;}
.martop100 {     margin-top: 50px; }
footer .contacts .phone a {     font-size: 16px;}
}

@media all and (max-width:850px) and (orientation:landscape) {
.offer {background-size: 260px;}
.offer .f30 {     font-size: 24px; }
.item-page {
	.top {.wrap;
		.left {flex-basis:100%; margin-bottom:20px;}
		.right {flex-basis:100%;
			.top {padding:0;}
		}
	}
}
}


@media all and (max-width:550px) and (orientation:portrait) {
.offer {background:none;}
.offer ul {padding-left:0;}
.offer .f18 {text-align: center;}
.offer .f30 {     font-size: 24px;     line-height: 27px;     margin-top: 10px;     text-align: center; }
.item-page {
	.top {.wrap;
		.left {flex-basis:100%; margin-bottom:20px;}
		.right {flex-basis:100%;
			.top {padding:0;}
		}
	}
}
.open-menu .f14 {display:none;}
.mob-panel .logo {max-height: 40px; }
.maincategories  .items {.wrap;
	.item {width:100%;}
}
footer {
	.centered {.wrap;
		>div {width:100%; .align;}
	}
}
.top .f48 {     font-size: 32px; }


}