/* Start:/local/codenails/css/colorpicker.css?16977089313181*/
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(/local/codenails/css/../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(/local/codenails/css/../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/local/codenails/css/../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(/local/codenails/css/../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(/local/codenails/css/../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(/local/codenails/css/../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(/local/codenails/css/../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(/local/codenails/css/../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(/local/codenails/css/../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(/local/codenails/css/../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(/local/codenails/css/../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(/local/codenails/css/../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/* End */


/* Start:/local/codenails/css/flex-layout-attribute.min.css?172355941112150*/
/**
 * Flex data-layout attribute
 * HTML data-layout helper based on CSS flexbox specification.
 * 
 * VERSION: v1.0.2
 * DATE:    2016-05-31
 * URL:     http://progressivered.com/fla/
 * AUTHOR:  Stefan Kovac | stef@progressivered.com | http://progressivered.com/
 * LICENSE: MIT 
 */
html {
	box-sizing:border-box
}
*, :after,:before {
	box-sizing:inherit
}

[data-layout] {
	display:-ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex
}

[data-layout*=column],[data-layout*=row] {
	width:100%;
	max-width:100%
}

[data-layout^=row] {
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row
}

[data-layout^=column] {
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column
}

[data-layout*=row][data-layout*=reverse] {
	-ms-flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse
}

[data-layout*=column][data-layout*=reverse] {
	-ms-flex-direction:column-reverse;
	-webkit-flex-direction:column-reverse;
	flex-direction:column-reverse
}

[data-layout*=columns],[data-layout*=rows] {
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}

[data-layout=none] {
	-ms-flex:none;
	-webkit-flex:none;
	flex:none
}

[data-layout*=column][data-layout*=top-],[data-layout*=row][data-layout*=-left] {
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start
}

[data-layout*=column][data-layout*=center-],[data-layout*=row][data-layout*=-center],[data-layout~=centered] {
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}

[data-layout*=column][data-layout*=bottom-],[data-layout*=row][data-layout*=-right] {
	-ms-flex-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end
}

[data-layout*=column][data-layout*=spread-],[data-layout*=row][data-layout*=-spread] {
	-ms-flex-pack:distribute;
	-webkit-justify-content:space-around;
	justify-content:space-around
}

[data-layout*=column][data-layout*=justify-],[data-layout*=row][data-layout*=-justify] {
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}

[data-layout*=column][data-layout*=-left],[data-layout*=row][data-layout*=top-] {
	-ms-flex-align:start;
	-ms-grid-row-align:flex-start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}

[data-layout*=column][data-layout*=-center],[data-layout*=row][data-layout*=center-],[data-layout~=centered] {
	-ms-flex-align:center;
	-ms-grid-row-align:center;
	-webkit-align-items:center;
	align-items:center
}

[data-layout*=column][data-layout*=-right],[data-layout*=row][data-layout*=bottom-] {
	-ms-flex-align:end;
	-ms-grid-row-align:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}

[data-layout*=column][data-layout*=-stretch],[data-layout*=row][data-layout*=stretch-] {
	-ms-flex-align:stretch;
	-ms-grid-row-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch
}

[data-layout*=columns][data-layout*=-left],[data-layout*=rows][data-layout*=top-] {
	-ms-flex-line-pack:start;
	-webkit-align-items:flex-start;
	align-content:flex-start
}

[data-layout*=columns][data-layout*=-right],[data-layout*=rows][data-layout*=bottom-] {
	-ms-flex-line-pack:end;
	-webkit-align-items:flex-end;
	align-content:flex-end
}

[data-layout*=columns][data-layout*=-center],[data-layout*=rows][data-layout*=center-] {
	-ms-flex-line-pack:center;
	-webkit-align-items:center;
	align-content:center
}

[data-layout*=columns][data-layout*=-justify],[data-layout*=rows][data-layout*=justify-] {
	-ms-flex-line-pack:justify;
	-webkit-align-items:space-between;
	align-content:space-between
}

[data-layout*=columns][data-layout*=-spread],[data-layout*=rows][data-layout*=spread-] {
	-ms-flex-line-pack:distribute;
	-webkit-align-items:space-around;
	align-content:space-around
}

[data-layout*=columns][data-layout*=-stretch],[data-layout*=rows][data-layout*=stretch-] {
	-ms-flex-line-pack:stretch;
	-webkit-align-items:stretch;
	align-content:stretch
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
	[data-layout*=column]:not([data-layout*=row])>* {
		max-width:auto
	}
	[data-layout*=column][data-self*=top] {
		height:auto!important
	}
	[data-self~=size-]>* {
		height:auto
	}
}

[data-layout*=column]:not([data-layout*=row]) [data-self*=left],[data-layout*=row]:not([data-layout*=column]) [data-self*=top] {
	-ms-flex-item-align:start;
	-webkit-align-self:flex-start;
	align-self:flex-start
}

[data-self~=center] {
	-ms-flex-item-align:center;
	-webkit-align-self:center;
	align-self:center
}

[data-layout*=column]:not([data-layout*=row]) [data-self*=right],[data-layout*=row]:not([data-layout*=column]) [data-self*=bottom] {
	-ms-flex-item-align:end;
	-webkit-align-self:flex-end;
	align-self:flex-end
}

[data-self*=stretch] {
	-ms-flex-item-align:stretch;
	-webkit-align-self:stretch;
	align-self:stretch
}

[data-layout][data-self*=center] {
	margin-left:auto;
	margin-right:auto
}

[data-layout][data-self*=right] {
	margin-right:0
}

[data-layout][data-self*=left] {
	margin-left:0
}

[data-layout*=column] [data-self*=bottom] {
	margin-top:auto
}

[data-layout*=column] [data-self*=top] {
	margin-bottom:auto
}

[data-layout*=row] [data-self*=left] {
	margin-right:auto
}

[data-layout*=row] [data-self*=right] {
	margin-left:auto
}

[data-self~=size-1of5] {
	width:20%
}

[data-self~=size-1of4] {
	width:25%
}

[data-self~=size-1of3] {
	width:33.33333%
}

[data-self~=size-2of5] {
	width:40%
}

[data-self~=size-1of2] {
	width:50%
}

[data-self~=size-3of5] {
	width:60%
}

[data-self~=size-2of3] {
	width:66.6666%
}

[data-self~=size-3of4] {
	width:75%
}

[data-self~=size-4of5] {
	width:80%
}

[data-self~=size-1of1] {
	width:100%
}

[data-layout*=column][data-layout*=stretch-]>:not([data-self*=size-]),[data-layout*=row][data-layout*=-stretch]>:not([data-self*=size-]),[data-self~=size-x1] {
	-ms-flex:1 0 0%;
	-webkit-flex:1 0 0%;
	flex:1 0 0%;
}

[data-self~=size-x2] {
	-ms-flex:2 0 0%!important;
	-webkit-flex:2 0 0%!important;
	flex:2 0 0%!important
}

[data-self~=size-x3] {
	-ms-flex:3 0 0%!important;
	-webkit-flex:3 0 0%!important;
	flex:3 0 0%!important
}

[data-self~=size-x4] {
	-ms-flex:4 0 0%!important;
	-webkit-flex:4 0 0%!important;
	flex:4 0 0%!important
}

[data-self~=size-x5] {
	-ms-flex:5 0 0%!important;
	-webkit-flex:5 0 0%!important;
	flex:5 0 0%!important
}

[data-self~=size-x6] {
	-ms-flex:6 0 0%!important;
	-webkit-flex:6 0 0%!important;
	flex:6 0 0%!important
}

[data-self~=size-x7] {
	-ms-flex:7 0 0%!important;
	-webkit-flex:7 0 0%!important;
	flex:7 0 0%!important
}

[data-self~=size-x8] {
	-ms-flex:8 0 0%!important;
	-webkit-flex:8 0 0%!important;
	flex:8 0 0%!important
}

[data-self~=size-x9] {
	-ms-flex:9 0 0%!important;
	-webkit-flex:9 0 0%!important;
	flex:9 0 0%!important
}

[data-self~=size-x10] {
	-ms-flex:10 0 0%!important;
	-webkit-flex:10 0 0%!important;
	flex:10 0 0%!important
}

[data-self~=size-x11] {
	-ms-flex:11 0 0%!important;
	-webkit-flex:11 0 0%!important;
	flex:11 0 0%!important
}

[data-self~=size-x16] {
	-ms-flex:16 0 0%!important;
	-webkit-flex:16 0 0%!important;
	flex:16 0 0%!important
}

[data-self*=size-auto]{
	-ms-flex:1 1 auto;
	-webkit-flex:1 1 auto;
	flex:1 1 auto
}

[data-self*=size-x0]{
	-ms-flex:0 0 auto;
	-webkit-flex:0 0 auto;
	flex:0 0 auto
}

[data-self~=size-xxlarge] {
	max-width:1366px;
	width:100%
}

[data-self~=size-xlarge] {
	max-width:1200px;
	width:100%
}

[data-self~=size-large] {
	max-width:960px;
	width:100%
}

[data-self~=size-larger] {
	max-width:840px;
	width:100%
}

[data-self~=size-medium] {
	max-width:720px;
	width:100%
}

[data-self~=size-smaller] {
	max-width:880px;
	width:100%
}

[data-self~=size-small] {
	max-width:480px;
	width:100%
}

[data-self~=size-xsmall] {
	max-width:360px;
	width:100%
}

[data-self~=size-xxsmall] {
	max-width:240px;
	width:100%
}

[data-self*=size-x]:not([data-self*=small]):not([data-self*=large]) {
	-ms-flex-negative:1;
	-webkit-flex-shrink:1;
	flex-shrink:1
}

[data-self~=first] {
	-ms-flex-order:-1;
	-webkit-order:-1;
	order:-1
}

[data-self~=order-1] {
	-ms-flex-order:1;
	-webkit-order:1;
	order:1
}

[data-self~=order-2] {
	-ms-flex-order:2;
	-webkit-order:2;
	order:2
}

[data-self~=order-3] {
	-ms-flex-order:3;
	-webkit-order:3;
	order:3
}

[data-self~=last] {
	-ms-flex-order:999;
	-webkit-order:999;
	order:999
}

[data-layout*=column]:not([data-layout*=row])>* {
	-ms-flex-negative:0;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	-ms-flex-preferred-size:auto;
	-webkit-flex-basis:auto;
	flex-basis:auto
}

@media screen and (max-width:64em) {
	[data-layout*=lg-row] {
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
		flex-direction:row
	}
	[data-layout*=lg-column] {
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column
	}
	[data-layout*=lg-columns],[data-layout*=lg-rows] {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap
	}
}

@media screen and (max-width:52em) {
	[data-layout*=md-row] {
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
		flex-direction:row
	}
	[data-layout*=md-column] {
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column
	}
	[data-layout*=md-columns],[data-layout*=md-rows] {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap
	}
}

@media screen and (max-width:40em) {
	[data-layout*=sm-row] {
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
		flex-direction:row
	}
	[data-layout*=sm-column] {
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column
	}
	[data-layout*=sm-columns],[data-layout*=sm-rows] {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap
	}
}

@media screen and (max-width:64em) {
	[data-self*=lg-full] {
		-ms-flex:1 1 100%!important;
		-webkit-flex:1 1 100%!important;
		flex:1 1 100%!important;
		width:100%;
		max-width:100%
	}
	[data-self*=lg-half] {
		-ms-flex:1 1 50%!important;
		-webkit-flex:1 1 50%!important;
		flex:1 1 50%!important;
		width:50%;
		max-width:50%
	}
	[data-self~=lg-first] {
		-ms-flex-order:-1;
		-webkit-order:-1;
		order:-1
	}
	[data-self~=lg-last] {
		-ms-flex-order:999;
		-webkit-order:999;
		order:999
	}
	[data-self~=lg-hide] {
		display:none
	}
	[data-self~=lg-show] {
		display:inherit
	}
}

@media screen and (max-width:52em) {
	[data-self*=md-full] {
		-ms-flex:1 1 100%!important;
		-webkit-flex:1 1 100%!important;
		flex:1 1 100%!important;
		width:100%;
		max-width:100%
	}
	[data-self*=md-half] {
		-ms-flex:1 1 50%!important;
		-webkit-flex:1 1 50%!important;
		flex:1 1 50%!important;
		width:50%;
		max-width:50%
	}
	[data-self~=md-first] {
		-ms-flex-order:-1;
		-webkit-order:-1;
		order:-1
	}
	[data-self~=md-last] {
		-ms-flex-order:999;
		-webkit-order:999;
		order:999
	}
	[data-self~=md-hide] {
		display:none
	}
	[data-self~=md-show] {
		display:inherit
	}
}

@media screen and (max-width:40em) {
	[data-self*=sm-full] {
		-ms-flex:1 1 100%!important;
		-webkit-flex:1 1 100%!important;
		flex:1 1 100%!important;
		width:100%;
		max-width:100%
	}
	[data-self*=sm-half] {
		-ms-flex:1 1 50%!important;
		-webkit-flex:1 1 50%!important;
		flex:1 1 50%!important;
		width:50%;
		max-width:50%
	}
	[data-self~=sm-first] {
		-ms-flex-order:-1;
		-webkit-order:-1;
		order:-1
	}
	[data-self~=sm-last] {
		-ms-flex-order:999;
		-webkit-order:999;
		order:999
	}
	[data-self~=sm-hide] {
		display:none
	}
	[data-self~=sm-show] {
		display:inherit
	}
}

.flex-out {
	-ms-flex: none !important;
	-webkit-flex: none !important;
	flex: none !important;
}
/* End */


/* Start:/local/codenails/css/jquery-ui.css?169770893118721*/
/*! jQuery UI - v1.11.4 - 2016-06-26
* http://jqueryui.com
* Includes: core.css, accordion.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("/local/codenails/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("/local/codenails/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("/local/codenails/css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("/local/codenails/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("/local/codenails/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("/local/codenails/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/local/codenails/css/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

/* End */


/* Start:/local/codenails/css/jquery.arcticmodal-0.3.css?16977089311175*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/local/codenails/images/loading.gif) no-repeat 50% 50%; }

.qw-popup-anim {
	position: relative;
}

.arcticmodal-close {
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: -32px;
    top: 0px;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 44px;
    font-family: Arial, Baskerville, monospace;
    z-index: 10;
    cursor: pointer;
}

.arcticmodal-close:hover {
    color: #ff9600;
}

.qw-popup-anim-inner .mfp-close {
    display: none;
}
/* End */


/* Start:/local/codenails/css/jquery.mCustomScrollbar.min.css?169770893142839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/codenails/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */


/* Start:/local/codenails/css/mobile.css?172500545014249*/
body {
	width: auto;
	min-width: 0;
}
.scrollable-table {
	width: 100%;
	overflow: auto;
}
#filter-button {
	overflow: hidden;
	position: relative;
	z-index: 300;
	display: none;
}
#filter-button a {
	float: left;
	background: #f5b316;
	font-weight: bold;
	padding: 10px 20px;
	cursor: pointer;
}
#filter-shadow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(62,98,123,.5);
	z-index: 260;
	display: none;
}

@media only screen and (min-width:1101px) and (max-width:1200px){
    .header__cart-box .btn {
        min-width: auto;
        padding: 0 10px;
    }

    .header__contacts.header__city .adress_popover {
        padding: 0 5px;
    }

    .header__contacts.header__city .adress_popover span {
        letter-spacing: -0.8px;
    }

    .header__contacts-inner-whatsapp {
        margin-left: 14px;
    }

    .header__contacts p {
        margin-left: 18px;
    }
}

@media only screen and (max-width:1100px){
	.header__cart-box {
		margin: 0;
	}
	.header__city {
		position: absolute;
		bottom: -20px;
		right: 42px;
		height: auto;
	}
	.header__city .header__contacts-inner {
		top: 0;
		transform: none;
	}
	.adress_popover {
		border: 1px solid #e1e0e0!important;
	}
	.current_city {
		padding: 1px 0 3px!important;
		margin: 0!important;
		border: 0!important;
	}
	.current_city .city_name {
		font-weight: bold;
		margin: 0 0 0 5px;
	}
	.current_city br {
		display: none;
	}
}
@media only screen and (max-width:1000px){
	body > section > section, .content-box {
		padding: 0 15px;
		margin: 0 0 10px;
	}
	header:before {
		display: none;
	}
	header::after {
		display: none;
	}
	.header__top-box {
		border-bottom: 1px solid #e1e0e0;
		overflow: hidden;
	}
	nav ul {
		overflow: hidden;
	}
	nav ul li {
		float: left;
		margin: 0 10px 0 0;
	}
	[data-self~="size-smaller"] {
		max-width: none;
		width: auto;
		float: left;
	}
	.header__auth-box {
		float: right;
		width: auto;
		height: auto;
		padding: 3px 0 0;
		text-align: right;
	}
	.header__auth-box i {
		display: none;
	}
	.header__auth-box > span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.header__middle-box {
/*		overflow: hidden;*/
		margin: 0 0 25px;
	}
	.header__middle-box:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		clear: both;
	}
	.header__city {
		top: auto!important;
		left: auto!important;
		bottom: -20px!important;
		right: 15px!important;
	}
	.adress_popover {
		font-size: 14px!important;
		line-height: 20px;
	}
	.header__logo {
		float: left;
		margin: 0 20px 0 0;
	}
	.header__contacts {
		float: left;
	}
	.header__cart-box {
		float: right;
		margin: 13px 0 0;
	}
	.header__catalog-menu-trigger {
		float: left;
	}
	.header__bottom-links {
		overflow: hidden;
	}
	.header__catalog-menu-box {
		z-index: 200;
	}
	.header__catalog-menu-box .catalog-menu-wrapper {
		display: none;
	}
	.header__catalog-menu-box .catalog-menu-wrapper.active {
		display: block;
	}
	.header__catalog-menu-trigger {
		padding: 0 0 0 15px;
		margin: 0 0 0 -15px;
	}
	.header__search-box {
		text-align: center;
	}
	.header__search-box .input {
		width: 80%;
		margin: 0;
	}
	.header__search-box .btn {
		margin: 0;
	}
	section[data-layout] .swiper-container {
		width: 620px;
		margin: 0 auto 10px;
	}
	.home__features-box {
		display: none;
		padding: 0;
		width: 620px;
		height: auto!important;
		margin: 0 auto 10px;
	}
	.home__features-box > div:first-child {
		overflow: hidden;
	}
	.home__feature--primary,.home__feature--secondary{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 140px;
	}
	.product-tiles__rows {
		display: flex;
	}
	.product-tiles__tile {
		padding: 15px 0 65px;
	}
	.product-tiles__tile .tile-img-wrapper {
		height: 100px;
	}
	.product-tiles__tile .tile-name {
		font-size: 14px;
		padding: 0 15px;
	}
	.product-tiles__tile .tile-price {
		font-size: 18px;
	}
	.product-tiles__tile .tile-price-old {
		font-size: 14px;
	}
	.product-tiles__tile .btn {
		padding: 0 10px;
	}
	.home__clients-list {
		padding: 0;
		font-size: 0;
		text-align: center;
	}
	.home__clients-list figure {
		display: inline-block;
		vertical-align: middle;
	}
	.home__content-figure {
		float: left;
	}
	footer {
		padding: 30px 15px 0;
		background: #2f2f2f;
		color: #fff;
	}
	.footer__content {
		padding: 0;
	}
	.footer__menu {
		display: inline-block;
		vertical-align: top;
		border-top:5px solid #fff;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.footer__menu__second {
		width: 30%;
		margin: 0 5% 0 0;
	}
	.footer__menu ul a {
		color: #fff;
	}
	.footer__contacts {
		display: inline-block;
		vertical-align: top;
		width: 38%;
		padding: 0 50px;
	}
	.footer__credentials {
		height: auto;
		padding: 0;
	}
	.specials-tiles__rows-center {
		font-size: 0;
		text-align: center;
	}
	.specials-tiles__box {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		height: auto;
	}
	.specials-tiles__box img {
		max-width: 90%;
	}
	[data-self~="size-1of3"] {
		display: inline-block;
		vertical-align: top;
		width: 32%;
	}
	[data-self~="size-2of3"] {
		display: inline-block;
		vertical-align: top;
		width: 65%;
	}
	.material-selection textarea.input {
		height: 90px;
	}
	.catalog-section__parent-section {
		float: left;
	}
	.catalog-section__parent-section+div {
		margin: unset;
	}
	.catalog-section__element {
		width: 31%;
		margin: 0 2% 1% 0;
	}
	.product-filter__box {
		float: left;
		width: 220px;
	}
	.product-filter__box+.product-tiles {
		width: auto;
		margin: 0 0 0 250px;
	}
	.product-sort__control-view {
		display: none;
	}
	section.product-popup-box[data-layout] {
		overflow: hidden;
	}
	section.product-popup-box[data-layout] .swiper-container {
		display: block!important;
	}
	.product-gallery__box, section.product-popup-box [data-self~="size-2of5"] {
		float: left;
		width: 250px;
		padding: 0;
	}
	.product-specifications__large, section.product-popup-box [data-self~="size-3of5"] {
		max-width: none;
		width: auto;
		padding: 0;
		margin: 0 0 0 280px;
	}
	.product-specifications__large .clearfix, .product-specifications .clearfix {
		display: none;
	}
	section.product-popup-box[data-layout] .btn {
		margin: 0 5px 10px 0;
	}
	.product-specifications__item--quantity-ratio div[data-self="left"] {
		display: inline-block;
		vertical-align: middle;
	}
	.product-specifications__item--quantity-ratio-divider {
		display: inline-block;
		vertical-align: bottom;
	}
	.product-tabs .tab-content .tab.active[data-layout] {
		display: block;
	}
	.product-properties:not(:last-child) {
		padding: 20px 20px 0;
		margin: 0;
	}
	.product-properties:last-child {
		padding: 0 20px 20px;
	}
	.cart-table__product--title a {
		font-size: 16px;
	}
	.cart-table__quantifiers {
		width: auto;
	}
	.cart-table__total {
		width: auto;
	}
	.cart-table tbody td:last-child {
		width: auto;
	}
	.cart-table th:nth-child(2), .cart-table td:nth-child(2) {
		display: none;
	}
	.cart-table td:nth-child(3) {
		white-space: nowrap;
		padding-right: 10px;
	}
	.cart-total__content {
		transform: none;
		left: 0;
		margin: 0 0 20px;
	}
	.orders-content .btn {
		margin: 0 5px 10px 0;
	}
	.catalog-sections__element {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		padding: 0 30px 0 0;
	}
	.catalog-sections__heading {
		font-size: 24px;
	}
	.catalog-sections__subsections {
		margin: 0 0 30px 30px;
	}
	.catalog-sections__subsections li {
		line-height: 1.2;
		margin: 0 0 8px;
	}
	.home__features-box > div img {
		position: relative;
	}
}
@media only screen and (min-width:768px) and (max-width:1000px) {
	#catalog-section {
		display: flex;
	}
}
@media only screen and (max-width:900px){
/*	.mfp-bg {
		display: none;
	}
	.mfp-wrap {
		display: none;
	}*/
	.cbk-phone.cbk-phone-xs {
		display: none!important;
	}
	.cbk-window.cbk-window-onexit, .cbk-window.cbk-window-modal {
		display: none!important;
	}

	/*.product-tiles__rows {*/
	/*	-ms-flex-wrap: nowrap;*/
	/*	flex-wrap: nowrap;*/
	/*	overflow-x: auto;*/
	/*	-webkit-column-gap: 20px;*/
	/*	-moz-column-gap: 20px;*/
	/*	column-gap: 20px;*/
	/*}*/

	/*.product-tiles__rows::-webkit-scrollbar {*/
	/*	width: 0;*/
	/*}*/
}
@media only screen and (max-width:870px){
	.fleft {
		float: none;
		width: 100%;
	}
	.fright {
		float: none;
		width: 100%;
	}
	.catalog-section__parent-section {
		float: none;
		padding: 10px 10px 10px 25px;
	}
	.catalog-section__parent-section+div {
		margin: 30px 0 0;
	}
}
@media only screen and (max-width:850px){
	.product-filter__box+.product-tiles [data-self~="size-1of3"] {
		width: 50%;
	}
}
@media only screen and (max-width:980px){
    .header__bottom-links {
        margin: 0;
        padding: 0;
        display: flex;
    }
    .header__bottom-links a {
        padding: 0 10px;
        margin: 0;
    }
    .header__catalog-menu-trigger::after,
	.header__bottom-links a::before,
    .header__bottom-links a::after {
		display: none;
	}
}
@media only screen and (min-width:771px) and (max-width:820px){
    .header__cart-box .btn {
        min-width: auto;
        padding: 0 10px;
    }

    .header__contacts-inner-whatsapp {
        margin-left: 14px;
    }

    .header__contacts p {
        margin-left: 18px;
    }
}
@media only screen and (max-width:770px){
	nav ul {
		margin: 30px 0 10px;
	}
	.header__auth-box {
		position: absolute;
		top: 0;
		right: 15px;
	}
	.header__auth-box > span {
		display: inline;
		width: auto;
		height: auto;
	}
	.header__middle-box {
		padding: 45px 15px 0;
	}
	.header__contacts {
		position: absolute;
		top: -5px;
		left: 0;
		height: auto;
	}
	.header__contacts-inner {
		top: 0;
		transform: none;
	}
	.header__contacts p {
		/* display: inline-block; */
		font-size: 16px;
		margin: 0 15px 0 0;
	}
	.header__contacts p:last-child {
		margin: 0;
	}
	.product-tiles__tile {
		width: 33.33%;
	}
	.home__content-wrapper::after {
		left: 0;
		right: 0;
		width: auto;
	}
	.home__content-figure {
		display: none;
	}
	.home__content-box {
		margin: 0;
		padding: 0 20px;
	}
	.specials-tiles__box {
		width: 100%;
	}
    .header__contacts:not(.header__city) {
        width: 100%;
		padding: 0 15px;
    }
    .header__contacts-inner-whatsapp {
        position: absolute;
        right: 15px;
    }
}
@media only screen and (max-width:720px){
	.footer__contacts {
		padding: 0;
		margin: 0 0 20px;
	}
	.product-gallery__box, section.product-popup-box [data-self~="size-2of5"] {
		float: none;
		width: auto;
		margin: 0 0 30px;
	}
	.product-specifications__large, section.product-popup-box [data-self~="size-3of5"] {
		margin: 0;
	}
	.product-popup-box__tabs {
		display: none;
	}
	.video-popup+.product-tiles {
		display: none;
	}
}
@media only screen and (max-width:710px){
    .header__bottom-links a {
        line-height: 23px;
    }
}
@media only screen and (max-width:670px){
	.header__search-box .input {
		width: 60%;
	}
	section[data-layout] .swiper-container {
		width: 100%;
	}
	section[data-layout] .swiper-slide img {
	    min-height: auto!important;
	}
	section[data-layout] .swiper-pagination-bullet{
		width: 24px;
	}
	.home__features-box {
		width: 100%;
	}
	.header__catalog-menu-trigger {
		width: 130px;
	}
	.header__catalog-menu-trigger::after {
		display: none;
	}
	.header__catalog-menu-trigger a .menu-icon {
		margin: 0 10px 0 0;
	}
	.equal {
		width: 100%;
		padding: 0!important;
	}
	.product-tiles__tile {
		width: 50%;
	}
}
@media only screen and (max-width:767px){
	.product-filter__box {
		position: absolute;
		background: #fff;
		z-index: 280;
		display: none;
	}
	.product-filter__box + .product-tiles {
		margin: 50px 0 0;
	}
	#filter-button {
		display: block;
	}
/*	#filter-shadow {
		display: block;
	}*/
}
@media only screen and (max-width:620px){
	.catalog-section__element {
		width: 100%;
		margin: 0 0 2%;
	}
}
@media only screen and (max-width:570px){
	.header__bottom-links a {
		line-height: 18px;
		padding: 3px 10px 0;
		width: 122px;
	}
	.product-tiles__tile {
		width: 50%;
	}
	.catalog-menu-wrapper [data-self~="size-1of2"] {
		width: auto;
		border: 0!important;
	}
	.header__catalog-menu-box .catalog-menu-wrapper ul ul {
		display: block!important;
		position: static;
	}
	.modal-form__box {
		padding: 15px 50px 15px 25px;
	}
	.modal-form__box input.input {
		width: 100%;
	}
	#signup .input {
		width: 100%;
	}
	.catalog-sections__element {
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width:520px){
	.header__cart-box .btn {
		min-width: 0;
		padding: 0 10px;
	}
	.header__cart-box .btn .icon {
		left: 0;
	}
	.footer__menu {
		width: 38%;
		margin: 0 5% 0 0;
	}
	.footer__menu__second {
		width: 48%;
		margin: 0 5% 0 0;
	}
	.footer__contacts {
		width: 90%;
	}
}
@media only screen and (max-width:499px){
    .header__contacts {
        white-space: nowrap;
    }
    .header__contacts .adress_popover .city_popover {
        white-space: normal;
    }
    .header__contacts p {
        margin-right: 5px;
        font-size: 14px;
    }
    .header__contacts .adress_popover {
        padding: 0 2px;
    }
    .header__contacts .adress_popover .current_city {
        letter-spacing: -0.8px;
    }
}
@media only screen and (max-width:470px){
	.header__logo {
		margin: 15px 0 0;
	}
	.header__logo img {
		width: 150px;
	}
	.header__bottom-links a {
		display: none;
	}
	.header__catalog-menu-trigger {
		float: none;
		width: auto;
		padding: 0 15px;
		margin: 0 -15px;
	}
	.captcha-wrapper {
		transform: scaleX(.8) translateX(-70px);
	}
	.btn.visible-add {
		display: block;
		margin: 0 0 10px;
	}
	.btn-primary.btn-red {
		display: block;
		margin: 0 0 10px;
	}
}

/* End */


/* Start:/local/codenails/css/nouislider.min.css?16977089314049*/
/*! nouislider - 8.5.1 - 2016-04-24 16:00:30 */

.noUi-target, .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s, top .3s;
	transition: left .3s, top .3s
}

.noUi-state-drag * {
	cursor: inherit !important
}

.noUi-base, .noUi-handle {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
	/*height: 18px*/
}

.noUi-horizontal .noUi-handle {
	width: 18px;
	height: 18px;
	left: -2px;
	top: -6px
}
.noUi-horizontal .noUi-handle-upper {
	left: -17px;
}

.noUi-vertical {
	width: 18px
}

.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px
}

.noUi-background {
	background-color: #e1e0e0;
	/*background: #fafafa;*/
	/*box-shadow: inset 0 1px 1px #f0f0f0*/
}

.noUi-connect {
	background-color: #f5b316;
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-origin {
	border-radius: 2px
}

.noUi-target {
	height: 6px;
	background-color: #e1e0e0;
}

.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	border-radius: 100%;
	cursor: default;
	width: 18px;
	height: 18px;
	background-color: #f5b316;
	box-shadow: 1.9px 2.3px 4px rgba(0, 0, 0, 0.29);
}

.noUi-active {
	box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
	content: "";
	display: none;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #e8e7e6;
	left: 14px;
	top: 6px
}

.noUi-handle:after {
	left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
	background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-origin {
	cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-pips {
	position: absolute;
	color: #999
}

.noUi-value {
	position: absolute;
	text-align: center
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px
}

.noUi-marker {
	position: absolute;
	background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
	background: #aaa
}

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%
}

.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%, 50%, 0);
	transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 15px
}

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%
}

.noUi-value-vertical {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
	text-align: center
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -32px
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
	bottom: -32px
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
	left: 120%
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
	right: 120%
}
/* End */


/* Start:/local/codenails/css/slick.css?17123198651729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/codenails/css/swiper.min.css?169770893117216*/
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/* End */


/* Start:/local/codenails/css/template_styles.css?1737100441175646*/
/*! 
 * ВНИМАНИЕ! 
 * Этот css-файл является результатом автоматической компиляции LESS-файлов!
 * Не вносите изменений в этот файл.
 * @author: Андрей Хамедов (www.info-expert.ru)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

html {
    height: 100%
}

body {
    min-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-wrapper {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

html, button, input, select, textarea {
    color: #3e3d3d
}

body {
    font-size: 14px;
    line-height: 24px;
    font-family: 'PT Sans', Arial, Tahoma, sans-serif;
    color: #3e3d3d;
    background: #fff
}

::-moz-selection {
    background: #3e3d3d;
    color: #fff;
    text-shadow: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
}

::selection {
    background: #3e3d3d;
    color: #fff;
    text-shadow: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
}

hr {
    display: block;
    height: 1px;
    border: 0;
    background: rgba(0, 0, 0, 0.2);
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle;
    max-width: 100%
}

.bxedtaskbarset img {
    max-width: none
}

.bx-yandex-view-map img {
    max-width: inherit
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical;
    line-height: 24px
}

a, .pseudolink {
    color: #0661c1;
    text-decoration: none
}

a:hover, .pseudolink:hover, a:focus, .pseudolink:focus, a.active, .pseudolink.active {
    color: #75a2c2;
    text-decoration: underline
}

*[data-target-self], *[data-target-blank], .pseudolink {
    cursor: pointer
}

h1, .h1 {
    margin: 0 0 1em 0;
    font: normal 26px/40px 'PT Sans', Arial, Tahoma, sans-serif
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 1em 0
}

h2, .h2 {
    font: normal 24px/30px 'PT Sans', Arial, Tahoma, sans-serif
}

h3, .h3 {
    font: bold 20px/26px 'PT Sans', Arial, Tahoma, sans-serif
}

h4, .h4 {
    font: bold 18px/22px 'PT Sans', Arial, Tahoma, sans-serif
}

h5, .h5 {
    font: bold 16px/20px 'PT Sans', Arial, Tahoma, sans-serif
}

h6, .h6 {
    font: bold 14px/18px 'PT Sans', Arial, Tahoma, sans-serif
}

:-moz-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

:-ms-input-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

::-webkit-input-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

blockquote {
    background: rgba(245, 179, 22, 0.2);
    border-left: 2px solid #f5b316;
    margin: 1.5em 10px;
    padding: 1em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    position: relative
}

blockquote cite {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #75a2c2
}

blockquote:before, blockquote:after {
    color: #f5b316;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    position: absolute
}

blockquote:after {
    content: close-quote;
    bottom: -15px;
    right: -10px;
    position: absolute
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre code {
    padding: 0;
    line-height: 1.4;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

pre code, pre code.hljs {
    font-size: 12px
}

@media (min-width: 767px) and (max-width: 991px) {
    pre code, pre code.hljs {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    pre code, pre code.hljs {
        font-size: 16px
    }
}

.container .container {
    width: 100%
}

@media (max-width: 768px) {
    .container {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1280px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

@media (min-width: 768px) {
    .content {
        max-width: 728px
    }
}

@media (min-width: 992px) {
    .content {
        max-width: 952px
    }
}

@media (min-width: 1280px) {
    .content {
        max-width: 1240px
    }
}

@media (max-width: 768px) {
    .content .content {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .content .content {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .content .content {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (min-width: 1280px) {
    .content .content {
        margin-left: -20px;
        margin-right: -20px
    }
}

.content.reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.col.reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: 'column';
    -ms-flex-direction: 'column';
    flex-direction: 'column'
}

.col-all-start {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
}

.col-all-center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center
}

.col-all-end {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
}

.col-all-top {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.col-all-middle {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.col-all-bottom {
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.col-all-around {
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around
}

.col-all-between {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.col-all-first {
    -webkit-order: -1;
    -ms-order: -1;
    order: -1
}

.col-all-last {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1
}

@media (max-width: 768px) {
    .col-mb-start {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }

    .col-mb-center {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }

    .col-mb-end {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }

    .col-mb-top {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .col-mb-middle {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .col-mb-bottom {
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }

    .col-mb-around {
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }

    .col-mb-between {
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }

    .col-mb-first {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1
    }

    .col-mb-last {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-start {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }

    .col-center {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }

    .col-end {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }

    .col-top {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .col-middle {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .col-bottom {
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }

    .col-around {
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }

    .col-between {
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }

    .col-first {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1
    }

    .col-last {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-dt-start {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }

    .col-dt-center {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }

    .col-dt-end {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }

    .col-dt-top {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .col-dt-middle {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .col-dt-bottom {
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }

    .col-dt-around {
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }

    .col-dt-between {
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }

    .col-dt-first {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1
    }

    .col-dt-last {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }
}

@media (min-width: 1280px) {
    .col-ld-start {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }

    .col-ld-center {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }

    .col-ld-end {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }

    .col-ld-top {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .col-ld-middle {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .col-ld-bottom {
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }

    .col-ld-around {
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }

    .col-ld-between {
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }

    .col-ld-first {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1
    }

    .col-ld-last {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }
}

.col {
    padding-right: 5px;
    padding-left: 5px
}

.col-mb-auto {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-mb-1 {
    -webkit-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-mb-min-1 {
    min-width: 8.33333333%
}

.col-mb-2 {
    -webkit-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-mb-min-2 {
    min-width: 16.66666667%
}

.col-mb-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-mb-min-3 {
    min-width: 25%
}

.col-mb-4 {
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-mb-min-4 {
    min-width: 33.33333333%
}

.col-mb-5 {
    -webkit-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-mb-min-5 {
    min-width: 41.66666667%
}

.col-mb-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-mb-min-6 {
    min-width: 50%
}

.col-mb-7 {
    -webkit-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-mb-min-7 {
    min-width: 58.33333333%
}

.col-mb-8 {
    -webkit-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-mb-min-8 {
    min-width: 66.66666667%
}

.col-mb-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-mb-min-9 {
    min-width: 75%
}

.col-mb-10 {
    -webkit-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-mb-min-10 {
    min-width: 83.33333333%
}

.col-mb-11 {
    -webkit-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-mb-min-11 {
    min-width: 91.66666667%
}

.col-mb-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-mb-min-12 {
    min-width: 100%
}

.col-mb-left-1 {
    margin-left: 8.33333333%
}

.col-mb-left-2 {
    margin-left: 16.66666667%
}

.col-mb-left-3 {
    margin-left: 25%
}

.col-mb-left-4 {
    margin-left: 33.33333333%
}

.col-mb-left-5 {
    margin-left: 41.66666667%
}

.col-mb-left-6 {
    margin-left: 50%
}

.col-mb-left-7 {
    margin-left: 58.33333333%
}

.col-mb-left-8 {
    margin-left: 66.66666667%
}

.col-mb-left-9 {
    margin-left: 75%
}

.col-mb-left-10 {
    margin-left: 83.33333333%
}

.col-mb-left-11 {
    margin-left: 91.66666667%
}

@media only screen and (min-width: 768px) {
    .col {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-auto {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-1 {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-basis: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-min-1 {
        min-width: 8.33333333%
    }

    .col-2 {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-basis: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-min-2 {
        min-width: 16.66666667%
    }

    .col-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-min-3 {
        min-width: 25%
    }

    .col-4 {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-basis: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-min-4 {
        min-width: 33.33333333%
    }

    .col-5 {
        -webkit-flex-basis: 41.66666667%;
        -ms-flex-basis: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-min-5 {
        min-width: 41.66666667%
    }

    .col-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-min-6 {
        min-width: 50%
    }

    .col-7 {
        -webkit-flex-basis: 58.33333333%;
        -ms-flex-basis: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-min-7 {
        min-width: 58.33333333%
    }

    .col-8 {
        -webkit-flex-basis: 66.66666667%;
        -ms-flex-basis: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-min-8 {
        min-width: 66.66666667%
    }

    .col-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-min-9 {
        min-width: 75%
    }

    .col-10 {
        -webkit-flex-basis: 83.33333333%;
        -ms-flex-basis: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-min-10 {
        min-width: 83.33333333%
    }

    .col-11 {
        -webkit-flex-basis: 91.66666667%;
        -ms-flex-basis: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-min-11 {
        min-width: 91.66666667%
    }

    .col-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-min-12 {
        min-width: 100%
    }

    .col-left-1 {
        margin-left: 8.33333333%
    }

    .col-left-2 {
        margin-left: 16.66666667%
    }

    .col-left-3 {
        margin-left: 25%
    }

    .col-left-4 {
        margin-left: 33.33333333%
    }

    .col-left-5 {
        margin-left: 41.66666667%
    }

    .col-left-6 {
        margin-left: 50%
    }

    .col-left-7 {
        margin-left: 58.33333333%
    }

    .col-left-8 {
        margin-left: 66.66666667%
    }

    .col-left-9 {
        margin-left: 75%
    }

    .col-left-10 {
        margin-left: 83.33333333%
    }

    .col-left-11 {
        margin-left: 91.66666667%
    }
}

@media only screen and (min-width: 992px) {
    .col {
        padding-right: 15px;
        padding-left: 15px
    }

    .col-dt-auto {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-dt-1 {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-basis: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-dt-min-1 {
        min-width: 8.33333333%
    }

    .col-dt-2 {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-basis: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-dt-min-2 {
        min-width: 16.66666667%
    }

    .col-dt-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-dt-min-3 {
        min-width: 25%
    }

    .col-dt-4 {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-basis: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-dt-min-4 {
        min-width: 33.33333333%
    }

    .col-dt-5 {
        -webkit-flex-basis: 41.66666667%;
        -ms-flex-basis: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-dt-min-5 {
        min-width: 41.66666667%
    }

    .col-dt-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-dt-min-6 {
        min-width: 50%
    }

    .col-dt-7 {
        -webkit-flex-basis: 58.33333333%;
        -ms-flex-basis: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-dt-min-7 {
        min-width: 58.33333333%
    }

    .col-dt-8 {
        -webkit-flex-basis: 66.66666667%;
        -ms-flex-basis: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-dt-min-8 {
        min-width: 66.66666667%
    }

    .col-dt-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-dt-min-9 {
        min-width: 75%
    }

    .col-dt-10 {
        -webkit-flex-basis: 83.33333333%;
        -ms-flex-basis: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-dt-min-10 {
        min-width: 83.33333333%
    }

    .col-dt-11 {
        -webkit-flex-basis: 91.66666667%;
        -ms-flex-basis: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-dt-min-11 {
        min-width: 91.66666667%
    }

    .col-dt-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-dt-min-12 {
        min-width: 100%
    }

    .col-dt-left-1 {
        margin-left: 8.33333333%
    }

    .col-dt-left-2 {
        margin-left: 16.66666667%
    }

    .col-dt-left-3 {
        margin-left: 25%
    }

    .col-dt-left-4 {
        margin-left: 33.33333333%
    }

    .col-dt-left-5 {
        margin-left: 41.66666667%
    }

    .col-dt-left-6 {
        margin-left: 50%
    }

    .col-dt-left-7 {
        margin-left: 58.33333333%
    }

    .col-dt-left-8 {
        margin-left: 66.66666667%
    }

    .col-dt-left-9 {
        margin-left: 75%
    }

    .col-dt-left-10 {
        margin-left: 83.33333333%
    }

    .col-dt-left-11 {
        margin-left: 91.66666667%
    }
}

@media only screen and (min-width: 1280px) {
    .col {
        padding-right: 20px;
        padding-left: 20px
    }

    .col-ld-auto {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-ld-1 {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-basis: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-ld-min-1 {
        min-width: 8.33333333%
    }

    .col-ld-2 {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-basis: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-ld-min-2 {
        min-width: 16.66666667%
    }

    .col-ld-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-ld-min-3 {
        min-width: 25%
    }

    .col-ld-4 {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-basis: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-ld-min-4 {
        min-width: 33.33333333%
    }

    .col-ld-5 {
        -webkit-flex-basis: 41.66666667%;
        -ms-flex-basis: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-ld-min-5 {
        min-width: 41.66666667%
    }

    .col-ld-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-ld-min-6 {
        min-width: 50%
    }

    .col-ld-7 {
        -webkit-flex-basis: 58.33333333%;
        -ms-flex-basis: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-ld-min-7 {
        min-width: 58.33333333%
    }

    .col-ld-8 {
        -webkit-flex-basis: 66.66666667%;
        -ms-flex-basis: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-ld-min-8 {
        min-width: 66.66666667%
    }

    .col-ld-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-ld-min-9 {
        min-width: 75%
    }

    .col-ld-10 {
        -webkit-flex-basis: 83.33333333%;
        -ms-flex-basis: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-ld-min-10 {
        min-width: 83.33333333%
    }

    .col-ld-11 {
        -webkit-flex-basis: 91.66666667%;
        -ms-flex-basis: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-ld-min-11 {
        min-width: 91.66666667%
    }

    .col-ld-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-ld-min-12 {
        min-width: 100%
    }

    .col-ld-left-1 {
        margin-left: 8.33333333%
    }

    .col-ld-left-2 {
        margin-left: 16.66666667%
    }

    .col-ld-left-3 {
        margin-left: 25%
    }

    .col-ld-left-4 {
        margin-left: 33.33333333%
    }

    .col-ld-left-5 {
        margin-left: 41.66666667%
    }

    .col-ld-left-6 {
        margin-left: 50%
    }

    .col-ld-left-7 {
        margin-left: 58.33333333%
    }

    .col-ld-left-8 {
        margin-left: 66.66666667%
    }

    .col-ld-left-9 {
        margin-left: 75%
    }

    .col-ld-left-10 {
        margin-left: 83.33333333%
    }

    .col-ld-left-11 {
        margin-left: 91.66666667%
    }
}

.center-block {
    margin: 0 auto
}

@media (max-width: 767px) {
    .col-mb-hide, .mb-hide, .tablet-block, .col-block, .dt-block, .col-dt-block, .ld-block, .col-ld-block {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-hide, .tablet-hide, .mb-block, .col-mb-block, .dt-block, .col-dt-block, .ld-block, .col-ld-block {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-dt-hide, .dt-hide, .mb-block, .col-mb-block, .tablet-block, .col-block, .ld-block, .col-ld-block {
        display: none
    }
}

@media (min-width: 1280px) {
    .col-ld-hide, .ld-hide, .mb-block, .col-mb-block, .tablet-block, .col-block, .dt-block, .col-dt-block {
        display: none
    }
}

@media (max-width: 768px) {
    .col-padding {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-padding {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-padding {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .col-padding {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 768px) {
    .col-padding-top {
        padding-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-padding-top {
        padding-top: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-padding-top {
        padding-top: 30px
    }
}

@media (min-width: 1280px) {
    .col-padding-top {
        padding-top: 40px
    }
}

@media (max-width: 768px) {
    .col-padding-bottom {
        padding-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-padding-bottom {
        padding-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-padding-bottom {
        padding-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .col-padding-bottom {
        padding-bottom: 40px
    }
}

@media (max-width: 768px) {
    .col-margin {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-margin {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-margin {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .col-margin {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .col-margin-bottom {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-margin-bottom {
        margin-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-margin-bottom {
        margin-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .col-margin-bottom {
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .col-margin-top {
        margin-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-margin-top {
        margin-top: 20px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .col-margin-top {
        margin-top: 30px
    }
}

@media (min-width: 1280px) {
    .col-margin-top {
        margin-top: 40px
    }
}

.btn {
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    font: normal 14px/40px 'PT Sans', Arial, Tahoma, sans-serif;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background: #3e627b;
    border: 0;
    text-decoration: none;
    white-space: nowrap;
    height: 40px;
    padding: 0 20px;
    border-radius: 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn i.icon {
    margin-right: 10px;
    position: relative;
    top: -2px
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus {
    color: #fff;
    background: #f5b316;
    text-decoration: none;
    outline: none
}

.btn:active, .btn.active {
    outline: 0;
    background: #cf9409
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    background: #3e627b;
    color: #fff
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background: #f5b316;
    text-decoration: none
}

.btn-primary:active, .btn-primary.active {
    color: #fff;
    background: #9e7107
}

.btn-secondary {
    background: #75a2c2;
    color: #fff
}

.btn-secondary:hover, .btn-secondary:focus {
    color: #fff;
    background: #528ab2;
    text-decoration: none
}

.btn-secondary:active, .btn-secondary.active {
    color: #fff;
    background: #406f91
}

.btn-additional {
    background: #f5b316;
    color: #fff
}

.btn-additional:hover, .btn-additional:focus {
    color: #fff;
    background: #3e627b;
    text-decoration: none
}

.btn-additional:active, .btn-additional.active {
    color: #fff;
    background: #3e627b
}

.btn-block {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.btn-square {
    border-radius: 0
}

.btn-link {
    color: #0661c1;
    cursor: pointer;
    border-radius: 0;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link:hover, .btn-link:focus {
    color: #75a2c2;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    background-color: transparent;
    color: #75a2c2;
    text-decoration: none
}

.btn-bump {
    font-size: 18px
}

.btn-huge {
    height: 69px;
    line-height: 69px;
    padding: 0 75px;
    font-size: 24px
}

.btn-big {
    height: 50px;
    line-height: 50px;
    padding: 0 34px
}

.btn-middle {
    line-height: 30px;
    height: 30px
}

.btn-small {
    height: 30px;
    font: normal 14px 'PT Sans', Arial, Tahoma, sans-serif;
    line-height: 30px;
    padding: 0 8px;
    min-width: 15px
}

.btn-mini {
    height: 28px;
    font: normal 13px 'PT Sans', Arial, Tahoma, sans-serif;
    line-height: 28px;
    padding: 0 10px
}

.btn-wide {
    padding: 0 46px
}

.btn__close {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #df5151;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.btn__close:hover {
    background-color: #ea1b1b
}

.btn__close:after {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 2px;
    left: 2px;
    content: '\00D7';
    font-size: 32px;
    color: #fff;
    line-height: 26px
}

.btn__close:focus {
    outline: none
}

.btn__close--m {
    position: relative;
    background-color: #df5151;
    text-align: center;
    text-decoration: none;
    color: #fff;
    height: 26px;
    width: 26px
}

.btn__close--m:after {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    line-height: 26px;
    top: 0;
    left: 0;
    content: '\00D7';
    font-size: 26px;
    color: #fff
}

.btn__close--m:hover {
    background-color: #ea1b1b
}

.btn-outline {
    background-color: transparent;
    color: #3e3d3d;
    border: solid 2px #3e627b;
    line-height: 36px
}

.btn-outline:hover, .btn-outline:focus {
    color: #fff;
    background: #f5b316;
    text-decoration: none;
    border-color: #f5b316
}

.btn-outline:active, .btn-outline.active {
    color: #fff;
    background: #f5b316;
    border-color: #f5b316
}

.btn-outline.btn-additional {
    border: 2px solid #f5b316;
    background-color: #fff
}

.btn-outline.btn-additional:hover {
    background-color: #3e627b;
    border: 2px solid #3e627b
}

.btn-outline.btn-line-through {
    z-index: 15;
    font-weight: 400
}

.btn-outline.btn-line-through:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: #f5b316;
    width: 100%;
    z-index: -1;
    margin-right: 180px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-outline.btn-line-through:hover {
    background-color: #f5b316;
    border-color: #f5b316;
    color: #fff
}

.btn-outline.btn-big {
    line-height: 46px
}

.btn-outline.btn-middle {
    line-height: 24px
}

.btn-outline.btn-small {
    line-height: 28px
}

.btn-outline.btn-mini {
    line-height: 26px
}

.btn-outline.disabled {
    color: #3e3d3d
}

.btn-slide {
    width: 26px;
    height: 26px
}

.btn-slide::after {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 5px solid #3e627b;
    border-bottom: 4px solid transparent
}

.btn-slide:hover {
    background-color: #fff;
    border-color: #f5b316
}

.btn-slide:hover::after {
    border-right-color: #f5b316
}

.btn-slide-right::after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-video-wrapper {
    line-height: 30px;
    height: 30px
}

.btn-video {
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    background-color: #e5e4e4;
    font-size: 12px;
    color: #3e3d3d;
    font-weight: 700;
    font-family: 'PTSans', 'PT Sans', Arial, Tahoma, sans-serif;
    padding-right: 10px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.btn-video:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 32px;
    height: 30px;
    background-image: url(/local/codenails/images/icon-youtube.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 10px
}

.btn-video:hover {
    background: #d8d7d7
}

.btn-video-wrapper.pl {
    padding-left: 19px
}

.input {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 6px;
    color: #3e627b;
    vertical-align: middle;
    border: solid 1px #b4b4b4;
    outline: none;
    background-color: #fff;
    font-weight: 700;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.input:focus {
    outline: none;
    border-color: #3e627b;
    background-color: #fff
}

textarea.input {
    padding: 10px;
    height: auto
}

select.input {
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
    -webkit-appearance: menulist
}

select.input[multiple], select.input.multiple {
    -webkit-appearance: none;
    height: auto
}

.input[type="file"] {
    padding: 7px
}

.input[type="number"], .input[type="date"], .input[type="time"] {
    padding: 0 0 0 10px
}

.input[type="color"] {
    padding: 0
}

.input-required {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpi/P//PwM1ARMDlcGogaMGkgEYdysrEK3Y5c59klzoC8T7gPgzFIPYPuR6uQWINwGxIxDzQDGIvRkqR5KBIFdU41FTDXU90QYWEaGukBQDTYhQZ0LtZMNIioFniFB3mhQD+4lQ10+KgaCk0YpHTStUDUlhWAPE/kC8H4i/QjGI7QeVIxoABBgA0UkaIFtFpqkAAAAASUVORK5CYII=');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 100% 40%
}

.input.disabled, .input-disabled, .input:disabled {
    opacity: .5
}

.input.disabled:hover, .input-disabled:hover, .input:disabled:hover {
    background-color: #fff;
    color: #3e3d3d
}

.input-block {
    width: 100%
}

.label {
    color: #919090;
    display: block;
    margin-bottom: 6px
}

.checkbox {
    position: absolute;
    left: -9999px
}

.checkbox + label {
    cursor: pointer;
    margin-top: 10px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox + label > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    border: solid 2px #b4b4b4;
    position: relative
}

.checkbox + label:hover > span {
    border-color: #3e627b
}

.checkbox + .active > span, .checkbox:checked + label > span {
    border-color: #b4b4b4
}

.checkbox + .active > span:before, .checkbox:checked + label > span:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    left: 1px;
    top: 1px;
    background-color: #3e627b
}

.checkbox:focus + label > span {
    border-color: #b4b4b4
}

.checkbox:focus + label {
    color: #3e627b
}

.checkbox:checked:disabled + label > span, .checkbox:checked:disabled + label:hover > span {
    border-color: #3e3d3d;
    background-color: #717070;
    cursor: default
}

.checkbox:checked:disabled + label > span:before, .checkbox:checked:disabled + label:hover > span:before {
    border-color: #3e3d3d
}

.checkbox:disabled + label > span, .checkbox:disabled + label > span:hover, .checkbox:disabled + label:hover > span {
    border-color: #d7d6d6;
    background-color: #f0f0f0;
    cursor: default
}

.checkbox:disabled + label > span:before, .checkbox:disabled + label > span:hover:before, .checkbox:disabled + label:hover > span:before {
    border-color: #3e3d3d
}

.checkbox:disabled + label, .checkbox:disabled + label:hover {
    color: #3e3d3d;
    cursor: default
}

.radio {
    position: absolute;
    left: -9999px
}

.radio + label {
    cursor: pointer;
    margin-top: 4px;
    display: inline-block
}

.radio + label > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    border: solid 2px #b4b4b4;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.radio + label:hover > span, .radio + label:focus > span {
    border-color: #b4b4b4
}

.radio:checked + label > span {
    border-color: #b4b4b4
}

.radio:checked + label > span:before {
    content: ' ';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #3e627b;
    left: 4px;
    top: 4px;
    background-image: -webkit-linear-gradient(left, #000 0%, #fff 100%);
    background-image: -o-linear-gradient(left, #000 0%, #fff 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 15px
}

.radio:focus + label > span {
    border-color: #3e627b
}

.radio:focus + label {
    color: #3e627b
}

.radio:checked:disabled + label > span, .radio:checked:disabled + label:hover > span {
    border-color: #3e3d3d;
    background-color: #717070;
    cursor: default
}

.radio:checked:disabled + label > span:before, .radio:checked:disabled + label:hover > span:before {
    background: #3e3d3d
}

.radio:disabled + label > span, .radio:disabled + label > span:hover, .radio:disabled + label:hover > span {
    border-color: #3e3d3d;
    background-color: #585656;
    cursor: default
}

.radio:disabled + label > span:before, .radio:disabled + label > span:hover:before, .radio:disabled + label:hover > span:before {
    background: #3e3d3d
}

.radio:disabled + label, .radio:disabled + label:hover {
    color: #3e3d3d;
    cursor: default
}

.bx-auth-reg .alert p {
    margin: 0 !important
}

.form-control {
    margin: 1em 0
}

.form-control .input {
    margin: 0
}

.form-label {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .form-label {
        text-align: right
    }
}

.custom-checkbox {
    margin-top: 10px
}

.custom-checkbox input {
    display: none
}

.custom-checkbox span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    border: solid 2px #b4b4b4;
    position: relative
}

.custom-checkbox span:before {
    display: none;
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    left: 1px;
    top: 1px;
    background-color: #3e627b
}

.custom-checkbox input:checked + span:before {
    display: block
}

.captcha-label {
    font-size: 14px;
    color: #919090;
    line-height: 1.1em;
    margin-bottom: 8px
}

.input-wrapper {
    position: relative
}

#signup {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: block;
    width: 414px
}

#signup .input {
    width: 304px
}

.checkbox-value {
    display: inline-block !important;
    vertical-align: top;
    width: 140px;
    line-height: 1.1em
}

.pseudo-placeholder {
    display: block;
    width: 304px;
    position: absolute;
    padding: 0 10px;
    color: #919090;
    font-size: 14px;
    z-index: 5;
    height: 30px;
    line-height: 30px;
    display: none
}

.pseudo-placeholder.hidden {
    display: none
}

.modal-form__box input.input:focus + label > .pseudo-placeholder {
    display: block
}

.ie-input {
    height: 30px;
    margin-bottom: 6px;
    color: #3e627b;
    border: solid 1px #b4b4b4;
    font-weight: 700 !important;
    padding: 0 10px !important;
    display: block ! inportant;
    width: 100% !important
}

.ie-input:active {
    border: 1px solid #3e627b
}

.ie-input:hover {
    border: 1px solid #3e627b
}

.ie-input:focus {
    border: 1px solid #3e627b
}

.label-form-ie {
    display: inline;
    position: relative
}

.label-form-ie:after {
    content: "";
    color: #333;
    background-color: #af1313;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 20px;
    left: 400px;
    margin-top: 36px;
    z-index: 100
}

.label-form-ie {
    display: inline;
    position: relative
}

.label-form-ie::after {
    content: "";
    color: #333;
    background-color: #af1313;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 20px;
    left: 400px;
    margin-top: 36px;
    z-index: 100
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th, .table td {
    padding: 10px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #2f2f2f
}

.table th {
    font-weight: bold;
    background: #393939
}

.table thead th {
    vertical-align: bottom
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody + tbody {
    border-top: 2px solid #2f2f2f
}

.table .table {
    background-color: #373737
}

.table-bordered {
    border: 1px solid #2f2f2f;
    border-collapse: separate;
    border-left: 0
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #2f2f2f
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered tbody + tbody tr:first-child td {
    border-top: solid 2px #2f2f2f
}

.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
    background-color: rgba(24, 24, 24, 0.1)
}

.primary-box .table-striped tbody > tr:nth-child(even) > td, .primary-box .table-striped tbody > tr:nth-child(even) > th, .secondary-box .table-striped tbody > tr:nth-child(even) > td, .secondary-box .table-striped tbody > tr:nth-child(even) > th {
    background-color: rgba(255, 255, 255, 0.2)
}

.table-hover tr:hover > th, .table-hover tr:hover > td {
    background-color: #373737
}

.table-noborder th, .table-noborder td {
    border: 0;
    padding: 8px
}

.table-noborder th p:first-child, .table-noborder td p:first-child {
    margin-top: 0
}

.table-noborder th p:last-child, .table-noborder td p:last-child {
    margin-bottom: 0
}

.table-noborder th:first-child, .table-noborder td:first-child {
    padding-left: 0
}

.table-noborder th:last-child, .table-noborder td:last-child {
    padding-right: 0
}

.breadcrumb ul {
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #df5151;
    margin-bottom: 45px;
    font-weight: 600
}

.breadcrumb ul li {
    display: inline-block;
    margin: 0
}

.breadcrumb ul li a {
    color: #df5151;
    text-decoration: underline
}

.breadcrumb ul li a:hover {
    text-decoration: none
}

.breadcrumb ul li:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #3e627b;
    opacity: .75;
    filter: alpha(opacity=80)
}

.auth-overlay.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0)
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.auth-overlay .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.auth-overlay .mfp-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 1045;
    padding: 0 49px
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #cccccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    -webkit-transition: transform ease-out .2s;
    transition: transform ease-out .2s
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px)
}

.mfp-close-btn-in .mfp-close {
    color: #333333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    padding: 10px;
    width: 90px;
    height: 110px;
    background-color: #3e3d3d;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active, .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.product-popup-overlay .mfp-arrow-left:after, .product-popup-overlay .mfp-arrow-left .mfp-a {
    visibility: hidden;
    border-right: none;
    margin-left: 0
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.product-popup-overlay .mfp-arrow-left:before, .product-popup-overlay .mfp-arrow-left .mfp-b {
    visibility: hidden;
    border-right: none;
    margin-left: 0
}

.product-popup-overlay .mfp-arrow {
    border: none;
    display: inline-block;
    vertical-align: middle;
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -50px -35px;
    width: 22px;
    height: 38px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.product-popup-overlay .mfp-arrow-left {
    margin-left: -410px
}

.product-popup-overlay .mfp-arrow-right {
    transform: translate(-50%, -50%) rotate(180deg);
    margin-left: 410px
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.product-popup-overlay .mfp-arrow-right:after, .product-popup-overlay .mfp-arrow-right .mfp-a {
    visibility: hidden
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.product-popup-overlay .mfp-arrow-right:before, .product-popup-overlay .mfp-arrow-right .mfp-b {
    visibility: hidden
}

.mfp-container .mfp-arrow:before {
    display: none;
    border: none;
    visibility: visible;
    background: #3e3d3d;
    background-image: none;
    opacity: .7;
    width: 40px;
    height: 40px;
    margin: 0;
    left: -14px;
    top: -11px;
    box-sizing: content-box;
    padding: 10px;
    z-index: -1
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.video-popup .mfp-close {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    top: -44px;
    right: 44px
}

.container-top-navigation {
    position: relative;
    background: #fff
}

.container-top-navigation > .content {
    position: static
}

.container-top-navigation > .content > .col {
    position: static
}

.top-nav-block ul, .top-nav-block li {
    margin: 0;
    padding: 0;
    list-style: none
}

.top-nav-block li {
    float: left
}

.top-nav-block li a {
    font: normal 16px/30px 'PT Sans', Arial, Tahoma, sans-serif;
    text-decoration: none;
    color: #3e627b;
    display: block;
    padding: 10px
}

@media (min-width: 992px) {
    .top-nav-block li a {
        font-size: 18px;
        padding: 10px 15px
    }
}

@media (min-width: 1280px) {
    .top-nav-block li a {
        font-size: 20px;
        padding: 10px 20px
    }
}

.top-nav-block li a:hover {
    color: #fff;
    background: #75a2c2
}

.top-nav-block li.parent > a {
    padding-right: 30px;
    position: relative
}

.top-nav-block li.parent > a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 5px;
    margin-top: -10px;
    width: 20px;
    height: 20px
}

@media (min-width: 992px) {
    .top-nav-block li.parent > a {
        padding-right: 40px
    }

    .top-nav-block li.parent > a:after {
        right: 15px
    }
}

@media (min-width: 1280px) {
    .top-nav-block li.parent > a {
        padding-right: 50px
    }

    .top-nav-block li.parent > a:after {
        right: 20px
    }
}

.top-nav-block li.parent > a:hover:after {
    background-position: 0 0
}

.top-nav-block li:hover > a, .top-nav-block li.parent:hover, .top-nav-block li > a:hover, .top-nav-block li.parent.active > a, .top-nav-block li.parent.current > a, .top-nav-block li.current a {
    color: #fff;
    background: #75a2c2
}

.top-nav-block li:hover > a:after, .top-nav-block li.parent:hover:after, .top-nav-block li > a:hover:after, .top-nav-block li.parent.active > a:after, .top-nav-block li.parent.current > a:after, .top-nav-block li.current a:after {
    background-position: 0 0
}

.top-nav-block li:hover .second-level, .top-nav-block li.active .second-level {
    display: block
}

.second-level {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200;
    background: #75a2c2
}

.second-level .content {
    margin: 0 auto !important
}

.second-level ul {
    padding: 30px 20px
}

.second-level li {
    width: 25%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.second-level li a {
    display: inline-block;
    padding: 5px 0;
    font: normal 18px/30px 'PT Sans', Arial, Tahoma, sans-serif;
    color: #fff
}

.second-level li a:hover {
    text-decoration: underline;
    background: transparent
}

.cn-modal {
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4)
}

.cn-modal .content {
    color: #3e3d3d
}

.cn-modal-close, .cn-modal-close.mfp-close {
    color: #3e3d3d;
    cursor: pointer;
    margin: 0;
    line-height: 50px;
    padding: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 40px
}

.cn-modal-header {
    font-size: 28px;
    padding: 15px 40px 15px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 5px 5px 0 0
}

.cn-modal-content {
    padding: 20px
}

.cn-modal-footer {
    padding: 20px
}

.cn-modal-error, .cn-modal-success {
    line-height: 16px;
    padding: 10px 20px;
    background: #df5151;
    color: #fff
}

.cn-modal-error p, .cn-modal-success p {
    margin: 0;
    font-weight: bold
}

.cn-modal-error font.errortext, .cn-modal-success font.errortext, .cn-modal-error font.notetext, .cn-modal-success font.notetext {
    color: inherit !important
}

.cn-modal-success {
    background: #9bc53d
}

.cn-modal-errors {
    list-style: none;
    margin: 0;
    padding: 0
}

.ladda-button {
    position: relative
}

.ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    opacity: 0;
    pointer-events: none
}

.ladda-button .ladda-label {
    position: relative;
    z-index: 3
}

.ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .1s linear all !important;
    -moz-transition: .1s linear all !important;
    -ms-transition: .1s linear all !important;
    -o-transition: .1s linear all !important;
    transition: .1s linear all !important
}

.ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible
}

.ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label {
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -moz-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -ms-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -o-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important
}

.ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label {
    -webkit-transition: .3s ease all !important;
    -moz-transition: .3s ease all !important;
    -ms-transition: .3s ease all !important;
    -o-transition: .3s ease all !important;
    transition: .3s ease all !important
}

.ladda-button[data-style=expand-right] .ladda-spinner {
    right: 14px
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
    right: 4px
}

.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 56px
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px
}

.ladda-button[data-style=expand-left] .ladda-spinner {
    left: 14px
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
    left: 4px
}

.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 56px
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px
}

.ladda-button[data-style=expand-up] {
    overflow: hidden
}

.ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: -16px
}

.ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 14px;
    margin-top: 0
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
    padding-top: 32px
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
    top: 4px
}

.ladda-button[data-style=expand-down] {
    overflow: hidden
}

.ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: -16px
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px
}

.ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
    padding-bottom: 32px
}

.ladda-button[data-style=slide-left] {
    overflow: hidden
}

.ladda-button[data-style=slide-left] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: -16px
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%
}

.ladda-button[data-style=slide-right] {
    overflow: hidden
}

.ladda-button[data-style=slide-right] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: -16px
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%
}

.ladda-button[data-style=slide-up] {
    overflow: hidden
}

.ladda-button[data-style=slide-up] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: 1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px
}

.ladda-button[data-style=slide-down] {
    overflow: hidden
}

.ladda-button[data-style=slide-down] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: -2em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px
}

.ladda-button[data-style=zoom-out] {
    overflow: hidden
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}

.ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.ladda-button[data-style=zoom-in] {
    overflow: hidden
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2)
}

.ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2)
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.ladda-button[data-style=contract] {
    overflow: hidden;
    width: 100px
}

.ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: -16px
}

.ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=contract-overlay] {
    overflow: hidden;
    width: 100px;
    box-shadow: 0px 0px 0px 2000px transparent
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: -16px
}

.ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8)
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/local/codenails/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 0 15px 0 0;
    border: solid 1px #fff;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 10px
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #fff
}

.hamburger {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    padding: 12px;
    top: 0;
    right: 0;
    z-index: 500;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .hamburger {
        display: block
    }
}

.icon-hamburger {
    position: relative;
    margin-top: 11px;
    margin-bottom: 7px
}

.icon-hamburger, .icon-hamburger:before, .icon-hamburger:after {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.icon-hamburger:before, .icon-hamburger:after {
    position: absolute;
    content: ""
}

.icon-hamburger:before {
    top: -6px
}

.icon-hamburger:after {
    top: 6px
}

.hamburger.active .icon-hamburger {
    background-color: transparent
}

.hamburger.active .icon-hamburger:before, .hamburger.active .icon-hamburger:after {
    background-color: #fff
}

.hamburger.active .icon-hamburger:before {
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

.hamburger.active .icon-hamburger:after {
    -moz-transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}

.mobile-nav-wrapper {
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 250;
    position: fixed;
    display: none;
    width: 100%;
    background: #3e627b;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.mobile-nav-wrapper.active {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mobile-nav-inner {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed
}

.mobile-nav .ios-fix {
    height: 110%;
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    padding-top: 10%;
    padding-bottom: 10%
}

.mobile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-nav ul a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 15px 20px
}

.mobile-nav ul a:active, .mobile-nav ul a:hover {
    text-decoration: none
}

.mobile-nav ul .col {
    padding: 0
}

.mobile-nav ul li a {
    text-transform: uppercase
}

.mobile-nav ul li.parent a:after {
    position: absolute;
    content: "";
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px
}

.mobile-nav ul li.parent li a:after {
    content: none
}

.mobile-nav ul li li a {
    text-transform: none;
    background: transparent
}

.mobile-nav ul li.active > a {
    background: rgba(24, 24, 24, 0.3)
}

.mobile-nav ul li.active > a + .second-level {
    display: block
}

.mobile-nav ul li.active > a:after {
    background-position: -80px -80px
}

.mobile-nav ul .second-level {
    position: static;
    background: rgba(24, 24, 24, 0.1)
}

.mobile-nav ul .second-level li {
    width: 100%
}

.mobile-nav > ul {
    background: rgba(24, 24, 24, 0.3);
    margin: 10px 20px 20px;
    border-radius: 3px
}

.mobile-nav > ul > li:first-child a {
    border-radius: 3px 3px 0 0
}

.mobile-nav > ul > li:last-child a {
    border-radius: 0 0 3px 3px
}

.jq-file {
    border-radius: 0;
    margin-bottom: 10px;
    overflow: visible !important
}

.jq-file input {
    cursor: pointer;
    height: auto;
    line-height: 1em
}

.jq-file:active .jq-file__browse {
    color: #fff;
    background: #3e627b;
    border-color: #3e627b
}

.jq-file:active .jq-file__name {
    border-color: #3e627b;
    color: #3e627b
}

.jq-file.disabled {
    color: #2f2f2f;
    border-color: #2f2f2f
}

.jq-file.disabled .jq-file__name {
    color: #2f2f2f;
    border-color: #2f2f2f
}

.jq-file.disabled:hover .jq-file__browse, .jq-file.disabled:active .jq-file__browse {
    background: #2f2f2f;
    border-color: #2f2f2f
}

.jq-file.disabled .jq-file__browse {
    border-color: #2f2f2f;
    background: #2f2f2f;
    color: #3e3d3d
}

.jq-file__name {
    box-sizing: border-box;
    height: 30px;
    padding: 0 80px 0 0;
    color: #3e3d3d;
    width: 160px;
    font: 14px/30px 'PT Sans', Arial, Tahoma, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    border-radius: 0;
    background: none;
    -moz-transform: translateX(180px);
    -ms-transform: translateX(180px);
    -webkit-transform: translateX(180px);
    transform: translateX(180px)
}

.jq-file__name:after {
    content: inherit;
    display: block;
    width: 100%;
    position: relative;
    right: 50px
}

.jq-file__browse {
    position: absolute;
    top: 0;
    left: 0;
    color: #3e627b;
    font: 14px/26px 'PT Sans', Arial, Tahoma, sans-serif;
    cursor: pointer;
    font-weight: 700;
    padding: 0 20px;
    border-radius: 0;
    background: #fff;
    border: 2px solid #3e627b;
    height: 30px
}

.jq-file__browse :hover, .jq-file__browse:active, .focused .jq-file__browse {
    color: #fff;
    background: #3e627b;
    border-color: #3e627b
}

#material-selection-upload-styler:hover .jq-file__browse:hover {
    color: #fff;
    background: #3e627b;
    border-color: #3e627b
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    max-width: 100%;
    -webkit-transition: opacity ease .1s;
    transition: opacity ease .1s
}

.jq-selectbox.opened .jq-selectbox__select {
    background-color: #3e627b;
    color: #fff
}

.jq-selectbox.opacity-one {
    opacity: 1
}

.jq-selectbox.disabled .jq-selectbox__select {
    background: #2f2f2f;
    color: #181818;
    opacity: .7;
    cursor: default;
    border-color: #b4b4b4
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    opacity: 1;
    filter: alpha(opacity=100)
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    opacity: 0.3;
    filter: alpha(opacity=30)
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 24px;
    padding: 9px 14px;
    position: relative;
    margin: 0;
    color: #3e3d3d;
    font-weight: 700;
    line-height: 14px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.jq-selectbox li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    background: #f5b316;
    width: 80%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jq-selectbox li.selected:after, .jq-selectbox li.sel:after, .jq-selectbox li:hover:after, .jq-selectbox li:last-child:after {
    content: none
}

.jq-selectbox li.selected, .jq-selectbox li.sel, .jq-selectbox li:hover {
    color: #fff;
    background: #f5b316
}

.jq-selectbox li.disabled {
    color: #f5c716;
    cursor: default
}

.jq-selectbox li.disabled:hover {
    background: none
}

.jq-selectbox li.disabled:hover:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    background: #f5b316;
    width: 80%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jq-selectbox li.optgroup {
    font-weight: bold
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #fff;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-selectbox__select {
    height: 30px;
    padding: 2px 50px 10px 10px;
    border: 1px solid transparent;
    border-radius: 0;
    background: #e5e4e4;
    color: #3e3d3d;
    font: 14px / 24px 'PT Sans', Arial, Tahoma, sans-serif
}

.jq-selectbox__select:active, .jq-selectbox__select:hover {
    border-color: #bebebe
}

.focused .jq-selectbox__select, .dropdown .jq-selectbox__select {
    color: #3e3d3d;
    border-color: #3e627b
}

.jq-selectbox__select-text {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    font-size: 12px;
    font-weight: 400
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #3e3d3d;
    -webkit-transition: transform ease .3s;
    transition: transform ease .3s
}

.opened .jq-selectbox__trigger-arrow {
    border-top-color: #fff;
    margin-top: -2px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-color: #3e3d3d
}

.jq-selectbox__dropdown {
    top: 25px;
    width: 100%;
    margin: 5px 0;
    padding: 0;
    font: 14px / 24px 'PT Sans', Arial, Tahoma, sans-serif;
    background-color: #f5dda2
}

.jq-selectbox__search {
    margin: 0;
    padding: 10px;
    background: #fcfcfc;
    border-bottom: solid 1px #3e627b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.jq-selectbox__search input {
    width: 100%;
    margin: 0;
    padding: 0 20px 0 40px;
    height: 40px;
    display: block;
    outline: none;
    border: solid 1px #b4b4b4;
    border-radius: 3px;
    color: #3e3d3d;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABtUlEQVR42u3TQUuUURTGcS1HalWAUoFZqWlgWOHGcufMpkINw5VF7uoTFAUFUh9F+KEYAoYZRCFQq3IvA00gqNSgUMz2vRGQMLyvM3Oxpefunufwv4fnntuUXXL6FIzJ65Vrii/HTHurIuyd396Y0to44oiHtiVWPZHX47SLCp75LLFhWnMjkFM+SMzqy/D6zQneaa8H6VayZaRGx00/FF2oBTnju3Xn6lzV45uitv0z+WhLR8rIApUty87II4l8g88wKriXZRy3aTZiJRaVtKTlBxK9EZhrgsm0vGw1ckW/WEivfcXjSMyMHdUxuyQYicTcFnRWS3lBdyTmiuBGmtwRiekSjBx8mquC69VSr6AQiRkTnK2WWlQ8jcS8VE6LSz5FYtbMpcUpif4IyKDgTlputWE+ArOkqCXLmBbcahByVzCZbTVb8VNPQ0+96/X+druikst1U0lsOlGr5bx1v0zU6Jiwa1vwovZdbVYE7w1mzrEkWHTS8/qgZveVBF/NGDWgy4Bxr6wJiv+CTYGySs6kBTvC3imbN+7oXzcNqjdXpyEFQ1V/JwWKqkPQAUDD/wM0LPcHLqgsRPATNpMAAAAASUVORK5CYII=') no-repeat 12px 8px;
    background-size: 20px 20px;
    -webkit-appearance: textfield;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__search input:focus {
    border-color: #3e627b
}

.jq-selectbox__not-found {
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #3e627b;
    font-size: 13px
}

.icon-arrow-left {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -50px -35px;
    width: 22px;
    height: 38px
}

.icon-arrow-sm {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -50px -74px;
    width: 10px;
    height: 6px
}

.icon-avatar {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: 0px -134px;
    width: 18px;
    height: 20px
}

.icon-bank {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -73px 0px;
    width: 45px;
    height: 47px
}

.icon-box-blue {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -119px 0px;
    width: 43px;
    height: 43px
}

.icon-card {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -73px -48px;
    width: 44px;
    height: 33px
}

.icon-cart-small {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -101px -111px;
    width: 22px;
    height: 20px
}

.icon-cart-white-big {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -78px -111px;
    width: 22px;
    height: 20px
}

.icon-cart-white {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -42px;
    width: 16px;
    height: 15px
}

.icon-cart {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -106px -85px;
    width: 23px;
    height: 21px
}

.icon-check-additional {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: 0px -35px;
    width: 49px;
    height: 49px
}

.icon-close {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -119px -44px;
    width: 34px;
    height: 34px
}

.icon-compare {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -130px -85px;
    width: 24px;
    height: 19px
}

.icon-delivery-blue {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: 0px 0px;
    width: 72px;
    height: 34px
}

.icon-hamburger-sm-active {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -58px;
    width: 15px;
    height: 15px
}

.icon-hamburger-sm {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -106px;
    width: 15px;
    height: 15px
}

.icon-hamburger {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -19px -134px;
    width: 22px;
    height: 13px
}

.icon-logo-sm {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -124px -111px;
    width: 20px;
    height: 20px
}

.icon-map-placemark-hover {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -39px -85px;
    width: 38px;
    height: 48px
}

.icon-map-placemark {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: 0px -85px;
    width: 38px;
    height: 48px
}

.icon-menu-hover {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px 0px;
    width: 16px;
    height: 21px
}

.icon-minus-white {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -152px;
    width: 12px;
    height: 2px
}

.icon-minus {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -149px;
    width: 12px;
    height: 2px
}

.icon-piggy {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -78px -85px;
    width: 27px;
    height: 25px
}

.icon-plus-white {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -136px;
    width: 12px;
    height: 12px
}

.icon-plus {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -145px -111px;
    width: 12px;
    height: 12px
}

.icon-search-small {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -122px;
    width: 14px;
    height: 13px
}

.icon-search {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -22px;
    width: 15px;
    height: 19px
}

.icon-tiles-active {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -74px;
    width: 15px;
    height: 15px
}

.icon-tiles {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -90px;
    width: 15px;
    height: 15px
}

.icon {
    display: inline-block;
    vertical-align: middle
}

.section-p {
    padding: 0 42px
}

body .section-no-p > * {
    padding: 0
}

body {
    font-family: 'PT Sans', Arial, Tahoma, sans-serif;
    font-size: 14px;
    min-width: 1008px
}

a {
    color: #3e3d3d
}

body > section > section, .content-box {
    position: relative;
    margin-bottom: 19px;
    padding: 0 42px
}

body > section > section > h1, .content-box > h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 44px;
    text-transform: uppercase
}

.old {
    text-decoration: line-through;
    color: #bcbcbc
}

section[data-layout] .swiper-container {
    margin: 0;
    height: inherit;
    width: 606px
}

section[data-layout] .swiper-slide img {
    width: 100%;
    min-height: 276px
}

section[data-layout] .swiper-pagination-bullets {
    bottom: 3px;
    text-align: left
}

section[data-layout] .swiper-pagination-bullet {
    width: 37px;
    height: 5px;
    background: #3e627b;
    opacity: 1;
    border-radius: 0
}

section[data-layout] .swiper-pagination-bullet:first-child {
    margin-left: 0
}

section[data-layout] .swiper-pagination-bullet-active {
    background: #f5b316
}

section[data-layout] .swiper__more-link {
    position: absolute;
    right: 0;
    bottom: 1px;
    z-index: 15;
    text-decoration: underline
}

section[data-layout] .swiper__more-link:hover {
    text-decoration: none
}

.home__features-box {
    padding-left: 17px;
    overflow-y: hidden
}

.home__features-box > div {
    height: 50%;
    text-align: center;
    position: relative;
    -webkit-flex: none !important;
    flex: none !important
}

.home__features-box > div img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.home__features-box > div:first-child {
    min-width: 100%;
    margin-bottom: 4px
}

.home__feature--additional {
    background-color: #e5342c;
    width: 100%;
    min-width: 100%
}

.home__feature--primary {
    background-color: #3e627b;
    border-right: 2px solid #fff;
    width: 50%;
    float: left
}

.home__feature--secondary {
    border-left: 2px solid #fff;
    background-color: #75a2c2;
    width: 50%;
    float: left
}

.home__content-box {
    padding-right: 48px
}

.home__clients-list {
    margin: 30px auto 60px
}

.home__clients-list figure {
    margin: 1em 35px;
    width: 135px;
    text-align: center;
    opacity: .5;
    -webkit-transition: .4s;
    transition: .4s
}

.home__clients-list figure:hover {
    opacity: 1
}

.home__content-figure {
    margin: 0;
    margin-right: 20px;
    width: 380px;
    min-width: 380px;
    height: 366px
}

.home__content-figure img {
    max-width: inherit
}

.home__content-wrapper {
    position: relative;
    margin-bottom: 81px
}

.home__content-wrapper:after {
    content: '';
    display: block;
    height: 100%;
    background-color: #e6e6e6;
    width: calc(100% - 186px);
    top: 50%;
    position: absolute;
    z-index: -1;
    left: 142px;
    padding: 40px 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.home__content-wrapper h1 {
    margin: 0;
    padding: 35px 0 30px 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #3e3d3d
}

.home__content-wrapper p {
    margin: 0 0 14px 0;
    color: #3e3d3d;
    line-height: 18px
}

.home__content-wrapper p:last-child {
    margin: 0
}

.catalog-sections__heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 28px;
    margin-left: 17px;
    position: relative
}

.catalog-sections__heading:after {
    content: '';
    display: block;
    position: absolute;
    left: -17px;
    top: 11px;
    width: 50px;
    height: 48px;
    background-color: #f5b316;
    z-index: -1
}

.catalog-sections__heading a {
    color: #3e3d3d !important;
    text-decoration: none !important
}

.catalog-sections__heading a:hover {
    color: #3e3d3d;
    text-decoration: underline !important
}

.catalog-sections__element {
    padding-right: 100px
}

.catalog-sections__subsections {
    padding: 0;
    margin: 0 0 50px 78px;
    list-style-type: none
}

.catalog-sections__subsections a {
    color: #3e3d3d !important;
    text-decoration: none !important;
    font-weight: 700
}

.catalog-sections__subsections a:hover {
    text-decoration: underline !important
}

.catalog-section__parent-section {
    background: rgba(245, 179, 22, 0.7) no-repeat 100% 100%;
    background-size: cover;
    z-index: 1;
    margin-right: 20px;
    min-height: 200px;
    width: 220px;
    padding-left: 26px;
    padding-right: 10px
}

.catalog-section__parent-section-title {
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.catalog-section__parent-section-title:before {
    content: '';
    display: block;
    width: 50px;
    height: 48px;
    background-color: #3e627b;
    position: absolute;
    z-index: -7;
    left: -12px;
    top: -3px
}

.catalog-section__elements-list {
    margin-top: -10px
}

.catalog-section__element {
    min-height: 200px;
    width: 32%;
    position: relative;
    margin: 10px 1%;
    cursor: pointer;
    background: 100% 100% no-repeat
}

.catalog-section__element:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border: 5px solid #e6e6e6;
    width: 100%;
    height: 100%;
    z-index: 15;
    -webkit-transition: transform linear .2s;
    transition: transform linear .2s
}

.catalog-section__element:hover:after {
    border-color: #f5b316;
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.catalog-section__element:first-child {
    margin-left: 0
}

.catalog-section__element:last-child {
    margin-right: 0
}

.catalog-section__element-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 0 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0%;
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.catalog-section__element-title:hover {
    text-decoration: none;
    color: #3e3d3d
}

.catalog-section__element:last-of-type {
    margin-bottom: 20px
}

.user-content h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.user-content ul {
    padding-left: 23px
}

.user-content li {
    list-style-type: none;
    position: relative
}

.user-content li:before {
    content: '';
    display: block;
    position: absolute;
    left: -22px;
    top: 8px;
    height: 7px;
    width: 7px;
    background-color: #f5b316
}

.material-selection section > div:first-child {
    padding-right: 15px
}

.material-selection .label {
    max-height: 24px
}

.material-selection .input {
    height: 30px;
    display: block;
    width: 100%
}

.material-selection textarea.input {
    resize: none;
    height: inherit;
    min-height: 96px
}

.material-selection > .btn {
    width: 140px
}

.search-box {
    margin: 30px 0 60px
}

.product-tabs {
    width: 100%
}

.product-tabs__links {
    margin: 40px 0 20px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #e1e0e0;
    list-style-type: none
}

.product-tabs__links li {
    display: inline-block;
    margin-right: 48px
}

.product-tabs__links li a:hover, .product-tabs__links li.active a {
    color: #3e3d3d;
    border-bottom: 2px solid #f5b316
}

.product-tabs__links li.active a {
    cursor: default
}

.product-tabs__links a {
    font-weight: 700;
    text-transform: uppercase;
    color: #919090;
    display: inline-block;
    padding-right: 4px;
    padding-bottom: 8px;
    text-decoration: none;
    margin-bottom: -2px
}

.product-tabs .tab-content .tab {
    display: none
}

.product-tabs .tab-content .tab p {
    margin: 0
}

.product-tabs .tab-content .tab p.title {
    margin-top: 20px
}

.product-tabs .tab-content .tab.active {
    display: block
}

.product-tabs .tab-content .tab.active[data-layout] {
    display: flex
}

.product-properties {
    padding: 23px;
    background-color: rgba(245, 179, 22, 0.1)
}

.product-properties:not(:last-child) {
    margin-right: 20px
}

.product-properties td {
    line-height: 16px;
    padding-bottom: 10px;
    vertical-align: top
}

.product-properties td:first-child {
    width: 175px;
    vertical-align: top;
    padding-right: 15px
}

.product-properties td:last-child {
    font-weight: 700;
    line-height: 18px;
    padding-left: 35px
}

.product-properties td:last-child ul {
    padding-left: 0;
    margin: 4px 0 0
}

.product-properties td:last-child li {
    position: relative;
    list-style-type: none;
    line-height: 18px;
    margin-bottom: 5px
}

.product-properties td:last-child li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: -18px;
    width: 7px;
    height: 7px;
    background-color: #f5b316
}

.product-popup-box .product-popup-box__tabs .tab-content ul {
    margin-top: 0;
    margin-left: -20px
}

.contact-info__box {
    height: 620px;
    min-width: 310px
}

.contact-info__item {
    margin-bottom: 20px;
    margin-right: 40px
}

.contact-info__heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #3e627b;
    margin: 0 0 24px
}

.contact-info__content {
    font-weight: 700
}

#map-box {
    height: 620px;
    overflow-y: hidden
}

#map-box .popover {
    display: block;
    background-color: #fff;
    padding: 15px 20px;
    color: #3e627b;
    font-size: 12px;
    position: absolute
}

#map-box .popover h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 10px
}

#map-box .popover .arrow {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    border: 17px solid transparent;
    border-top: 17px solid #fff;
    bottom: -34px;
    left: 32px
}

#map-box .popover-content {
    line-height: 20px
}

#map-box .popover .close {
    position: absolute;
    left: -13px;
    top: -16px
}

#map-box .btn {
    margin-top: 10px
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #e5e4e4
}

.mCSB_scrollTools .mCSB_draggerContainer {
    margin-right: 14px
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
    background-color: #3e627b;
    width: 4px
}

.content-order__divider {
    display: block;
    margin: 50px 0 36px;
    width: 100%;
    height: 1px;
    background-color: #e2e2e2
}

.content-order__icon-holder {
    padding: 0 20px 0 8px;
    max-width: 78px
}

.content-order__title {
    font-size: 24px;
    margin: 13px 0 30px
}

.content-order__text {
    font-size: 18px;
    margin: 0
}

.content-order .btn + * {
    color: #919191;
    line-height: 16px
}

.special__figure {
    margin: 0 -70px 0 0
}

.specials-tiles__box {
    height: 270px;
    width: 33.333333%;
    position: relative;
    border: 10px solid #fff;
    border-bottom: 20px solid #fff;
    border-top: none
}

.specials-tiles__box:nth-child(3n) {
    border-right: none
}

.specials-tiles__box:nth-child(3n + 1) {
    border-left: none
}

.specials-tiles__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(62, 98, 123, 0.8);
    padding: 16px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-transition: .4s;
    transition: .4s
}

.specials-tiles__title:hover {
    background-color: #3e627b
}

.specials-tiles__date {
    color: #f5b316;
    display: block;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 700
}

.specials-tiles__rows-center {
    align-items: center
}

.bx-soa-more-btn {
    margin: 0 0 25px
}

.bx-soa-more-btn .btn {
    margin-left: 20px
}

.page-404__box {
    margin-left: auto;
    margin-right: auto;
    width: 632px;
    height: 534px;
    background: url('/local/codenails/images/404_bg.jpg') 50% 50% no-repeat;
    margin-top: 10px
}

.page-404__box .btn-outline.btn {
    color: #3e3d3d;
    font-weight: normal;
    position: relative;
    right: -141px
}

.page-404__box .btn-outline.btn:hover {
    color: #fff
}

.page-404__title {
    font-family: 'Open Sans', sans-serif;
    font-size: 150px;
    font-weight: 700;
    color: #3e627b;
    margin: 150px 0 0 64px;
    display: block;
    height: 80px
}

.page-404__title--sub {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #3e627b;
    margin: 23px 0 50px -88px
}

.profile-link {
    padding: 14px;
    background-color: rgba(245, 179, 22, 0.1);
    border: 1px solid rgba(245, 179, 22, 0.5);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    margin: 0;
    line-height: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.profile-link a:hover, .profile-link a:focus {
    color: inherit;
    text-decoration: none
}

.profile-link:not(.active).profile-link:hover {
    box-shadow: 0 0 3px 0 #f5b316
}

.profile-link.active {
    background-color: rgba(155, 197, 61, 0.1);
    border-color: #9bc53d
}

.profile-link.active:hover {
    box-shadow: 0 0 3px 0 #9bc53d
}

.profile-input .input {
    width: 230px;
    height: 30px;
    border: 1px solid #919090
}

.profile-input .input:focus {
    border-color: #3e627b
}

.profile-input .typeselect {
    width: 230px;
    height: 30px;
    border: 1px solid #919090
}

.profile-input textarea.input {
    height: auto
}

.bx-auth-profile .form-label {
    vertical-align: top
}

.birthday-profile-block .form-label {
    display: block;
    text-align: left
}

.birthday-profile-block input {
    width: 230px;
    height: 30px;
    border: 1px solid #919090
}

.birthday-profile-block img.calendar-icon {
    margin-top: 5px
}

.profile-h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 30px
}

.bx_my_order_switch {
    flex: none !important;
    width: 100%
}

.bx_order_list {
    flex: none !important;
    width: 50%
}

.no-mb-input {
    margin-bottom: 0 !important
}

.carousel-item.product-tiles__tile .tile-img-box a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center
}

.stock-detail-image {
    padding-right: 20px
}

.bright-link {
    color: #0661c1;
    text-decoration: underline
}

.bright-link:hover {
    color: #75a2c2;
    text-decoration: none
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item {
    top: 4% !important;
    bottom: 4% !important;
    left: 4% !important;
    right: 4% !important
}

.product-filter__box .checkbox + label > span {
    vertical-align: top;
    margin-top: 0
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content td {
    width: 50%
}

.flex-align-fix, .flex-out {
    max-width: 100%;
    box-sizing: border-box
}

.error-style {
    margin: 10px
}

.alert {
    border-radius: 0px
}

.alert-error {
    margin-bottom: 35px
}

.flex-out .errortext {
    display: inline-block
}

.hidden_item {
    display: none !important
}

.transform-icon {
    transform: scale(1, -1)
}

.equal {
    position: relative
}

svg {
    display: none;
    margin: 100px 0px 0 92%;
    position: absolute !important;
    z-index: 1
}

.svg_margin {
    margin-top: 166px
}

section.main-container section.content-box section div.content-box {
    background: white;
    margin-top: -140px
}

.table-styled .table-styled-first-th, .table-styled td:first-child {
    padding: 12px 20px
}

.new-password .form-control .input {
    display: block
}

.h1-new-password {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 44px;
    text-transform: uppercase
}

.password-button {
    color: white !important;
    height: 40px !important;
    padding: 0 20px !important;
    width: auto !important;
    margin-bottom: 0 !important
}

.password-button:hover {
    border: 2px solid #f5b316 !important
}

.new-pay-icon {
    background-position: -11px -5px
}

.new-delivery-icon {
    width: 80px;
    height: 50px;
    background-position: 0px 0px
}

#bx-soa-paysystem .new-pay-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: auto;
    height: 40px
}

.btn-hidden {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
}

#custom_wounderform .cn-modal.popup-modal, #custom_wounderform_v1 .cn-modal.popup-modal, #custom_wounderform_v2 .cn-modal.popup-modal, #custom_wounderform_v3 .cn-modal.popup-modal {
    width: 900px;
    padding: 0
}

#custom_wounderform .cn-modal-header, #custom_wounderform_v1 .cn-modal-header, #custom_wounderform_v2 .cn-modal-header, #custom_wounderform_v3 .cn-modal-header {
    display: none
}

#custom_wounderform .cn-modal-content, #custom_wounderform_v1 .cn-modal-content, #custom_wounderform_v2 .cn-modal-content, #custom_wounderform_v3 .cn-modal-content {
    width: 900px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 0;
    background: #f2f2f2
}

#custom_wounderform .cn-modal, #custom_wounderform_v1 .cn-modal, #custom_wounderform_v2 .cn-modal, #custom_wounderform_v3 .cn-modal {
    border-radius: 0
}

#custom_wounderform .lpart, #custom_wounderform_v1 .lpart, #custom_wounderform_v2 .lpart, #custom_wounderform_v3 .lpart {
    float: left;
    width: 650px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#custom_wounderform .rpart, #custom_wounderform_v1 .rpart, #custom_wounderform_v2 .rpart, #custom_wounderform_v3 .rpart {
    padding: 19px;
    float: right;
    width: 250px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#custom_wounderform .lpart .text, #custom_wounderform_v1 .lpart .text, #custom_wounderform_v2 .lpart .text, #custom_wounderform_v3 .lpart .text {
    position: absolute;
    left: 280px;
    top: 300px;
    right: 10px;
    bottom: 10px;
    font_family: 'PT Sans', Arial;
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    font-weight: bold
}

#custom_wounderform button[name*="submit_"], #custom_wounderform_v1 button[name*="submit_"], #custom_wounderform_v2 button[name*="submit_"], #custom_wounderform_v3 button[name*="submit_"] {
    display: block;
    font-size: 26px;
    width: 100%
}

#custom_wounderform div.mfp-close, #custom_wounderform_v1 div.mfp-close, #custom_wounderform_v2 div.mfp-close, #custom_wounderform_v3 div.mfp-close {
    display: block;
    width: 100%;
    font-size: 20px;
    position: static;
    top: auto;
    right: auto;
    background: #848484;
    color: #fff;
    height: auto;
    line-height: 30px;
    margin-top: 10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

#custom_wounderform .cn-modal-success, #custom_wounderform_v1 .cn-modal-success, #custom_wounderform_v2 .cn-modal-success, #custom_wounderform_v3 .cn-modal-success {
    margin-top: 20px;
    color: #9bc53d;
    padding: 0;
    background: none
}

.menu-txt {
    max-height: 40px
}

header {
    position: relative
}

header::before {
    content: '';
    display: block;
    position: absolute;
    top: 52px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e1e0e0
}

header::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 46px;
    left: 0;
    top: 162px;
    background: #3e627b;
    background: -moz-linear-gradient(left, #3e627b 0%, #3e627b 50%, #f5b316 51%, #f5b316 100%);
    background: -webkit-linear-gradient(left, #3e627b 0%, #3e627b 50%, #f5b316 51%, #f5b316 100%);
    background: linear-gradient(to right, #3e627b 0%, #3e627b 50%, #f5b316 51%, #f5b316 100%);
    z-index: -1
}

.header__top-box {
    margin-bottom: 17px
}

.header__middle-box {
    margin-bottom: 19px;
    z-index: 7
}

.header__auth-box {
    height: 52px;
    position: relative
}

.header__auth-box > a, .header__auth-box > span {
    color: #919090;
    outline: none
}

.header__auth-box i {
    margin-right: 14px
}

.header__logo {
    margin-left: -13px
}

.header__contacts {
    height: 63px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.header__contacts-inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.header__contacts a:hover {
    color: #3e3d3d;
    text-decoration: none
}

.header__contacts p {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0 26px
}

.header__cart-box {
    margin-top: 6px
}

.header__cart-box .btn {
    display: block;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    margin-bottom: 12px;
    text-align: right;
    padding: 0 25px;
    min-width: 158px;
    color: #3e3d3d
}

.header__cart-box .btn .icon {
    position: relative;
    left: -10px;
    top: -2px
}

.header__cart-box .btn:hover {
    color: #fff
}

.header__cart-box .btn:hover .icon {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -78px -111px;
    width: 22px;
    height: 20px
}

.header__cart-counter {
    position: absolute;
    top: -13px;
    left: -13px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    width: 26px;
    color: #fff;
    background-color: #df5151;
    font-style: normal;
    border-radius: 50%
}

.header__compare-link {
    text-decoration: underline
}

.header__compare-link:hover {
    text-decoration: none
}

.header__bottom-box {
    height: 46px;
    background-color: #f5b316;
    font-size: 14px;
    font-weight: 700
}

.header__catalog-menu-trigger {
    height: 46px;
    background-color: #3e627b;
    width: 196px;
    padding-left: 42px;
    margin-left: -42px;
    position: relative
}

.header__catalog-menu-trigger::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    z-index: 5;
    border-top: 46px solid #3e627b;
    border-right: 20px solid transparent
}

.header__catalog-menu-trigger a {
    color: #fff;
    display: inline-block;
    height: 46px;
    padding-top: 12px;
    text-decoration: none
}

.header__catalog-menu-trigger a i {
    margin: -3px 19px 0 0;
    background-color: transparent
}

.header__catalog-menu-trigger a i:after, .header__catalog-menu-trigger a i:before {
    display: none
}

.header__catalog-menu-trigger a .menu-icon {
    cursor: pointer;
    margin: 0 19px 0 0;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    width: 22px;
    height: 13px;
    top: 1px
}

.header__catalog-menu-trigger a .menu-icon span {
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    border-top: 3px solid #fff;
    width: 100%;
    transition: 0.2s;
    display: inline-block
}

.header__catalog-menu-trigger a .menu-icon span:first-child {
    top: 0
}

.header__catalog-menu-trigger a .menu-icon span:nth-child(2) {
    top: 5px
}

.header__catalog-menu-trigger a .menu-icon span:last-child {
    top: 10px
}

.header__catalog-menu-trigger a .menu-icon span.active {
    border-color: #f5b316
}

.header__catalog-menu-trigger a .menu-icon span.active:nth-child(1) {
    backface-visibility: hidden;
    top: 5px;
    transform: rotate(45deg);
    transition: .55s .1s
}

.header__catalog-menu-trigger a .menu-icon span.active:nth-child(2) {
    opacity: 0
}

.header__catalog-menu-trigger a .menu-icon span.active:nth-child(3) {
    backface-visibility: hidden;
    top: 5px;
    transform: rotate(-405deg);
    transition: .55s .1s
}

.header__catalog-menu-trigger a:hover .menu-icon span:not(.active):first-child {
    top: -3px
}

.header__catalog-menu-trigger a:hover .menu-icon span:not(.active):last-child {
    top: 13px
}

.header__catalog-menu-trigger a:hover .menu-icon span.active {
    transition: 0.35s
}

.header__catalog-menu-trigger a:hover .menu-icon span.active:first-child {
    transform: rotate(45deg) scale(.8)
}

.header__catalog-menu-trigger a:hover .menu-icon span.active:last-child {
    transform: rotate(-405deg) scale(.8)
}

.header__bottom-links {
    padding-left: 20px
}

.header__bottom-links a {
    margin-right: 20px;
    padding: 0 14px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    position: relative;
    background-color: #f5b316
}

.header__bottom-links a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: -20px;
    z-index: 5;
    border-bottom: 46px solid #f5b316;
    border-left: 20px solid transparent
}

.header__bottom-links a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    z-index: 5;
    border-top: 46px solid #f5b316;
    border-right: 20px solid transparent
}

.header__bottom-links a:nth-child(2n + 1) {
    background-color: #f8c856
}

.header__bottom-links a:nth-child(2n + 1):after {
    border-top-color: #f8c856
}

.header__bottom-links a:nth-child(2n + 1):before {
    border-bottom-color: #f8c856
}

.header__bottom-links a:nth-child(1) {
    background-color: #007EBC;
    color: white;
}

.header__bottom-links a:nth-child(1):after {
    border-top-color: #007EBC;
}

.header__bottom-links a:nth-child(1):before {
    border-bottom-color: #007EBC;
}


.header__bottom-links a:nth-child(2) {
    background-color: #008CD1;
    color: white;
}

.header__bottom-links a:nth-child(2):after {
    border-top-color: #008CD1;
}

.header__bottom-links a:nth-child(2):before {
    border-bottom-color: #008CD1;
}

.header__bottom-links a:focus, .header__bottom-links a:active, .header__bottom-links a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #df5151
}

.header__bottom-links a:focus:after, .header__bottom-links a:active:after, .header__bottom-links a:hover:after {
    border-top-color: #df5151
}

.header__bottom-links a:focus:before, .header__bottom-links a:active:before, .header__bottom-links a:hover:before {
    border-bottom-color: #df5151
}

.header__catalog-menu-box {
    position: relative;
    height: 0;
    margin-bottom: 0
}

.header__catalog-menu-box .catalog-menu-wrapper {
    background: #3e627b url('/local/codenails/images/catalog-menu-bg.png') no-repeat 100% 100%;
    padding: 30px;
    z-index: -1;
    margin-top: -16px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header__catalog-menu-box .catalog-menu-wrapper.active {
    z-index: 105;
    opacity: 1
}

.header__catalog-menu-box .catalog-menu-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 8px 0 0 0;
    position: relative
}

.header__catalog-menu-box .catalog-menu-wrapper > ul {
    border-right: 3px solid #f5b316
}

.header__catalog-menu-box .catalog-menu-wrapper li {
    margin-bottom: 8px
}

.header__catalog-menu-box .catalog-menu-wrapper > ul > li > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    width: 100%;
    padding: 1px 16px 1px 10px;
    position: relative
}

.header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:active, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:focus, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a.active, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:hover {
    background-color: #f5b316;
    color: #3e3d3d;
    text-decoration: none
}

.header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:active:after, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:focus:after, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a.active:after, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -3px;
    top: 50%;
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px 0px;
    width: 16px;
    height: 21px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:active + ul, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:focus + ul, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a.active + ul, .header__catalog-menu-box .catalog-menu-wrapper > ul > li > a:hover + ul {
    display: block
}

.header__catalog-menu-box .catalog-menu-wrapper ul ul {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    display: none
}

.header__catalog-menu-box .catalog-menu-wrapper ul ul li {
    margin-bottom: 4px
}

.header__catalog-menu-box .catalog-menu-wrapper ul ul a {
    color: #f5b316;
    font-weight: 400;
    text-transform: none;
    width: 100%;
    line-height: 16px;
    display: inline-block;
    padding-left: 24px;
    position: relative
}

.header__catalog-menu-box .catalog-menu-wrapper ul ul a:active, .header__catalog-menu-box .catalog-menu-wrapper ul ul a:focus, .header__catalog-menu-box .catalog-menu-wrapper ul ul a.active, .header__catalog-menu-box .catalog-menu-wrapper ul ul a:hover {
    font-weight: 700;
    text-decoration: underline
}

.header__search-box {
    position: relative;
    margin-top: 12px
}

.header__search-box .input {
    border: 2px solid #3e627b;
    border-radius: 0
}

.header__search-box .input:-moz-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

.header__search-box .input:-ms-input-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

.header__search-box .input::-webkit-input-placeholder {
    color: #919090;
    font-size: 14px;
    font-weight: 400
}

.header__search-box .btn {
    width: 111px;
    margin-left: 10px;
    margin-top: 0;
    text-align: center
}

.header__search-box .btn .icon {
    margin-right: 0
}

.header__contacts-inner-whatsapp {
    margin-left: 20px;
    vertical-align: top
}

.header__contacts-inner-whatsapp i {
    font-size: 44px;
    color: #38AF48
}

.modal-form__box {
    position: relative;
    width: 335px;
    background-color: white;
    box-shadow: 1.9px 2.3px 4px rgba(0, 0, 0, 0.29);
    top: 57px;
    z-index: 5;
    padding: 17px 55px
}

.modal-form__box h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #515050;
    margin: -4px 0 48px
}

.modal-form__box input.input {
    width: 230px;
    height: 30px;
    border: 1px solid #919090;
    margin-bottom: 30px;
    border-radius: 0
}

.modal-form__box input.input:focus + label {
    font-size: 12px;
    -moz-transform: translate(0, -24px);
    -ms-transform: translate(0, -24px);
    -webkit-transform: translate(0, -24px);
    transform: translate(0, -24px)
}

.modal-form__box button {
    border: 2px solid #3e627b;
    font-weight: 700;
    width: 100px;
    color: #515050;
    height: 30px;
    line-height: 24px;
    margin-bottom: 25px
}

.modal-form__box img {
    margin-bottom: 25px
}

.modal-form__close {
    position: absolute;
    top: 8px;
    right: 13px
}

.modal-form__label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #919090;
    display: inline-block;
    margin-bottom: 8px;
    z-index: 5;
    top: 0;
    left: 0;
    -moz-transform: translate(11px, 2px);
    -ms-transform: translate(11px, 2px);
    -webkit-transform: translate(11px, 2px);
    transform: translate(11px, 2px);
    -webkit-transition: all ease-out .2s;
    transition: all ease-out .2s
}

.modal-form__label.filled {
    font-size: 12px;
    -moz-transform: translate(0, -24px);
    -ms-transform: translate(0, -24px);
    -webkit-transform: translate(0, -24px);
    transform: translate(0, -24px)
}

.modal-form__service-box {
    margin-bottom: 27px
}

.modal-form__service-box a {
    text-decoration: underline
}

.modal-form__service-box a:hover {
    text-decoration: none
}

nav ul {
    padding-left: 0
}

nav li {
    list-style-type: none;
    margin-right: 19px
}

nav a {
    color: #3e3d3d;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.search-suggestions__box {
    left: 42px;
    top: 42px;
    width: 468px;
    background-color: white;
    padding: 23px 18px;
    position: absolute;
    box-shadow: 1.9px 2.3px 4px rgba(0, 0, 0, 0.29);
    z-index: 2000
}

.search-suggestions__box ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.search-suggestions__box ul li {
    margin-bottom: 10px
}

.search-suggestions__box a {
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
    vertical-align: middle;
    line-height: 18px
}

.search-suggestions__box a img {
    margin-right: 17px
}

.search-suggestions__counter {
    border-top: 1px solid #d1d1d1;
    padding-top: 12px;
    margin-top: 25px
}

.search-suggestions__counter a {
    color: #3e3d3d;
    font-weight: 400
}

#content-box-search {
    position: relative
}

.title-search-result {
    margin-top: -50px
}

section[data-layout].product-popup-box {
    width: 741px;
    margin: auto;
    background-color: white;
    box-shadow: 1.9px 2.3px 4px rgba(0, 0, 0, 0.29);
    padding: 30px;
    position: relative
}

section[data-layout].product-popup-box.p0 {
    padding: 0
}

section[data-layout].product-popup-box > .mfp-close {
    position: absolute;
    top: 8px;
    right: 20px;
    z-index: 15
}

section[data-layout].product-popup-box .swiper-container {
    padding-bottom: 20px;
    width: 100%;
    max-width: 250px
}

section[data-layout].product-popup-box .swiper-slide {
    background-size: cover;
    background-position: center
}

section[data-layout].product-popup-box .product-popup-box__gallery-top {
    height: 160px
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs {
    height: 60px
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    cursor: pointer
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs .swiper-slide-active {
    opacity: 1
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs--controls {
    margin: 0 0 20px 0;
    text-align: center;
    width: 250px
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs--controls .btn {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0 11px;
    border-color: #e1e0e0
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs--controls .btn:after {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 5px solid #3e3d3d;
    border-bottom: 4px solid transparent
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs--controls .btn:hover:after {
    border-right-color: #fff
}

section[data-layout].product-popup-box .product-popup-box__gallery-thumbs--controls .btn.slide-right {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-links {
    list-style-type: none;
    margin: 0;
    padding: 0 0 30px 0
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-links li {
    margin-right: 20px;
    display: inline-block
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-links li.active a {
    color: #3e627b
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-links a {
    font-weight: 700;
    color: #3e3d3d
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content {
    padding-right: 10px
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content .tab {
    display: none
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content .tab.active {
    display: block
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content td {
    padding: 0 10px 20px 0;
    vertical-align: top;
    line-height: 18px
}

section[data-layout].product-popup-box .product-popup-box__tabs .tab-content td:first-child {
    color: #919090;
    font-weight: 700
}

.product-popup-box__gallery-thumbs .swiper-slide-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid #f5b316;
    width: 44px;
    height: 30px
}

.product-filter:not(:first-child) {
    margin-top: 13px;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 12px
}

.product-filter:last-child {
    border: none
}

.product-filter__box {
    min-width: 215px;
    border: 2px solid #f5b316;
    padding: 26px 17px 30px;
    margin-right: 25px
}

.product-filter__title, .product-filter__title--accordion {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.product-filter__range {
    margin-top: 10px
}

.product-filter__range--placeholders {
    margin-top: 5px
}

.product-filter__title--accordion {
    cursor: pointer
}

.product-filter__title--accordion .icon {
    float: right;
    margin-top: 10px;
    -webkit-transition: .4s;
    transition: .4s
}

.product-filter__title--accordion.closed .icon {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-filter__controls {
    margin-top: 18px
}

.product-filter__controls .btn {
    margin-bottom: 20px;
    color: #3e3d3d
}

.product-filter__controls .btn:hover, .product-filter__controls .btn:focus, .product-filter__controls .btn:active {
    color: #fff
}

.product-sort__box {
    margin-top: -37px;
    border-bottom: 1px solid #e1e0e0
}

.product-sort__heading {
    font-size: 18px;
    font-weight: 700;
    margin-right: 38px;
    line-height: 22px
}

.product-sort__control-view a {
    margin-left: 9px;
    display: inline-block
}

.product-sort__control-view a.active .icon-tiles, .product-sort__control-view a:active .icon-tiles, .product-sort__control-view a:hover .icon-tiles {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -74px;
    width: 15px;
    height: 15px
}

.product-sort__control-view a.active .icon-hamburger-sm, .product-sort__control-view a:active .icon-hamburger-sm, .product-sort__control-view a:hover .icon-hamburger-sm {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -58px;
    width: 15px;
    height: 15px
}

.product-sort__control-sort {
    margin-right: 64px
}

.product-sort__control-sort .jq-selectbox.opened .jq-selectbox__select, .product-sort__control-sort .jq-selectbox__select {
    background: none;
    color: #f5b316;
    border: none;
    padding: 1px 30px 10px 4px
}

.product-sort__control-sort .jq-selectbox.opened .jq-selectbox__select :hover, .product-sort__control-sort .jq-selectbox__select :hover {
    border: none
}

.product-sort__control-sort .jq-selectbox.opened .jq-selectbox__select-text, .product-sort__control-sort .jq-selectbox__select-text {
    font-size: 14px
}

.product-sort__control-sort .jq-selectbox__dropdown {
    min-width: 140px
}

.opened .product-sort__control-sort .jq-selectbox__trigger-arrow {
    border-top-color: #3e3d3d
}

.product-tiles {
    margin-top: 37px
}

.product-tiles [id*=bx_incl_area] {
    width: 100%
}

.product-tiles h2 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase
}

.product-tiles__tile {
    width: 25%;
    min-height: 333px;
    background-color: white;
    margin: 0 0 30px 0;
    padding: 15px 0 75px;
    text-align: center;
    position: relative
}

.product-tiles__tile::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 200px;
    height: 1px;
    background-color: #e1e0e0;
    bottom: 55px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product-tiles__tile .figcaption {
    text-align: center;
    position: relative;
    flex: none !important;
    width: 100%
}

.product-tiles__tile .tile-name {
    color: #3e627b;
    font-size: 16px;
    font-weight: 700;
    padding: 0 30px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.product-tiles__tile .tile-name a {
    color: #3e627b
}

.product-tiles__tile .tile-name a:hover {
    color: #3e627b
}

.product-tiles__tile .tile-price {
    font-size: 24px;
    line-height: 24px
}

.product-tiles__tile .tile-price-old {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through
}

.product-tiles__tile .tile-img-wrapper {
    position: relative;
    height: 150px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.product-tiles__tile .tile-img-wrapper img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-tiles__tile .btn {
    font-size: 14px;
    font-weight: 700;
    position: absolute;

    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product-tiles__tile .btn i {
    margin-right: 9px
}

.product-tiles__rows--horizontal {
    margin-top: 15px
}

.product-tiles__rows--horizontal .product-tiles__tile {
    min-height: inherit;
    width: inherit;
    margin: 0 0 20px 0;
    padding: 15px 0
}

.product-tiles__rows--horizontal .product-tiles__tile:after {
    display: none
}

.product-tiles__rows--horizontal .product-tiles__tile .tile-img-box {
    min-width: 270px;
    margin-right: 20px;
    height: auto
}

.product-tiles__rows--horizontal .product-tiles__tile figcaption {
    text-align: left;
    position: static;
    padding-bottom: 0
}

.product-tiles__rows--horizontal .product-tiles__tile .tile-name {
    padding: 0;
    margin-top: 0;
    margin-bottom: 14px
}

.product-tiles__rows--horizontal .product-tiles__tile .tile-price-old {
    margin-bottom: 0
}

.product-tiles__rows--horizontal .product-tiles__tile .btn {
    position: static;
    bottom: inherit;
    left: inherit;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}

.product-tiles__slider-controls {
    position: absolute;
    right: 40px
}

.product-tiles__slider-controls .btn:first-child {
    margin-right: 6px
}

.tile-discount {
    height: 25px;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    padding-left: 7px;
    width: 50px;
    position: absolute;
    top: -12px;
    left: -10px;
    text-align: center;
    background-color: #df5151
}

.tile-discount:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: -14px;
    z-index: 5;
    border-top: 25px solid #df5151;
    border-right: 14px solid transparent
}

.product-tiles__tile .tile-img-box img {
    max-height: 100%
}

.product-specifications {
    color: #3e3d3d
}

.product-specifications__large {
    padding-left: 65px
}

.product-specifications__title {
    font-size: 20px;
    font-weight: 700;
    color: #3e627b;
    margin: 0 0 19px 0
}

.product-specifications__price {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.product-specifications__price--large {
    font-size: 36px;
    font-weight: 700
}

.product-specifications__price--old {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px
}

.product-specifications__priceblock {
    margin-bottom: 16px
}

.product-specifications__bonuses {
    font-size: 14px;
    font-weight: 700;
    color: #919090;
    margin-top: 15px
}

.product-specifications__bonuses i {
    margin-right: 10px;
    margin-top: -4px
}

.product-specifications hr {
    background-color: #e1e0e0;
    margin: 30px auto
}

.product-specifications__item {
    margin-bottom: 26px
}

.product-specifications__item:last-child {
    margin-bottom: 0
}

.product-specifications__item h4 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px
}

.product-specifications__item--limiter {
    max-width: 210px
}

.product-specifications__item--color {
    position: relative
}

.product-specifications__item--color figure {
    float: right;
    height: 200px;
    width: 200px;
    overflow: hidden;
    position: relative;
    margin: 0;
    visibility: hidden;
    border: 1px solid #e5e4e4;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-specifications__item--color figure:after {
    content: '';
    display: block;
    height: 196px;
    width: 196px;
    position: absolute;
    border: 2px solid #fff;
    top: 50%;
    left: 50%;
    z-index: 15;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-specifications__item--color span {
    height: 30px;
    width: 30px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #e5e4e4;
    border-radius: 100%
}

.product-specifications__item--color span:hover:after {
    content: '';
    display: block;
    height: 27px;
    width: 27px;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0.65;
    background-color: #fff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.product-specifications__item--color span:active:after, .product-specifications__item--color span.active:after {
    content: '';
    display: block;
    border: 2px solid #fff;
    height: 27px;
    width: 27px;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.product-specifications__item--thickness .btn {
    border: 1px solid #e5e4e4;
    font-size: 14px;
    font-weight: 700;
    color: #3e3d3d;
    background: transparent
}

.product-specifications__item--thickness .btn.active {
    color: #fff;
    background: #3e627b;
    border-color: #3e627b
}

.product-specifications__item--thickness .btn:hover {
    color: #3e3d3d;
    background: #e5e4e4;
    border-color: #e5e4e4
}

.product-specifications__item--quantity-ratio div[data-self='left'] {
    margin-right: 0
}

.product-specifications__item--quantity-ratio .btn {
    border: 1px solid #e1e0e0;
    background-color: #e1e0e0
}

.product-specifications__item--quantity-ratio .btn i {
    margin-right: 0;
    top: -2px;
    position: relative
}

.product-specifications__item--quantity-ratio .btn:hover {
    background-color: #f5b316;
    border-color: #f5b316
}

.product-specifications__item--quantity-ratio .btn:hover .icon-plus {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -136px;
    width: 12px;
    height: 12px
}

.product-specifications__item--quantity-ratio .btn:hover .icon-minus {
    background-image: url('/local/codenails/images/sprite.png');
    background-position: -163px -152px;
    width: 12px;
    height: 2px
}

.product-specifications__item--quantity-ratio .input {
    width: 60px;
    border: none;
    border-bottom: 1px solid #919090;
    margin: 0 20px;
    height: 32px;
    box-shadow: none;
    text-align: center;
    padding: 0;
    color: #3e3d3d;
    border-radius: 0
}

.product-specifications__item--quantity-ratio .input:focus {
    border-color: #919090
}

.product-specifications__item--quantity-ratio-divider {
    text-align: center;
    position: relative;
    top: -2px;
    font-weight: 700;
    padding: 0 29px
}

.product-specifications__item--quantity-ratio-divider:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 26px;
    background-color: #f5b316;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.product-specifications__item--quantity-ratio .value-holder {
    border: none;
    display: inline-block;
    width: 32px;
    outline: none;
    text-align: center
}

.product-specifications__item--controls button {
    margin-right: 16px
}

.product-specifications__item--controls .icon {
    margin-right: 5px
}

.product-specifications__item--compare .icon {
    margin-right: 5px
}

.product-specifications__item--compare a {
    text-decoration: underline
}

.product-specifications__item--compare a a:hover {
    text-decoration: none
}

.product-specifications__item--compare .badge {
    width: 21px;
    height: 21px;
    background-color: #df5151;
    margin-left: 6px;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 100%
}

.delete-success-popup {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    width: 450px;
    margin: 40px auto;
    position: relative
}

.delete-success-popup h5, .delete-success-popup .buttons {
    text-align: center
}

.product-gallery__main-pic {
    margin: 0 0 20px;
    padding: 0;
    position: relative
}

.product-gallery__main-pic img {
    width: 100%
}

.product-gallery__badge {
    font-style: normal;
    top: 0;
    left: 0
}

.product-gallery__thumbnail {
    display: inline-block;
    margin: 0 20px 20px 0;
    cursor: pointer;
    max-width: 90px;
    position: relative
}

.product-gallery__thumbnail:nth-child(6n) {
    margin: 0 0 20px 0
}

.product-gallery__thumbnail.active::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid #f5b316;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.order-process-details__box {
    min-width: 200px;
    margin-left: 20px;
    border: 2px solid rgba(62, 98, 123, 0.1);
    padding: 14px 20px
}

.order-process-details__item {
    min-height: 50px;
    padding: 10px 0
}

.order-process-details__item:not(:last-child) {
    border-bottom: 1px solid #e1e0e0
}

.order-process-details__item:not(:last-child) span {
    min-width: 85px
}

.order-process-details__item:last-child {
    margin-top: 15px
}

.order-process-steps {
    min-width: 700px
}

.order-process-step__box {
    margin-bottom: 25px;
    border: 1px solid rgba(245, 179, 22, 0.5)
}

.order-process-step__box.error {
    border-color: #df5151
}

.order-process-step__box.error .order-process-step__title {
    background-color: rgba(223, 81, 81, 0.1)
}

.order-process-step__box.error .order-process-step__idx {
    color: #df5151;
    border-color: #df5151
}

.order-process-step__box.success {
    border-color: #9bc53d
}

.order-process-step__box.success .order-process-step__title {
    background-color: rgba(155, 197, 61, 0.1)
}

.order-process-step__box.success .order-process-step__idx {
    color: #9bc53d;
    border-color: #9bc53d
}

.order-process-step__title {
    padding: 14px;
    background-color: rgba(245, 179, 22, 0.1);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    margin: 0;
    line-height: 20px;
    cursor: pointer
}

.order-process-step__idx {
    width: 21px;
    height: 21px;
    border: 2px solid #f5b316;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
    font-weight: 700;
    color: #f5b316;
    display: inline-block;
    margin-right: 14px
}

.order-process-step__content {
    padding: 20px
}

.order-process-step__content .label {
    font-weight: 700;
    color: #515050
}

.order-process-step__content .input {
    height: 34px;
    border: 1px solid #3e627b;
    width: 100%
}

.order-process-step__content .textarea {
    height: 110px;
    width: 100%;
    resize: none;
    border: 1px solid #3e627b
}

.order-process-step__content .order-process-checkbox__box {
    margin-right: 20px
}

.order-process-step__content .order-process-checkbox__label {
    margin-top: 0;
    margin-right: 0;
    padding: 6px;
    display: inline-block;
    width: 140px;
    height: 90px;
    border: 2px solid rgba(62, 98, 123, 0.1);
    position: relative
}

.order-process-step__content .order-process-checkbox__label:hover {
    border-color: #3e627b
}

.order-process-step__content .order-process-checkbox__label span {
    margin-top: -12px
}

.order-process-step__content .order-process-checkbox__label .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.order-process-step__content #customer-type-styler {
    width: 100%
}

.order-process-step__content .styler .jq-selectbox__select, .order-process-step__content .styler .jq-selectbox__select-text {
    font-size: 14px;
    background: #fff
}

.order-process-step__content .styler .jq-selectbox__select {
    border: 1px solid #3e627b;
    height: 34px
}

.order-process-step__content .styler .jq-selectbox__select-text {
    overflow: visible;
    line-height: 28px;
    color: #919090
}

.order-process-step__content .styler.opened .jq-selectbox__select, .order-process-step__content .styler.opened .jq-selectbox__select-text {
    background-color: #3e627b;
    color: #fff
}

.order-process-step__content .styler .jq-selectbox__dropdown {
    top: 29px
}

.order-process-step__content .cart-table {
    margin-bottom: 0
}

.order-process-step__content .cart-table__product--title {
    margin-top: 0
}

.order-process-step__content .cart-table__product--title h3 {
    line-height: 14px;
    margin-bottom: 7px
}

.order-process-step__content .cart-table tr:not(:last-child) {
    border-bottom: 1px solid #c1c1c1
}

.order-process-step__content .cart-table tr:first-child td {
    padding-top: 0
}

.order-process-step__content .cart-table tr:last-child td {
    padding-bottom: 0
}

.order-process-step__content .cart-table td {
    padding-top: 17px;
    padding-bottom: 17px;
    min-width: 50px
}

.order-process-description__box {
    border: 2px solid rgba(62, 98, 123, 0.1);
    padding: 20px
}

.order-process-description__title {
    margin: 0 0 14px 0;
    font-size: 18px
}

.order-process-description__icon {
    border: 2px solid rgba(62, 98, 123, 0.1);
    position: relative;
    height: 90px;
    max-width: 140px
}

.order-process-description__icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.order-process-description__text {
    padding-left: 18px;
    line-height: 14px
}

.order-process-description__text a {
    margin-top: 10px;
    color: #3e627b
}

.order-process-divider {
    width: 100%;
    height: 1px;
    margin: 18px 0;
    background-color: rgba(62, 61, 61, 0.32)
}

.jq-selectbox li:after {
    width: calc(100% - 28px)
}

.cart-table {
    width: 100%;
    margin-bottom: 25px
}

.cart-table thead tr {
    background-color: rgba(62, 61, 61, 0.1);
    height: 54px
}

.cart-table thead th {
    text-align: left;
    font-weight: 400
}

.cart-table thead th:first-child {
    padding-left: 23px
}

.cart-table tbody td {
    padding-top: 25px
}

.cart-table tbody td:last-child {
    width: 68px
}

.cart-table__product--image {
    margin: 0;
    position: relative;
    min-width: 174px
}

.cart-table__product--title {
    margin: 0 25px 0 23px
}

.cart-table__product--title a {
    font-size: 18px;
    font-weight: 700;
    color: #3e627b;
    text-decoration: none
}

.cart-table__price {
    width: 110px
}

.cart-table__total {
    width: 135px
}

.cart-table__quantifiers {
    width: 200px
}

.cart-table__quantifiers .product-specifications__item--quantity-ratio > div:first-child {
    margin-bottom: 10px
}

.cart-total__box {
    border-top: 6px solid rgba(245, 179, 22, 0.2);
    border-bottom: 6px solid rgba(245, 179, 22, 0.2);
    padding: 20px 0;
    position: relative
}

.cart-total__box .bright-link {
    font-size: 18px
}

.cart-total__content {
    position: relative;
    left: 40%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cart-total__content--left {
    padding-right: 25px;
    border-right: 1px solid #3e3d3d;
    margin-right: 25px
}

.cart-total__content--left span {
    line-height: 14px
}

.cart-total__content--left + * {
    position: absolute;
    top: 50%;
    min-width: 200px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

figure.cart-table__product--image {
    text-align: center
}

figure.cart-table__product--image a img {
    width: auto
}

.product-specifications__title {
    margin: 0 30px 19px 0
}

.pagination__box {
    margin-top: 30px;
    margin-bottom: 50px
}

.pagination__link--control {
    text-decoration: underline
}

.pagination__link--control:hover {
    color: #3e627b
}

.pagination__link--control:first-child {
    margin-right: 17px
}

.pagination__link--control:last-child {
    margin-left: 9px
}

.pagination__link--control.inactive {
    background-color: #fff;
    color: #e1e0e0 !important;
    cursor: default
}

.pagination__link--page {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    border: 2px solid #e1e0e0;
    margin-right: 8px;
    color: #3e3d3d
}

.pagination__link--page:hover {
    background-color: #e1e0e0;
    color: #3e3d3d;
    text-decoration: none
}

.pagination__link--page:active, .pagination__link--page:focus {
    color: #3e3d3d;
    text-decoration: none
}

.pagination__link--page.active {
    background-color: #f5b316;
    border-color: #f5b316;
    color: #3e3d3d;
    text-decoration: none
}

.pagination__link--page.inactive {
    background-color: #fff;
    color: #e1e0e0
}

.pagination__link--page.inactive:hover {
    background-color: #fff;
    color: #e1e0e0
}

.pagination__link--page.hellip {
    line-height: 20px
}

footer {
    margin-top: 90px;
    position: relative
}

footer:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 82px;
    width: 100%;
    background-color: #2f2f2f;
    z-index: -1
}

.footer__content {
    padding: 0 42px
}

.footer__menu {
    border-top: 5px solid #2f2f2f;
    padding-top: 14px;
    padding-bottom: 21px;
    margin-right: 40px;
    max-width: 200px
}

.footer__menu__second {
    margin-right: 167px
}

.footer__menu h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 16px
}

.footer__menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer__menu ul li {
    margin-bottom: 9px;
    line-height: 1.2em
}

.footer__menu ul a {
    color: #3e3d3d
}

.footer__contacts {
    background-color: #2f2f2f;
    color: #fff;
    padding: 30px 25px
}

.footer__phone {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px
}

.footer__phone a {
    color: #fff
}

.footer__phone a:hover {
    text-decoration: none
}

.footer__credentials {
    position: relative;
    background-color: #2f2f2f;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    height: 82px;
    padding: 0 42px
}

.footer__credentials__content {
    padding-right: 169px
}

.footer__dev-logo {
    background: url('/local/codenails/images/ie-logo.png') 0 50% no-repeat;
    height: 29px;
    padding-left: 37px;
    padding-right: 48px
}

.footer__dev-logo a {
    color: #fff;
    line-height: 29px
}

#bx-composite-banner {
    float: right;
    position: absolute;
    top: 28px;
    right: 42px
}

.bx-composite-btn {
    background-color: #2f2f2f !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: normal !important
}

.service-menu__trigger {
    position: fixed;
    width: 40px;
    height: 40px;
    padding: 5px;
    right: 10px;
    top: 0;
    background-color: #3e627b;
    text-align: center;
    color: #fff;
    z-index: 55
}

.service-menu__trigger:hover img {
    -webkit-transition: .4s;
    transition: .4s;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.service-menu__box {
    padding: 12px 60px 12px 12px;
    min-width: 230px;
    background-color: #3e627b;
    color: #fff;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .4s;
    transition: .4s;
    position: fixed;
    right: 0;
    z-index: 50
}

.service-menu__box.active {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.service-menu__list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.service-menu__link {
    color: #fff
}

.service-menu__link:hover {
    color: #f5b316
}

ol.unstyled, ul.unstyled {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.big-list {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

ul.big-list li {
    margin: 5px 0;
    font-size: 18px;
    line-height: 25px
}

.ta-center, .table th.ta-center, .table td.ta-center {
    text-align: center !important
}

.ta-left, .table th.ta-left, .table td.ta-left {
    text-align: left
}

.ta-right, .table th.ta-right, .table td.ta-right {
    text-align: right
}

@media (max-width: 768px) {
    .mb-ta-left {
        text-align: left
    }

    .mb-ta-right {
        text-align: right
    }

    .mb-ta-center {
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tablet-ta-left {
        text-align: left
    }

    .tablet-ta-right {
        text-align: right
    }

    .tablet-ta-center {
        text-align: center
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .dt-ta-left {
        text-align: left
    }

    .dt-ta-right {
        text-align: right
    }

    .dt-ta-center {
        text-align: center
    }
}

@media (min-width: 1280px) {
    .ld-ta-left {
        text-align: left
    }

    .ld-ta-right {
        text-align: right
    }

    .ld-ta-center {
        text-align: center
    }
}

.va-bottom, .table th.va-bottom, .table td.va-bottom {
    vertical-align: bottom
}

.va-top, .table th.va-top, .table td.va-top {
    vertical-align: top
}

.va-middle, .table th.va-middle, .table td.va-middle {
    vertical-align: middle
}

.td-n {
    text-decoration: none
}

.td-u {
    text-decoration: underline
}

.td-l {
    text-decoration: line-through
}

.tt-u {
    text-transform: uppercase
}

.tt-n {
    text-transform: none
}

.hide, .d-n {
    display: none
}

.show, .d-b {
    display: block
}

.inline-block, .d-ib {
    display: inline-block
}

.inline, .d-i {
    display: inline
}

.invisible, .vis-h {
    visibility: hidden
}

.verdana {
    font-family: Verdana, sans-serif
}

.tahoma {
    font-family: Tahoma, sans-serif
}

.arial {
    font-family: Arial, sans-serif
}

.p-r, .pos-r {
    position: relative
}

.p-a, .pos-a {
    position: absolute
}

.p-f, .pos-f {
    position: fixed
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.ov-h {
    overflow: hidden
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible, .viz-h {
    visibility: hidden
}

.p0 {
    padding: 0
}

.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.pt0 {
    padding-top: 0
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pr0 {
    padding-right: 0
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pb0 {
    padding-bottom: 0
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pl0 {
    padding-left: 0
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.m0 {
    margin: 0
}

.m10 {
    margin: 10px
}

.m20 {
    margin: 20px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.mt0 {
    margin-top: 0
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mr0 {
    margin-right: 0
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mb0 {
    margin-bottom: 0
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.ml0 {
    margin-left: 0
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.text-light, a.text-light {
    color: #e1e0e0
}

.text-dark, a.text-dark {
    color: #3e3d3d
}

.text-muted, a.text-muted {
    color: #fff
}

.text-primary, a.text-primary {
    color: #3e627b
}

.text-secondary, a.text-secondary {
    color: #75a2c2
}

.text-additional, a.text-additional {
    color: #f5b316
}

.fw-b {
    font-weight: bold
}

.fw-n {
    font-weight: normal
}

.lh-i {
    line-height: inherit
}

.fz12 {
    font-size: 12px
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.fz18 {
    font-size: 18px
}

.fz20 {
    font-size: 20px
}

.fz22 {
    font-size: 22px
}

.fz24 {
    font-size: 24px
}

.fz26 {
    font-size: 26px
}

.fz30 {
    font-size: 30px
}

@media (max-width: 768px) {
    .mb-fz12 {
        font-size: 12px
    }

    .mb-fz14 {
        font-size: 14px
    }

    .mb-fz16 {
        font-size: 16px
    }

    .mb-fz18 {
        font-size: 18px
    }

    .mb-fz20 {
        font-size: 20px
    }

    .mb-fz22 {
        font-size: 22px
    }

    .mb-fz24 {
        font-size: 24px
    }

    .mb-fz26 {
        font-size: 26px
    }

    .mb-fz30 {
        font-size: 30px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tablet-fz12 {
        font-size: 12px
    }

    .tablet-fz14 {
        font-size: 14px
    }

    .tablet-fz16 {
        font-size: 16px
    }

    .tablet-fz18 {
        font-size: 18px
    }

    .tablet-fz20 {
        font-size: 20px
    }

    .tablet-fz22 {
        font-size: 22px
    }

    .tablet-fz24 {
        font-size: 24px
    }

    .tablet-fz26 {
        font-size: 26px
    }

    .tablet-fz30 {
        font-size: 30px
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .dt-fz12 {
        font-size: 12px
    }

    .dt-fz14 {
        font-size: 14px
    }

    .dt-fz16 {
        font-size: 16px
    }

    .dt-fz18 {
        font-size: 18px
    }

    .dt-fz20 {
        font-size: 20px
    }

    .dt-fz22 {
        font-size: 22px
    }

    .dt-fz24 {
        font-size: 24px
    }

    .dt-fz26 {
        font-size: 26px
    }

    .dt-fz30 {
        font-size: 30px
    }
}

@media (min-width: 1280px) {
    .ld-fz12 {
        font-size: 12px
    }

    .ld-fz14 {
        font-size: 14px
    }

    .ld-fz16 {
        font-size: 16px
    }

    .ld-fz18 {
        font-size: 18px
    }

    .ld-fz20 {
        font-size: 20px
    }

    .ld-fz22 {
        font-size: 22px
    }

    .ld-fz24 {
        font-size: 24px
    }

    .ld-fz26 {
        font-size: 26px
    }

    .ld-fz30 {
        font-size: 30px
    }
}

.alert {
    border: solid 1px #ffc857;
    background: rgba(255, 200, 87, 0.1);
    padding: 20px
}

.alert-info {
    color: #3e627b;
    background: rgba(62, 98, 123, 0.12);
    border-color: #3e627b
}

.alert-success {
    color: #9bc53d;
    background: rgba(155, 197, 61, 0.1);
    border-color: #9bc53d
}

.alert-error {
    color: #df5151;
    background: rgba(223, 81, 81, 0.1);
    border-color: #df5151
}

.alert-search {
    position: relative;
    margin-top: -60px
}

.alert p:first-child {
    margin-top: 0
}

.alert p:last-child {
    margin-bottom: 0
}

.alert font.errortext, .alert font {
    color: inherit !important
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clr {
    clear: both;
    height: 0;
    overflow: hidden
}

.fleft, .fll, .fl-l {
    float: left
}

.fright, .flr, .fl-r {
    float: right
}

img[align="right"] {
    padding: 0 0 20px 20px
}

img[align="left"] {
    padding: 0 20px 20px 0
}

img.ta-center, img[align="center"] {
    display: block;
    margin: 0 auto
}

.c-primary {
    color: #3e627b
}

.c-error {
    color: #df5151
}

.cursor-def {
    cursor: default
}

.cur-p {
    cursor: pointer
}

.header__middle-box {
    margin-top: 6px;
    margin-bottom: 24px
}

.header__cart-box {
    margin-top: 10px
}

.header__bottom-links a {
    margin-right: 17px
}

section[data-layout] .swiper-container {
    margin: 0;
    height: inherit;
    padding-bottom: 30px;
    flex: inherit !important;
    width: 65.5%
}

.breadcrumb {
    background: none;
    margin-bottom: 0px
}

.breadcrumb ul {
    margin-top: 0px
}

nav ul {
    margin: 14px 0
}

.input-required, .input[required] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpi/P//PwM1ARMDlcGogaMGkgEYdysrEK3Y5c59klzoC8T7gPgzFIPYPuR6uQWINwGxIxDzQDGIvRkqR5KBIFdU41FTDXU90QYWEaGukBQDTYhQZ0LtZMNIioFniFB3mhQD+4lQ10+KgaCk0YpHTStUDUlhWAPE/kC8H4i/QjGI7QeVIxoABBgA0UkaIFtFpqkAAAAASUVORK5CYII=');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.specials-tiles__box {
    text-align: center;
    border: none;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.specials-tiles__box img {
    max-width: 410px
}

.specials-tiles__box:nth-child(3n+1) {
    border: none;
    margin-left: 0
}

.specials-tiles__box:nth-child(3n) {
    border: none;
    margin-right: 0
}

.special__figure {
    margin: 0
}

@media (max-width: 1380px) {
    .product-sort__heading {
        margin-right: 0;
        width: 47%
    }
}

.styler-psevdo {
    margin-left: 0%;
    background: #e1e0e0;
    border: 1px solid #e1e0e0;
    padding: 5px 6px 6px;
    width: 125px;
    font-size: 12px;
    cursor: pointer;
    outline: none
}

.styler-psevdo:active {
    border-color: #bebebe;
    outline: none
}

.styler-psevdo:hover {
    border-color: #bebebe;
    outline: none
}

.styler-psevdo > option {
    background: #fff
}

.success-forgot {
    max-width: 500px
}

.radio-inline, .checkbox-inline {
    padding-left: 0
}

.bx-soa .bx-soa-custom-label label.bx-soa-custom-label.order-label, .bx-soa .form-group label.bx-soa-custom-label.order-label {
    font-weight: 700;
    color: #515050;
    display: block;
    margin-bottom: 6px;
    margin-top: 10px
}

.bx_soa_location .bx-soa-custom-label + br {
    display: none
}

.form-group.bx-soa-location-input-container {
    margin-top: 20px
}

.bx-soa-pp-company-graf-container {
    position: relative
}

.bx-soa-pp-company-graf-container .custom-checkbox {
    position: absolute;
    top: 6px;
    left: 6px;
    margin: 0;
    z-index: 10
}

.bx-soa-section-content .bx-soa-more {
    border-top: 0
}

.bx-soa-section-content .bx-soa-item-td {
    border-top: 1px solid #c1c1c1
}

.item-price-old {
    display: inline-block;
    padding-right: 50px
}

.bx-soa-pp-company-graf-container.order-process-block {
    width: 150px;
    height: 90px;
    border: 2px solid rgba(62, 98, 123, 0.1)
}

.order-process-block {
    position: relative
}

.order-process-block:hover {
    border-color: #3e627b
}

.order-process-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.delivery-process-description {
    width: 100%
}

.conditions-link {
    margin-top: 10px;
    color: #3e627b;
    cursor: pointer;
    display: inline-block
}

.conditions-link:hover {
    text-decoration: underline
}

.conditions-block {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 700px;
    margin: 40px auto;
    position: relative
}

.conditions-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: .5em
}

.wrapper-date-input-group {
    display: block;
    padding-top: 10px
}

.wrapper-date-input-group .bx-soa-customer-input {
    float: left;
    max-width: 250px;
    margin-right: 10px;
    margin-top: 0
}

.wrapper-date-input-group .input-group-addon {
    margin-top: 14px;
    position: relative;
    margin: 0 !important;
    padding: 0;
    border: 1px solid #3e627b;
    border-radius: 0;
    float: left;
    display: block;
    width: 34px;
    height: 34px
}

.wrapper-date-input-group .input-group-addon:last-child {
    border-left: 1px solid inherit
}

.wrapper-date-input-group .input-group-addon .bx-calendar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.wrapper-date-input-group:after, .wrapper-date-input-group:before {
    content: "";
    display: table;
    clear: both
}

.bx-soa-pp-company-logo .bx-soa-pp-company-graf-container.order-process-block:hover {
    border-color: rgba(62, 98, 123, 0.1)
}

.input-quantity {
    display: inline-block;
    padding: 0;
    border: 0;
    width: auto
}

.error-message .errortext {
    color: #515050;
    display: inline-block
}

#signup_inline.modal-form__box, .form_inline.modal-form__box {
    box-shadow: none;
    width: auto;
    top: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

#signup_inline .input, .form_inline .input {
    width: 304px
}

.cnt_item-video {
    background-size: none;
    background-position: 50% 50%
}

@media (min-width: 1024px) {
    .table-styled {
        width: 100%
    }
}

@media (min-width: 1265px) {
    .specials-tiles__box {
        margin-bottom: 15px
    }
}

@media (max-width: 1330px) and (min-width: 1221px) {
    .specials-tiles__box {
        width: 50%;
        margin-bottom: 40px
    }
}

@media (max-width: 1220px) {
    .catalog-section__parent-section {
        margin-right: 10px
    }

    .catalog-section__element:nth-child(3n) {
        margin-right: 0
    }

    .header__search-box .input {
        -ms-flex: 11 0 0 !important;
        flex: 11 0 0 !important
    }

    .product-specifications__large {
        max-width: 460px
    }

    .product-specifications__item--quantity-ratio .input {
        margin: 0 13px;
        width: 54px
    }

    .product-gallery__thumbnail:nth-child(6n) {
        margin: 0 0 20px 0
    }

    .specials-tiles__box {
        height: 270px;
        width: 50%;
        position: relative;
        margin-bottom: 40px
    }

    .specials-tiles__box:nth-child(3n) {
        border-right: 10px solid #fff
    }

    .specials-tiles__box:nth-child(3n + 1) {
        border-left: 10px solid #fff
    }

    .specials-tiles__box:nth-child(2n) {
        border-right: none
    }

    .specials-tiles__box:nth-child(2n + 1) {
        border-left: none
    }

    .cart-total__content {
        left: 30%
    }

    .product-sort__heading {
        margin-right: 0;
        width: 35%
    }

    .product-sort__control-view {
        min-width: 50px
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .jq-file input.styler {
        width: 160px !important;
        opacity: 0;
        height: 30px !important;
        z-index: 1000
    }
}

@supports (-ms-accelerator:true) {
    .jq-file input.styler {
        width: 160px !important;
        opacity: 0;
        height: 30px !important;
        z-index: 1000
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .jq-file input.styler {
        width: 160px !important;
        opacity: 0;
        height: 30px !important;
        z-index: 1000
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1240px) {
    .cart-table__product {
        max-width: 300px
    }
}

.phone-registration-form input[type="text"].error-input-text-value {
    border: 1px solid #df5151
}

.phone-registration-form span.error-input-text-value-info {
    color: #df5151;
    display: block;
    margin-top: -35px;
    margin-bottom: 10px
}

.phone-registration-form.user-profile-form span.error-input-text-value-info {
    margin-top: -5px;
    margin-bottom: -20px
}

/*# sourceMappingURL=/local/codenails/css/template_styles.map */
/* End */


/* Start:/local/templates/.default/css/custom.css?173710594811045*/
.blog-list {
    display: flex;
    flex-wrap: wrap;
    --flex-gap: 10px;
    gap: var(--flex-gap);
}
.blog-item {
    border: 1px solid #DBDFE3;
    border-radius: 6px;
    --flex-items: 3;
    width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}
@media (max-width: 1100px) {
    .blog-item {
        --flex-items: 2;
    }
}
@media (max-width: 520px) {
    .blog-item {
        --flex-items: 1;
    }
}
.blog-item img {
    height: 350px;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}
.blog-date-time {
    margin: 5px 0;
}
.blog-item:hover {
    transition: box-shadow 0.3s;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.6);
}
.blog-article-text {
    padding: 20px;
}
.section.blog-items {
    background: rgba(62, 98, 123, 0.12);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.article-pic {
    display: block;
    top: 0;
    left: 0;
    z-index: 2;
}
.article-pic img {
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.blog-icon__items {
    display: flex;
    margin: 10px;
    justify-content: space-around;
    text-align: center;
}

.base-top-tags {
    margin: 44px 0;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: scroll;
}
.base-top-tags-item {
    text-decoration: none !important;
    padding: 5px 15px;
    border-radius: 6px;
    border: 1px solid #63717B;
    font-size: 18px;
    color: #63717B !important;
    min-width: 110px;
}
.base-top-tags-item.active{
    background-color: #3E627B;
    color: #ffffff !important;
}
.new .base-top-tags-item .img {
    display: none;
}
@media (max-width: 768px) {
    .base-top-tags-item {
        text-decoration: none !important;
        padding: 5px 10px;
        border-radius: 6px;
        border: 1px solid #63717B;
        font-size: 14px;
        color: #63717B !important;
        line-height: 16px;
    }
    .about-block {
        margin-bottom: unset;
    }
}
@media (max-width: 499px) {
    .blog-item img {
        height: 170px;
    }
    .base-top-tags {
        flex-wrap: nowrap;
    }
    .object-title {
        margin-bottom: 10px !important;
    }
    .base-top-tags.new {
        gap: 0px;
        overflow: scroll;
        margin: 10px;
    }
    .new .base-top-tags-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 6px 10px;
        flex: 0 0 33%;
        box-sizing: border-box;
        margin: 0 0 10px;
        width: 33%;
        min-width: unset;
        border: unset;

    }
    .new .base-top-tags-item.active{
        background-color: unset;
        color: unset !important;
        font-weight: bolder;
    }
    .new .base-top-tags-item .img {
        display: block;
        border: 1px solid #DBDFE3;
        border-radius: 5px;
        overflow: auto;
        margin-bottom: 10px;
        transition: box-shadow 0.3s;
    }
    .new .base-top-tags-item.active .img {
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }
    .new .base-top-tags-item .img img {
        padding: 2px;
    }
    .new .base-top-tags-item .name {
        text-align: center;
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    stroke: inherit;
}

.compare-wrp {
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    overflow-x: auto
}

.compare {
    width: 100%;
    border-collapse: collapse
}

.compare th {
    text-align: left;
    padding: 8px 20px
}

.compare td {
    padding: 8px 20px;
    color: #1C1C1C;
    font-weight: 400;
    border-left: 1px solid #e1e1e1
}

.compare td:first-child {
    border-left: none
}

.compare td.characteristic__ttl {
    color: #585757;
    font-weight: 400
}

.compare__ttl td {
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 24px;
    color: #02224C
}

.catalog_compare__prod {
    display: block;
    min-width: 200px;
    position: relative
}

.catalog_compare__prod .catalog__img {
    margin-top: 0
}

.catalog__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 18px;
}

.catalog__cur-prices {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #02224C;
}

.catalog_compare__prod .catalog__prices {
    margin-bottom: 0
}

.compare__prod-del {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    z-index: 2;
    cursor: pointer
}

.compare__prod-del .icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    fill: #000
}

.compare__prod-del:hover .icon {
    fill: #F23030
}

.characteristic:hover td {
    background-color: #3e627b;
    color: #fff
}

.catalog_compare__prod {
    display: block;
    max-width: 220px;
    position: relative;
}

.catalog__img {
    display: block;
    position: relative;
    text-align: center;
    height: 220px;
    margin-top: 40px;
}

.catalog__img img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 230px;
    max-height: 200px;
}

.catalog__v-code, .catalog__price-ttl {
    font-size: 12px;
    line-height: 18px;
    color: #969696;
}

.catalog__name {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 20px;
    color: #02224C;
}

.comparison__text--select {
    display: none;
}

.comparison_active .comparison__text--select {
    display: inline;
}

.comparison_active .comparison__text--unselect {
    display: none;
}

.fav-compare {
    position: fixed;
    right: -50px;
    top: 30%;
    width: 50px;
    z-index: 20;
    transition: right .3s ease;
    height: 50px;
    display: block;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    background-color: #3e627b;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.js-deffered-products-block--visible {
    right: 0;
}

.fav-compare .icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    fill: #fff;
    width: 20px;
    height: 13px;
}

.compare-lnk .icon {
    width: 20px;
    height: 13px;
}

.fav-compare__q {
    position: absolute;
    right: 2px;
    top: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #F23030;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    z-index: 1;
}

.compare-lnk__container--long {
    display: none;
}

.compare-lnk {
    position: relative;
    height: 50px;
    display: block;
}

a.comparison {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    text-decoration: none !important;
    color: #3e627b;
}

a.comparison span {
    border-bottom: 1px dotted #3e627b;
}

a.comparison .icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 13px;
    fill: #3e627b
}

a.comparison:hover span {
    text-decoration: none;
    border-bottom: none;
}

a.comparison:active span, a.comparison_active span {
    text-decoration: none;
    border-bottom: none;
    color: #df5151;
}

a.comparison:active .icon, a.comparison_active .icon {
    fill: #df5151;
}

.product-tiles__rows[data-layout*=row][data-layout*=top-] {
    align-items: normal;
}

.btn-under-order-wrp {
    display: block;
}

.product-tiles__tile .btn.btn-under-order {
    position: relative;
    left: 0;
    transform: none;
    bottom: 0 !important;
}

.btn-primary.btn-red {
    margin-left: 0 !important;
}

.btn.visible-add, .bx_cart.qorder {
    margin-right: 15px !important;
}

@media only screen and (min-width: 992px) {
    .fav-compare__q {
        right: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .fav-compare {
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0;
        left: 0;
        top: auto;
        bottom: -50px;
        margin: auto;
        width: auto;
        transition: bottom .3s ease;
        border-left: none;
        border-bottom: none;
        border-radius: 0;
        text-align: center;
    }

    .js-deffered-products-block--visible {
        bottom: 0;
    }

    .compare-lnk {
        display: block
    }

    .compare-lnk__container--long {
        display: block;
        color: #fff !important;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    .compare-lnk__container--long:hover .compare-lnk__text {
        border-bottom: none;
    }

    .compare-lnk__container--short {
        display: none;
    }

    .compare-lnk__text {

        font-weight: 700;
        border-bottom: 1px dotted #fff;
    }

    .fav-compare .icon {
        position: relative !important;
    }
}

@media only screen and (min-width: 1600px) {
    .compare-wrp {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 1024px) {
    .product-tiles__tile {
        width: 33.33%;
    }
}

.tile-new {
    height: 25px;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    padding-left: 7px;
    width: 60px;
    position: absolute;
    top: 30px !important;
    text-align: center;
    background-color: #a9d53e;
}

.tile-new:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: -14px;
    z-index: 5;
    border-top: 25px solid #a9d53e;
    border-right: 14px solid transparent;
}

ul.col2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.col2 li {
    display: block;
    float: left;
    width: 49%;
}

.footer__menu {
    max-width: 30%;
    margin: 0;
}

.footer__menu__second {
    margin: 0 20px !important;
}

.footer__contacts {
    width: 40%;
    margin-left: 0 !important;
}

.content-box.header__bottom-box {
    flex-wrap: nowrap;
    overflow: hidden;
}

.header__bottom-links {
    display: inline-flex;
    padding-left: 18px;
}

.header__bottom-links a:before {
    left: -18px;
}

.footer__content {
    justify-content: space-between !important;
}

@media (max-width: 1220px) {
    header::after {
        content: unset;
    }
    .header__bottom-links a:before {
        content: unset;
    }
    .header__bottom-links a:after {
        content: unset;
    }
    .header__bottom-links a {
        padding: 14px;
        height: auto;
        line-height: normal;
        align-self: center;
    }
    .header__bottom-links {
        padding-left: unset;
    }
    .header__catalog-menu-trigger::after {
        content: unset;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/basket.line/style.css?16977089316130*/
.bx-basket {}
.bx-basket-block {
	font-size: 12px;
	padding-bottom: 5px;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.bx-basket-block>.fa {
	color: #97a1ab;
	width: 12px;
	position: absolute;
	left: 0;
	top: 3px;
}
.bx-basket-block a {
	color: #039BE5;
	border-bottom: 1px dashed;
	margin-right: 10px;
}
.bx-basket-block a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed{
		width: 200px;
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
	}
	.bx-basket-fixed.top	  {top:10px}
	.bx-basket-fixed.right  {right:10px}
	.bx-basket-fixed.bottom{bottom:10px}
	.bx-basket-fixed.left	 {left:10px}
	.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
	.bx-basket-fixed{
		/*width: 200px;*/
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bx-basket-item-list{
		display: none;
	}
	/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
	margin-left: 10px;
}
.bx-basket-item-list{
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #F7F7F7;
	overflow: hidden;
}
.bx-opener .bx-basket-item-list{
	padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.bx-closed .bx-basket-item-list{
	height: 20px;
	overflow: hidden;
}
.bx-basket-item-list-action{
	cursor: pointer;
	background: #F7F7F7;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 120;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #4f4f4f;
	padding: 3px 0;
}
.bx-basket-item-list-button-container{
	text-align: center;
	position: absolute;
	bottom: 20px;
	border-top: 1px solid #F7F7F7;
	padding: 10px 0;
	background: #fff;
	left: 0;
	right: 0;
}

.bx-basket-item-list-button-container a.btn
{
	color: #dddddd;
	text-decoration: none;
}

.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
	color: #ffffff;
}

.bx-basket-item-list-container{
	overflow-y: auto;
	max-height: 100%
}
.bx-basket-item-list-item{
	padding-top: 15px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.bx-basket-item-list-item-status{
	font-weight: bold;
	padding: 3px;
	background: #EBEBEB;
	margin: 0 10px 20px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
	white-space: normal;
}
.bx-basket-item-list-item-img{
	text-align: center;
	position: relative;
	padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
	max-width: 90px;
	height: auto;
	border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name
{
	padding-bottom: 5px;
}
.bx-basket-item-list-item-name a
{
	font-size: 13px;
	color: #3F3F3F;
	text-decoration: none;
	white-space: normal;
	line-height: 16px;
}
.bx-basket-item-list-item-remove{
	position: absolute;
	right: 10px;
	top: -7px;
	width: 20px;
	height:20px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
	opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
	opacity: .7;
}
.bx-basket-item-list-item-price-block{
	padding-bottom: 5px;
	font-size: 12px;
}
.bx-basket-item-list-item-price{
	display: inline-block;
	margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
	display: inline-block;
	margin-right: 5px;
	text-decoration: line-through;
	color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}

.bx_cart_login_top .bx-hdr-profile a {
	text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
	line-height: 1.44em;
}

.bx-basket.bx-opener {position:relative;}
.bx-basket-item-list {display:none; position:absolute; right:0; top:auto;
	width:300px; background:#fff; border:2px solid #204d74; overflow:unset; z-index:30; margin-top:5px;
}
.bx-opener .bx-basket-item-list {padding-bottom:50px;}

.bx-basket-item-list:before {position:absolute; right:20px; top:-10px; transform:rotate(-45deg); width:0px; height:0px; background:#204d74; content:""; border:10px solid #204d74; border-left:10px solid #fff; border-bottom:10px solid #fff; z-index:1;}
.bx-basket-item-list:after {position:absolute; right:20px; top:-7px; transform:rotate(-45deg); width:0px; height:0px; background:#fff; content:""; border:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff; z-index:2;}
.bx-basket-item-list-container {position:relative; z-index:3; background:#fff;}

.bx-basket-item-list-container .bx-basket-item-list-item {margin-bottom:0px;padding-bottom:5px;}

.bx-basket-item-list-item-remove {float:right; position:static; top:auto; right:auto; font-size:20px; color:#fff; background:#df5151; border-radius:20px; line-height:20px; text-align:center; opacity:1; font-weight:bold; margin-top:10px; margin-left:5px;}
.bx-basket-item-list-item-img {float:left; margin-right:7px; min-width:72px; min-height:72px; text-align:center;}

.bx-basket-item-list-item-price-block {line-height:1; margin-top:5px;}

.bx-basket-item-list-button-container {padding:0; bottom:0;}
.bx-basket-item-list-button-container .btn.btn-primary {text-align:center; margin:0 10px 10px 10px;}

/*.bx-basket.bx-opener a.btn.btn-additional:active,*/
.bx-basket.bx-opener a.btn.btn-additional:focus {background:#f5b316; color:#3e3d3d;}
/*.bx-basket.bx-opener a.btn.btn-additional:focus i.icon.icon-cart {background-position: -78px -111px;}*/
.bx-basket.bx-opener a.btn.btn-additional:focus i.icon.icon-cart {background-position: -106px -85px;}
/* End */


/* Start:/local/templates/.default/components/bitrix/search.title/search/style.css?169770893133*/
.search_img {
	max-width: 75px;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/basket.mobile/style.css?16977089316130*/
.bx-basket {}
.bx-basket-block {
	font-size: 12px;
	padding-bottom: 5px;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.bx-basket-block>.fa {
	color: #97a1ab;
	width: 12px;
	position: absolute;
	left: 0;
	top: 3px;
}
.bx-basket-block a {
	color: #039BE5;
	border-bottom: 1px dashed;
	margin-right: 10px;
}
.bx-basket-block a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed{
		width: 200px;
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
	}
	.bx-basket-fixed.top	  {top:10px}
	.bx-basket-fixed.right  {right:10px}
	.bx-basket-fixed.bottom{bottom:10px}
	.bx-basket-fixed.left	 {left:10px}
	.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
	.bx-basket-fixed{
		/*width: 200px;*/
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bx-basket-item-list{
		display: none;
	}
	/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
	margin-left: 10px;
}
.bx-basket-item-list{
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #F7F7F7;
	overflow: hidden;
}
.bx-opener .bx-basket-item-list{
	padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.bx-closed .bx-basket-item-list{
	height: 20px;
	overflow: hidden;
}
.bx-basket-item-list-action{
	cursor: pointer;
	background: #F7F7F7;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 120;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #4f4f4f;
	padding: 3px 0;
}
.bx-basket-item-list-button-container{
	text-align: center;
	position: absolute;
	bottom: 20px;
	border-top: 1px solid #F7F7F7;
	padding: 10px 0;
	background: #fff;
	left: 0;
	right: 0;
}

.bx-basket-item-list-button-container a.btn
{
	color: #dddddd;
	text-decoration: none;
}

.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
	color: #ffffff;
}

.bx-basket-item-list-container{
	overflow-y: auto;
	max-height: 100%
}
.bx-basket-item-list-item{
	padding-top: 15px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.bx-basket-item-list-item-status{
	font-weight: bold;
	padding: 3px;
	background: #EBEBEB;
	margin: 0 10px 20px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
	white-space: normal;
}
.bx-basket-item-list-item-img{
	text-align: center;
	position: relative;
	padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
	max-width: 90px;
	height: auto;
	border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name
{
	padding-bottom: 5px;
}
.bx-basket-item-list-item-name a
{
	font-size: 13px;
	color: #3F3F3F;
	text-decoration: none;
	white-space: normal;
	line-height: 16px;
}
.bx-basket-item-list-item-remove{
	position: absolute;
	right: 10px;
	top: -7px;
	width: 20px;
	height:20px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
	opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
	opacity: .7;
}
.bx-basket-item-list-item-price-block{
	padding-bottom: 5px;
	font-size: 12px;
}
.bx-basket-item-list-item-price{
	display: inline-block;
	margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
	display: inline-block;
	margin-right: 5px;
	text-decoration: line-through;
	color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}

.bx_cart_login_top .bx-hdr-profile a {
	text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
	line-height: 1.44em;
}

.bx-basket.bx-opener {position:relative;}
.bx-basket-item-list {display:none; position:absolute; right:0; top:auto;
	width:300px; background:#fff; border:2px solid #204d74; overflow:unset; z-index:30; margin-top:5px;
}
.bx-opener .bx-basket-item-list {padding-bottom:50px;}

.bx-basket-item-list:before {position:absolute; right:20px; top:-10px; transform:rotate(-45deg); width:0px; height:0px; background:#204d74; content:""; border:10px solid #204d74; border-left:10px solid #fff; border-bottom:10px solid #fff; z-index:1;}
.bx-basket-item-list:after {position:absolute; right:20px; top:-7px; transform:rotate(-45deg); width:0px; height:0px; background:#fff; content:""; border:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff; z-index:2;}
.bx-basket-item-list-container {position:relative; z-index:3; background:#fff;}

.bx-basket-item-list-container .bx-basket-item-list-item {margin-bottom:0px;padding-bottom:5px;}

.bx-basket-item-list-item-remove {float:right; position:static; top:auto; right:auto; font-size:20px; color:#fff; background:#df5151; border-radius:20px; line-height:20px; text-align:center; opacity:1; font-weight:bold; margin-top:10px; margin-left:5px;}
.bx-basket-item-list-item-img {float:left; margin-right:7px; min-width:72px; min-height:72px; text-align:center;}

.bx-basket-item-list-item-price-block {line-height:1; margin-top:5px;}

.bx-basket-item-list-button-container {padding:0; bottom:0;}
.bx-basket-item-list-button-container .btn.btn-primary {text-align:center; margin:0 10px 10px 10px;}

/*.bx-basket.bx-opener a.btn.btn-additional:active,*/
.bx-basket.bx-opener a.btn.btn-additional:focus {background:#f5b316; color:#3e3d3d;}
/*.bx-basket.bx-opener a.btn.btn-additional:focus i.icon.icon-cart {background-position: -78px -111px;}*/
.bx-basket.bx-opener a.btn.btn-additional:focus i.icon.icon-cart {background-position: -106px -85px;}
/* End */


/* Start:/local/templates/main_template/components/codenails/catalog.section.list/catalog_aside/style.css?16977089317305*/
/* line */
.bx_catalog_line{margin-bottom: 30px;}
.bx_catalog_line .bx_catalog_line_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_line .bx_catalog_line_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_line .bx_catalog_line_ul{padding: 0;}
.bx_catalog_line .bx_catalog_line_ul li{
	margin-bottom: 20px;
	list-style: none;
}
.bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important}

.bx_catalog_line .bx_catalog_line_img{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 40px;
	width: 125px;
	height: 125px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}

.bx_catalog_line .bx_catalog_line_title{
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 18px;
}
.bx_catalog_line .bx_catalog_line_title a{
	color: #4c7da6;
	font-size: 18px;
}
.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;}
.bx_catalog_line .bx_catalog_line_title span{font-size: 16px}
.bx_catalog_line .bx_catalog_line_description{
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
}


@media (max-width:639px) {
	.bx-touch .bx_catalog_line .bx_catalog_line_img{
		margin-right: 10px;
		width: 50px;
		height: 50px;
	}

	.bx-touch .bx_catalog_line .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;}
	.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;}
}



.bx_catalog_line .bx_catalog_line_img,
.bx_catalog_line .bx_catalog_line_title,
.bx_catalog_line .bx_catalog_line_title a,
.bx_catalog_line .bx_catalog_line_description{
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	 		transition: all 0.3s ease;
}

/* text */
.bx_catalog_text{margin-bottom: 30px;}
.bx_catalog_text .bx_catalog_text_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_text .bx_catalog_text_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_text .bx_catalog_text_ul{padding: 0;}
.bx_catalog_text .bx_catalog_text_ul li{
	float: left;
	margin: 0 10px 10px;
	list-style: none;
}
.bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important}
.bx_catalog_text .bx_catalog_text_title{
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_text .bx_catalog_text_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 14px;
}
.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none}
.bx_catalog_text .bx_catalog_text_title span{font-size: 12px;}

@media (max-width:639px) {
	.bx-touch .bx_catalog_text .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_catalog_text .bx_catalog_line_title,
	.bx_catalog_text .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* tile */

.bx_catalog_tile{margin-bottom: 30px;}
.bx_catalog_tile .bx_catalog_tile_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_tile .bx_catalog_tile_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul{padding: 0;}
.bx_catalog_tile .bx_catalog_tile_ul li{
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	width:12.5%;
	list-style: none;
	text-align: center;
}
.bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important}
.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;}

.bx_catalog_tile .bx_catalog_tile_img{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 78px;
	height: 78px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-color: #fff;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}
.bx_catalog_tile .bx_catalog_tile_title{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a{
	color: #4c7da6;
	font-size: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;}
.bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;}




/*2*/
@media (max-width:980px){
	.bx_catalog_tile .bx_catalog_tile_ul li{width:20%;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;}
}
/*3*/
@media (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;}
}
@media (min-width:480px) and (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;}
}
/*4*/
@media (max-width:479px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_img{
		width: 100%;
		height: 80px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;}

}


	.bx_catalog_tile .bx_catalog_tile_title,
	.bx_catalog_tile .bx_catalog_tile_title a,
	.bx_catalog_tile .bx_catalog_tile_ul li,
	.bx_catalog_tile .bx_catalog_tile_img{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* list */

.bx_sitemap{margin-bottom: 30px;}
.bx_sitemap .bx_sitemap_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_sitemap .bx_sitemap_title a{
	color: #000;
	text-decoration: none;
}

.bx_sitemap .bx_sitemap_ul li{
	padding: 0;
	line-height: 14px;
}
.bx_sitemap .bx_sitemap_ul li:before {content: '' !important}
.bx_sitemap .bx_sitemap_li_title{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 10px;
}
.bx_sitemap .bx_sitemap_li_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 13px;
}
.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none}
.bx_sitemap .bx_sitemap_li_title span{font-size: 11px;}

@media (max-width:639px) {
	.bx-touch .bx_sitemap .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_sitemap .bx_catalog_line_title,
	.bx_sitemap .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
/* End */


/* Start:/local/templates/.default/components/codenails/cn.custom.form/qorder_cart/style.css?169770893174*/
.cn-modal-success {background:transparent; color:#3e3d3d; padding-left:0;}
/* End */


/* Start:/local/templates/.default/components/codenails/cn.custom.form/onorder_cart/style.css?169770893174*/
.cn-modal-success {background:transparent; color:#3e3d3d; padding-left:0;}
/* End */


/* Start:/local/templates/.default/components/codenails/cn.custom.form/subsystem_ticket/style.css?168051942374*/
.cn-modal-success {background:transparent; color:#3e3d3d; padding-left:0;}
/* End */


/* Start:/local/templates/main_template/styles.css?173737642059311*/
/* оформление таблиц */
.table-styled {
    font-size: 14px;
    /*width: 660px;*/
    background: white;
    text-align: left;
    border-collapse: collapse;
    color: #3E4347;
}

.table-styled p {
    margin: 0;
    padding: 0;
}

.table-styled .table-styled-first-th,
.table-styled td:first-child {
    color: #F5F6F6;
    border-left: none;
    max-width: 300px;
    text-align: left;
}

.table-styled .table-styled-first-th {
    vertical-align: bottom;
    padding: 12px 20px 0px 20px;
}

.table-styled .table-styled-first-th p {
    padding-bottom: 17px;
    position: relative;
    margin: 0 -20px;
}

.table-styled .table-styled-second-top-th {
    border-bottom: 0;
}

.table-styled .table-styled-second-top-th p {
    border-bottom: 0 none;
}

.table-styled th {
    font-weight: normal;
    /*border-bottom: 2px solid #f5b316;*/
    border-right: 20px solid white;
    border-left: 20px solid white;
    /*padding: 8px 10px;*/
    /*padding: 5px 0;*/
    padding: 0;
}

.table-styled th p {
    border-bottom: 2px solid #f5b316;
    padding: 5px 0;
}

.table-styled td {
    border-right: 20px solid white;
    border-left: 20px solid white;
    padding: 12px 10px;
    color: #8b8e91;
    text-align: center;
}

.table-styled colgroup col {
    background: #3e627b;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.popup-window {}

.popup-window .popup-window-titlebar {
    font-family: 'PT Sans', sans-serif;
    padding: 11px 12px 7px 12px;
    font-size: 20px;
    font-weight: bold;
    color: #3e627b;
}

/* .popup-window .popup-window-content-row,
.popup-window .popup-window-content,
.popup-window .popup-window-buttons {display:none;} */

.btn.visible-add,
.bx_cart.qorder {
    width: 190px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-right: 5px;
}

.btn.visible-add.disabled:hover,
.btn.visible-add[disabled]:hover,
.btn.visible-add.disabled:focus,
.btn.visible-add[disabled]:focus,
.btn.visible-add.disabled.focus,
.btn.visible-add.focus[disabled],
.btn.visible-add.disabled,
.btn.visible-add[disabled] {
    background-color: #df5151;
    /* opacity:.65;*/
    opacity: 1;
}

.btn-additional.btn-red {
    background: #df5151;
    min-width: 229px;
}

.btn-primary.btn-red {
    background: #df5151;
    margin-left: 10px;
}

.btn.btn-outline+.btn-primary.btn-red {
    background: #df5151;
    margin-left: 0;
    margin-top: 5px;
}

.btn-primary.btn-red:hover {
    background: #f5b316;
}

.icon-clock-white-big {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABaElEQVQ4y5WVwUrDQBCGJwmkj2JLH0MFb0ZNRGgfQG1B+hgt3vTYs3jwMTx60haRHlrQNxDUBsrnoRMYlm2zXcgh/z/z7+zM7KyIZwEpcA48AHNgCXwD74oVQCohCzgBZtSvGXC6TSgBhsZhCgyAlsFaik0NNgQSn2Al9gNcWaPK09m8r6kAGLpiuRJL4CAoN2u/QyOa2wJ8KtgPFTOiPfX9AlIBOgpMvLnwHNmT+4madGMRyZQbR1G02jVC9RnrbybAoqrglmNtjFD5pposIuBPRBpmx8gnWMfpKmMRKXcowDNwXGf0oeE2A8RK4BfIHK5dHTkWkVfFj2oCvBWRlYjMReTC4arefbFt87apbUwkGfDoYIn6AnTdxu6F5tMIXpvGblRgYa7e/g5i9uoVLjkyw+ESiA3nDofYGQ4j324JcOeMrxtgz2Btxez4ut+ae+CM8AGbh+Ym1eo/sX4CSv3minXY8AT8A3S4igZokCmwAAAAAElFTkSuQmCC);
}

.btn-additional.btn-red:focus {
    background: #df5151;
}

.preloader {
    color: transparent;
    position: relative;
}

.preloader i {
    opacity: 0;
}

.preloader:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    content: "";
    background-image: url(/local/codenails/images/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

div[class^='modal-root--'],
.popup-window.ui-message-box {
    z-index: 1100 !important;
}

button.TINKOFF_BTN_YELLOW {
    border-radius: 0;
    padding: 0 20px;
    min-height: auto;
}

.mfp-content button.TINKOFF_BTN_YELLOW {
    margin-top: 5px;
}

form#basket_form button.TINKOFF_BTN_YELLOW {
    min-width: 229px;
}

.h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 44px;
    text-transform: uppercase;
}

.status-wrp {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    display: block;
    z-index: 1;
    text-align: center;
}

.status {
    display: block;
    width: 100%;
    padding: 3px 10px;
    margin-bottom: 2px;
}

.status_1 {
    background-color: #FBC864;
}

.status_2 {
    background-color: #FAB336;
}

.tile-img-box,
.bx_bigimages_imgcontainer {
    position: relative;
}

#bx-soa-delivery {
    display: block !important;
}

.align-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.cbk-window.cbk-background {
    background-color: rgba(240, 240, 240, 0.95) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

header.mobile-box {
    display: none;
}

.catalog__on-main,
.bottom__nav-mobile {
    display: none;
}

.catalog-section__element-title img {
    display: none;
}

.bottom-mobile__menu-wrapper {
    display: none;
}

.btn-menu-show {
    display: none;
}

.catalog-section__element:first-child {
    margin-left: 1%;
}
@media(max-width: 1000px) {
    .catalog-section__element:first-child {
        margin: 0 2% 1% 0;
    }
}
.catalog-section__element {
    width: 31%;
}

.catalog-section__element {
    background: none !important;
}

.catalog-section__element-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.catalog-section__element-title img {
    display: inline-block;
    max-width: 120px;
    margin: 0 0 15px;
    max-height: 110px;
    object-fit: contain;
}

.compare-sm {
    display: none;
}

@media(max-width: 767px) {
    .video-popup iframe {
        max-width: 100% !important;
        height: auto !important;
        min-height: 240px;
    }

    .section-p.breadcrumb {
        padding: 0 15px;
        display: none;
    }

    .mobile-box .section-p.breadcrumb {
        display: inline-block;
        width: 100%;
    }

    .mobile-box .section-p.breadcrumb ul {
        display: flex;
        width: 100%;
        overflow: auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .mobile-box .section-p.breadcrumb li {
        white-space: nowrap;
        color: #222;
        font-weight: 400;
    }

    .mobile-box .section-p.breadcrumb a {
        white-space: nowrap;
        font-weight: 400;
        font-size: 14px;
        text-decoration: none;
        color: #222;
    }

    .mobile-box .section-p.breadcrumb li:after {}

    header>.header__top-box,
    header>.header__middle-box,
    header>.header__bottom-box {
        display: none;
    }

    header>#content-box-search-out {
        display: none;
    }

    header.mobile-box {
        display: inline-block;
        width: 100%;
    }

    .header-mobile__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px !important;
    }

    .mobile-box .header-mobile__bottom {
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-box .header-mobile__bottom .mobile-menu {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 4px;
        background: #3E627B url('/local/templates/main_template/img/menu.svg') center no-repeat;
        display: inline-block;
    }

    .header-mobile__top .logo {}

    .header-mobile__top .logo img {
        width: 154px;
    }

    .header-mobile__tpo-contacts {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header-mobile__tpo-contacts .addr {
        height: 30px;
        margin-right: 10px;
    }

    .header-mobile__tpo-contacts .addr .adress_popover {
        border: none !important;
        padding: 0;
        width: 30px;
        height: 30px;
    }

    .header-mobile__tpo-contacts .addr .current_city {
        width: 30px;
        height: 30px;
        display: inline-block;
        background: url('/local/templates/main_template/img/header/addr.svg') center no-repeat;
        padding: 0;
    }

    .header-mobile__tpo-contacts .contacts {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    .header-mobile__tpo-contacts .contacts p {
        margin: 0;
        padding: 0;
        height: 30px;
    }

    .header-mobile__tpo-contacts .contacts p a {
        font-size: 0;
        display: block;
        width: 30px;
        height: 30px;
        background: url('/local/templates/main_template/img/header/phone.svg') center no-repeat;
    }

    .header-mobile__tpo-contacts .contacts p+p a {
        font-size: 0;
        display: block;
        width: 30px;
        height: 30px;
        background: url('/local/templates/main_template/img/header/mail.svg') center no-repeat;
        margin-left: 10px;
    }

    .header-mobile__tpo-contacts .wup {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('/local/templates/main_template/img/header/wp.svg') center no-repeat;
    }

    .mobile-box__search {
        margin-left: 14px;
    }

    .mobile-box__search form {
        display: flex;
        margin: 0;
    }

    .mobile-box__search input {
        border: none !important;
        background: #f5f5f5 !important;
        font-weight: 400 !important;
        padding: 0 15px;
        box-shadow: none;
        border-radius: 2px;
    }

    .mobile-box__search button {
        width: 60px !important;
        flex: 0 0 60px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f5f5f5;
        padding: 0;
    }

    .mobile-box__search button i {
        background: url('/local/templates/main_template/img/search.svg') center no-repeat !important;
        width: 24px;
        height: 24px;
        display: block;
    }

    footer {
        padding-bottom: 65px !important;
    }

    .bottom__nav-mobile {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 12px 20px;
        background: #fff;
        z-index: 999999999999;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        max-width: 100vw;
    }

    .bottom__nav-mobile a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none !important;
    }

    .bottom__nav-mobile a span {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #63717B;
    }

    .bottom__nav-mobile a img {
        filter: grayscale(0.8);
    }

    .bottom__nav-mobile a.active img {
        filter: none;
    }

    .bottom__nav-mobile a.active span {
        color: #2b7ab1;
    }

    .online-chat-root-Verbox #supportTrigger {
        bottom: 65px !important;
        right: 3px !important;
    }

    .cbk-phone.callbackkiller-mobile {
        bottom: 220px !important;
    }

    .catalog__on-main {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 40px;
    }

    .catalog__on-main .catalog__link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 6px 10px;
        flex: 0 0 25%;
        box-sizing: border-box;
        margin: 0 0 10px;
        width: 25%;
    }

    .catalog__on-main .catalog__link img {
        margin: 0 0 4px;
    }

    .catalog__on-main .catalog__link span {
        font-size: 12px;
        text-align: center;
        display: inline-block;
        width: 100%;
        line-height: 1.5;
        font-weight: 400;
        color: #000;
    }

    .catalog-sections__heading:after {
        content: '';
        display: block;
        position: absolute;
        left: -17px;
        top: 11px;
        width: 50px;
        height: 48px;
        background-color: #ABD7FF;
        z-index: -1;
    }

    body>section>section>h1,
    .content-box>h1 {
        margin: 0 0 20px;
    }

    ul.catalog-sections__subsections li {
        margin: 0 0 16px;
    }

    .catalog-sections__subsections a {
        color: #3e3d3d !important;
        text-decoration: none !important;
        font-weight: 500;
        font-size: 16px;
    }

    .catalog-sections__element {
        padding: 40px 20px 30px !important;
        border: 1px solid #F6F7F9;
        margin: 0 0 10px;
    }

    .catalog-sections__heading {
        font-size: 24px;
        margin-top: 0;
    }

    ul.catalog-sections__subsections {
        margin-bottom: 0;
    }

    .breadcrumb ul {
        margin: 0 0 20px;
    }

    ::-webkit-scrollbar {
        background: transparent;
        height: 5px;
        position: initial;
    }

    ::-webkit-scrollbar-track {
        background: transparent;
        position: initial;
        z-index: -2;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ddd;
    }

    .bottom-mobile__menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 65px;
        z-index: 9999999999;
        background: #fff;
        overflow: auto;
        display: none;
    }

    .bottom-mobile__menu-top {
        box-shadow: 0px -4px 24px rgba(40, 42, 58, 0.08);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99;
    }

    .bottom-mobile__menu-top strong {
        font-size: 16px;
        font-weight: 500;
        color: #223;
        line-height: 1;
        margin: 0;
    }

    .bottom-mobile__menu-top a {
        position: absolute;
        right: 20px;
        top: 50%;
        font-size: 32px;
        transform: translateY(-50%);
        font-weight: 200;
        font-family: serif;
    }

    .bottom-mobile__menu-nav {
        margin: 60px 0 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .bottom-mobile__menu-nav nav {
        width: 100%;
    }

    .bottom-mobile__menu-nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .bottom-mobile__menu-nav ul li {
        padding: 0 20px;
        border-bottom: 1px solid #ddd;
        text-align: left;
        width: 100%;
        margin: 0;
    }

    .bottom-mobile__menu-nav ul li a {
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        display: inline-block;
        padding: 10px 0;
    }

    .header-mobile__menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 65px;
        z-index: 9999999999;
        background: #fff;
        overflow: auto;
        display: none;
    }


    .header-mobile__menu-top {
        box-shadow: 0px -4px 24px rgba(40, 42, 58, 0.08);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99;
    }

    .header-mobile__menu-top strong {
        font-size: 16px;
        font-weight: 500;
        color: #223;
        line-height: 1;
        margin: 0;
    }

    .header-mobile__menu-top a {
        position: absolute;
        right: 20px;
        top: 50%;
        font-size: 32px;
        transform: translateY(-50%);
        font-weight: 200;
        font-family: serif;
    }

    .header-mobile__menu-nav {
        margin: 60px 0 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .header-mobile__menu-nav nav {
        width: 100%;
    }

    .header-mobile__menu-nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .header-mobile__menu-nav ul li {
        padding: 0 20px;
        border-bottom: 1px solid #ddd;
        text-align: left;
        width: 100%;
        margin: 0;
    }

    .header-mobile__menu-nav ul li a {
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        display: inline-block;
        padding: 10px 0;
    }

    .fav-compare {
        display: none;
    }

    .home__clients-list {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-wrap: wrap;
        margin: 0 auto 80px;
    }

    .home__clients-list figure {
        flex: 0 0 calc(50% - 20px);
        width: calc(50% - 20px);
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px;
        opacity: 1;
        padding: 15px;
        border: 1px solid #e0e0e0;
    }

    .home__clients-list figure img {
        max-width: 100%;
        max-height: 100%;
    }

    .cart-table thead {
        display: none;
    }

    .cart-table tr {
        display: flex;
        flex-direction: column;
    }

    .cart-total__box {
        padding-top: 10px !important;
    }

    .cart-total__box.first-box button {
        width: 100%;
        background: #3e627b;
        font-size: 16px;
        font-weight: 500;
    }

    .cart-total__box.first-box .btn {
        width: 100%;
        font-family: haas, pragmatica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    }

    .cart-total__box.first-box .btn i {
        display: none;
    }

    .cart-total__box.first-box .qorder,
    button.TINKOFF_BTN_YELLOW {
        background: #fff;
        border: 1px solid #3e627b;
        color: #3e627b !important;
        font-size: 16px;
        font-weight: 500;
        width: 100%;
    }

    .cart-total__content--left+* {
        min-width: auto !important
    }

    .product-specifications__item--quantity-ratio-divider {
        padding: 0 20px !important;
    }

    .product-specifications__item--controls {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .product-specifications__item--controls .bx_cart {
        margin: 0 0 10px !important;
        width: 100%;
        height: 48px;
        line-height: 48px;
        background: #3e627b;
    }

    .product-specifications__item--controls .btn-red {
        margin: 0 0 10px !important;
        width: 100%;
        height: 48px;
        line-height: 48px;
        background: #2b7ab1;
    }

    .product-specifications__item--controls button {
        margin: 0 0 0px !important;
        width: 100%;
        height: 48px;
        line-height: 48px;
    }

    .item_info_section .comparison.js-product-deffered-button {
        background: #fff;
        border: 1px solid #3e627b;
        color: #3e627b !important;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 10px !important;
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .comparison.js-product-deffered-button .icon {
        position: static !important;
        margin: 0 10px 0 0;
    }

    .cart-table__product {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    figure.cart-table__product--image {
        min-width: 77px;
        width: 77px;
        height: 77px;
        flex: 0 0 77px;
    }

    .cart-table tr {
        position: relative;
    }

    .cart-table__product h3 a,
    .bx-soa-item-title a {
        font-weight: 700;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #333333 !important;
    }

    .cart-table__quantifiers {
        width: 100%;
        padding-left: 100px;
    }

    .product-specifications__item--quantity-ratio .input {
        width: 80px;
    }

    .cart-table__total {
        padding-left: 100px;
    }

    .cart-table__total .fz18 {
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        text-align: right;
        color: #272630;
    }

    .d-b.btn__close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .bx-soa-item-img-block {
        width: 78px !important;
        min-width: 78px !important;
    }

    .bx-soa-item-imgcontainer {
        width: 78px !important;
        height: 78px !important;
    }

    .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
        width: 45%;
        float: left;
    }

    .bx-soa-section.bx-step-completed .bx-soa-section-title-container {
        background: #fef7e7 !important;
    }

    .bx-soa-section.bx-step-completed {
        border: 1px solid #e0e0e0 !important;
    }

    .bx-soa-section.bx-step-completed .bx-soa-section-title-count,
    .bx-soa-section.bx-step-completed .bx-soa-section-title-count {
        color: #F5B316 !important;
        border-color: #F5B316 !important;
    }

    .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after,
    .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after {
        color: #F5B316 !important;
    }

    .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-d {
        color: #000;
    }

    .bx-soa-cart-total .bx-soa-cart-total-line-total {
        padding-top: 25px;
        border-bottom: none;
        display: flex;
        align-items: center;
    }

    .product-filter__box {
        position: fixed !important;
        width: 100% !important;
        top: 0;
        bottom: 65px;
        left: 0;
        right: 0;
        border: none;
        overflow: auto;
        z-index: 999 !important;
    }

    .bx-filter .bx-filter-button-box .btn-middle {
        background: #3e627b !important;
        color: #fff !important;
        height: 54px;
        width: 100%;
    }

    .filter-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 30px;
    }

    .filter-title strong {
        font-size: 24px;
    }

    .filter-title a {
        font-size: 56px;
        font-weight: 500;
        font-family: serif;
    }

    .bx-filter .bx-ui-slider-handle {
        background-color: #3e627b !important;
    }

    .bx-filter.bx-blue .bx-ui-slider-pricebar-v {
        background: #6b92ad !important;
    }

    #filter-button a {
        width: 100%;
        text-align: center;
        height: 52px;
        line-height: 52px;
        padding: 0 !important;
        font-size: 16px;
        font-weight: 600 !important;
        color: #fff;
        background: #3e627b !important;
    }

    .list-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .list-flex i {
        display: flex;
        background: #f1f1f1;
        color: #313131;
        width: 24px;
        height: 24px;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
        line-height: 1;
        font-family: monospace;
        font-size: 14px;
        cursor: pointer;
    }

    .list-flex i:hover {
        background: #3e627b;
        color: #fff;
    }

    .list-flex+ul {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 999;
        overflow: unset !important;
    }

    .bottom-mobile__menu-nav .list-close {
        border: none;
    }

    .bottom-mobile__menu-nav .list-close a {
        display: flex;
        background: #f1f1f1;
        color: #313131;
        width: 28px;
        height: 28px;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
        line-height: 1;
        font-family: monospace;
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        top: -49px;
        font-weight: 300;
        text-decoration: none !important;
    }

    .catalog-section__parent-section {
        background: none !important;
        display: none !important;
    }

    .catalog-section__element:after {
        display: none !important;
    }

    .catalog-section__element:hover:after {}

    .catalog-section__element {
        border: none !important;
        outline: none !important;
        width: 48% !important;
        float: left;
        margin: 0 1% 10px !important;
        min-height: 205px !important;
        padding: 20px 5px;
    }

    .catalog-section__element-title {
        font-size: 14px !important;
        font-weight: 400 !important;
        position: static;
        padding: 0;
        transform: none !important;
    }

    .catalog-section__element img {
        width: 90px;
        height: 90px;
        object-fit: contain;
        margin: 0 0 10px;
    }

    .catalog-section__elements-list {
        display: inline-block !important;
        margin: 0 0 30px;
    }

    .bx-soa-section-title-container>h2 {
        width: 65%;
        float: left;
    }

    .bx-soa-section-title-container>div {
        width: 35%;
    }

    .bx-soa-pp .bx-soa-pp-company {
        padding: 0;
        border: 1px solid transparent;
        width: 50%;
    }

    .bx-soa-pp-desc-container {
        padding: 7px 14px;
        display: inline-block;
        width: 100%;
    }

    .bx-soa-pp-desc-container {
        padding: 10px 14px !important;
    }

    .bx-soa-more-btn {
        margin: 0 0 20px;
    }

    .bx-soa-more-btn .btn {
        width: calc(50% - 5px);
        font-weight: 500;
        height: 46px;
        line-height: 46px;
    }

    .bx-soa-more-btn .btn.btn-default {
        margin: 0 0 0 5px;
    }

    .bx-soa-more-btn a.btn.btn-back {
        margin: 0 5px 0 0;
        border: 1px solid #3e627b !important;
        background: #fff !important;
        color: #3e627b !important;
    }

    .footer__menu p {
        display: none;
    }

    div.footer__menu {
        width: 100% !important;
        margin: 0;
        max-width: 100% !important;
        border: none !important;
        display: none;
        padding-top: 0;
    }

    .btn-menu-show {
        margin: 0 0 20px;
        display: inline-block;
        width: 100%;
    }

    .btn-menu-show .btn {
        background: #fff;
        color: #333;
        width: calc(50% - 5px);
        float: left;
        font-weight: 500;
        height: 46px;
        line-height: 46px;
        border-radius: 4px;
    }

    .btn-menu-show .btn:hover,
    .btn-menu-show .btn:active,
    .btn-menu-show .btn:focus {
        background: #3e627b !important;
        color: #fff;
    }

    .btn-menu-show .btn.show1 {
        margin: 0 5px 0 0;
    }

    .btn-menu-show .btn.show2 {
        margin: 0 0 0 5px;
    }

    .footer__menu ul a {
        color: #fff;
        font-size: 16px;
        line-height: 2;
    }

    .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img {
        max-height: 320px !important;
    }

    div.classic-trigger-badge {
        display: none !important;
    }

    .bx-basket a .header__cart-counter {
        left: inherit;
        right: -2px;
        z-index: 99;
        top: -9px;
        background: #f00;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .compare-lg {
        display: none;
    }

    .compare-sm {
        display: inline-block;
        width: 100%;
    }

    .compare-sm .compare-prod {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        margin-left: 0%;
        position: sticky;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-left: 0%;
        flex-direction: column;
        top: 0;
        background: #fff;
        border-bottom: 1px solid #ccc;
        z-index: 99;
    }

    .compare-sm .compare-prod .slick-list {
        width: 100%;
    }

    .compare-sm .compare-prod .slider__counter {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 10px;
    }

    .compare-sm .compare-prod .slick-prev {
        position: absolute;
        width: 32px;
        height: 32px;
        border-radius: 32px;
        top: 50%;
        left: 0;
        margin-top: -26px;
        border: 1px solid #c3c8cc;
        font-size: 0;
        background: #fff url('/local/templates/main_template/./img/left.svg') center / 18px no-repeat;
        z-index: 99;
    }

    .compare-sm .compare-prod .slick-next {
        position: absolute;
        width: 32px;
        height: 32px;
        border-radius: 32px;
        top: 50%;
        right: 0;
        margin-top: -26px;
        border: 1px solid #c3c8cc;
        font-size: 0;
        background: #fff url('/local/templates/main_template/./img/right.svg') center / 18px no-repeat;
        z-index: 99;
    }

    .compare-sm .compare-prod .slick-disabled {
        display: none !important;
    }

    .compare-sm .compare-prod__item {
        padding: 0 0px;
        position: relative;
        text-align: center;
    }

    .compare-sm .compare-image {
        display: inline-block;
        margin: 0 auto 10px;
    }

    .compare-sm .compare-image img {
        width: 140px;
        height: 140px;
        object-fit: contain;
    }

    .compare-sm .compare-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        text-decoration: none;
        line-height: 20px;
        color: #02224C;
        font-weight: 700;
    }

    .compare-sm .compare-price {
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        color: #02224C;
    }

    .compare-sm .compare-col {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .compare-sm .compare-col__title {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 14px;
        padding-bottom: 14px;
        font-weight: 700;
        font-size: 24px;
        color: #02224C;
        margin: 0 0 10px;
    }

    .compare-sm .compare-col__fix {
        flex: 0 0 40%;
        width: 40%;
        border-right: 1px solid #e1e1e1;
    }

    .compare-sm .compare-col__fix-item {
        line-height: 1.2;
        font-size: 13px;
        color: #585757;
        padding-right: 20px;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .compare-sm .compare-col__slide {
        flex: 0 0 100%;
        width: 100%;
    }

    .compare-sm .compare-col__slide-text {
        line-height: 1.2;
        font-size: 14px;
        color: #1c1c1c;
        padding: 0 0px;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0 0 10px;
    }

    .header-mobile__tpo-contacts .addr {
        position: relative;
    }

    .addr_modal {
        position: absolute;
        z-index: 999;
        padding: 20px 60px 20px 20px;
        background: #fff;
        box-shadow: 0px 6px 20px -10px rgb(0 0 0 / 50%);
        left: 50%;
        transform: translate(-50%, 0);
        border-radius: 4px;
        display: none;
    }

    .addr_modal strong {
        font-size: 16px;
        white-space: nowrap;
        font-weight: 600;
        margin: 0 0 10px;
        display: inline-block;
        width: 100%;
    }

    .addr_modal .close_popover {
        position: absolute;
        top: 0;
        right: 9px;
        font-weight: 300;
        font-size: 36px;
        font-family: 'Montserrat';
        color: #1c1c1c;
        width: auto;
        line-height: 1;
        margin: 0;
    }

    .addr_modal a {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #3E627B;
        margin: 0 0 10px;
        width: 100%;
        display: inline-block;
    }

    .addr_modal a.js-close_popover {
        /*color: #1c1c1c;*/
    }

    .header__cart-counter.compare-lnk__count {
        left: inherit;
        right: -2px;
        z-index: 99;
        top: -9px;
        background: #f00;
        width: 22px;
        height: 22px;
        line-height: 22px;
        position: absolute;
        text-align: center;
        color: #fff;
        font-style: normal;
        border-radius: 50%;
    }

    .compare-part {
        width: 50%;
        padding: 0 1%;
        float: left;
    }

    .compare-part+.compare-part {
        float: right;
    }

    .compare-col__slide-name {
        font-size: 13px;
        line-height: 1;
        margin: 0px 0 -5px;
        opacity: 0.6;
    }

    .error-404 {
        max-width: 100%;
        background: transparent !important;
        margin: 0 !important;
        text-align: left;
    }

    .page-404__box {
        width: 100%;
        height: auto;
        padding: 40px 0 0px;
        background-size: contain;
        background-position: center right;
    }

    .page-404__box h1 {
        margin: 0 0 20px;
        font-size: 90px;
        font-weight: 900;
        line-height: 1;
        height: auto;
    }

    .page-404__box h2 {
        font-size: 18px;
        line-height: 1;
        margin: 0 0 80px;
    }

    .page-404__box a {
        margin: 0;
        position: static !important;
    }

    .f-catalog {
        display: unset;
    }
}

.carousel-item.product-tiles__tile .tile-img-box a {
    width: unset;
}

.f-catalog {
    display: none;
}

/* NEW PAGES */

.about {}

.about h1 {
    margin: 0 0 40px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #3E3D3D;
}

.about-title {
    margin: 0 0 40px;
    font-family: 'PT Sans';
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    color: #3E3D3D;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about__banner {
    margin: 0 0 40px;
    padding: 60px;
    color: #fff;
    border-radius: 6px;
    padding-right: 50%;
    background-position: center;
    background-size: cover;
}

.about__banner h3 {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    color: #FFFFFF;
    margin: 0 0 12px;
}

.about__banner p {
    margin: 0 0 48px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #FFFFFF;
}

.about__banner .btn {
    padding: 10px 60px;
    height: auto;
    font-size: 24px;
    font-weight: 500;
    border-radius: 6px;
}

.about__text {
    margin: 0 0 80px;
}

.about__text p {
    margin: 0 0 24px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #3E3D3D;
}

.about__now {
    margin: 0 0 100px;
}

.about__now-grid {
    display: grid;
    grid-template-columns: 58% 42%;
    gap: 20px;
}

.about__now-image {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.about__now-image img {
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about__now-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.about__now-list-item {
    background: #EAF3F9;
    padding: 30px 40px;
    border-radius: 6px;
}

.about__now-list-item strong {
    margin: 0 0 10px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 86px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #2B7AB1;
}

.about__now-list-item span {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
}

.about__now-list-item p {
    margin: 0;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 39px;
    color: #3E3D3D;
}

.about__history {
    margin: 0 0 80px;
}

.about__history-content {}

.about__history-content img {
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
    margin: 0 0 40px;
    height: 400px;
}

.about__history-content p {
    margin: 0 0 24px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #3E3D3D;
}

.about__policy {
    margin: 0 0 80px;
}

.about__policy-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.about__policy-content p {
    margin: 0 0 24px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #3E3D3D;
}

.about__policy-content img {
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
    height: 550px;
}

.about-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.about-navigation .prev {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #eff1f3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-navigation .prev:hover {
    cursor: pointer;
    background: #f5b316;
}

.about-navigation .next {
    transform: rotate(180deg);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #eff1f3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-navigation .next:hover {
    cursor: pointer;
    background: #f5b316;
}

.about__partners {
    margin: 0 0 100px;
}

.about__partners-slick .slick-list {
    margin: 0 -10px;
}

.about__partners-items {
    margin: 0 10px;
    height: 200px;
    border: 1px solid #dbdfe3;
    border-radius: 6px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.slick-dots {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style-type: none;
    gap: 8px;
    display: none !important;
}

.slick-dots li button {
    font-size: 0;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #dce4ea;
    padding: 0;
    border: none;
}

.slick-dots li.slick-active button {
    background: #2b7ab1;
}

.about__recommends {
    margin: 0 0 100px;
}

.about__recommends .slick-list {
    margin: 0 -10px;
}

.about__recommends-items {
    border-radius: 6px;
    border: 1px solid #d8dfe3;
    margin: 0 10px;
}

.about__recommends-items img {
    width: 100%;
    height: 84px;
    border-bottom: 1px solid #DBDFE3;
    padding: 20px;
    object-fit: contain;
    object-position: left;
}

.about__recommends-items p {
    padding: 20px;
    height: 200px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #3E3D3D;
}

.about__work {
    margin: 0 0 100px;
}

.about__work-title {
    margin: 0 0 24px;
}

.about__work-description {
    margin: 0 0 40px;
    font-size: 16px;
    color: #333;
}

.about__work-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.about__work-item {
    border: 1px solid #dbdfe3;
    border-radius: 6px;
}

.about__work-item>img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
    margin: 0 0 12px;
}

.about__work-item-title {
    padding: 12px 20px;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about__work-item-title img {
    width: 100px;
    height: 48px;
    object-fit: contain;
    margin: 0 10px 0 0;
}

.about__work-item-title p {
    font-family: 'PT Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #3E3D3D;
    margin: 0;
}

.about__work-item>p {
    padding: 0 20px 20px;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.about__work .btn {
    padding: 10px 60px;
    height: auto;
    font-size: 24px;
    font-weight: 500;
    border-radius: 6px;
    margin: 40px auto 0;
    display: block;
    width: fit-content;
}

@media(max-width: 1023px) {
    .about__banner {
        padding: 40px;
        background-position: 65% center;
    }

    .about__banner p {
        margin: 0 0 150px;
    }

    .about__banner h3 {
        word-wrap: break-word;
        hyphens: auto;
    }

    .about__now-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .about__now-list-item strong {
        font-size: 64px;
        line-height: 1;
    }

    .about__now-list-item {
        padding: 20px;
    }

    .about__now-list-item p {
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 21px;
    }

    .about__partners-items img {
        max-width: 80%;
        max-height: 80%;
    }

    .slick-dots {
        display: flex !important;
    }

    .about-navigation {
        display: none;
    }

    .about__work-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about__policy-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .about__text,
    .about__now,
    .about__partners,
    .about__recommends,
    .about__work,
    .about__history {
        margin: 0 0 60px;
    }

    .about__policy {
        margin: 0;
    }
}

@media(max-width: 767px) {
    .about-title {
        margin: 0 0 24px;
    }

    .about__work-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .about__work .btn {
        font-size: 21px;
    }

    .about__work-item-title img {
        width: 70px;
    }

    .about__work-item-title p {
        font-size: 18px;
    }

    .about__partners-items {
        height: 120px;
    }

    .about__policy-content img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .about__banner {
        padding: 24px;
        position: relative;
    }

    .about__banner * {
        position: relative;
        z-index: 2;
    }

    .about__banner:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        opacity: 0.6;
        border-radius: 6px;
        background: linear-gradient(91.13deg, #0D142B -23.95%, rgba(88, 88, 87, 0) 195.94%);
    }

    .about__banner .btn {
        width: 100%;
        font-size: 18px;
    }
}


.footer__contacts {
    margin-left: auto;
}

.about-banner_container {
    border-radius: 6px;
    width: 100%;
    height: max-content;
    background: linear-gradient(90deg, #0D142B 0%, rgba(88, 88, 87, 0) 100%), no-repeat right / 100% url('/local/templates/main_template/img/newabout.jpg');
    margin-bottom: 44px;
    background-size: cover;
    padding-bottom: 100px;
}

.about-banner_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 60px;
    gap: 10px;
    margin: 26px auto 26px 0;
    width: 227px;
    height: 60px;
    background: #3E627B;
    border-radius: 6px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    cursor: pointer;
}

.about-banner_button:hover {
    background: #f5b316;
    transition: background-color 0.5s;
}

.about-banner_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 120px);
    padding: 0px;
    position: relative;
    left: 60px;
    top: 60px;
}

.about-banner_info:hover {
    text-decoration: unset;
}

.about-banner_head-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 637px;
    font-family: 'PT Sans';
    font-style: normal;
    color: #FFFFFF;
}

.about-banner_text-head {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 50px;
    color: #FFFFFF;
}

.about-banner_text-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 26px;
}

.about-banner_text-block {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #3E3D3D;
    padding-bottom: 44px;
}

.about-banner_btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.about-banner_btns .btn {
    white-space: nowrap;
    font-size: 21px;
}

.about-banner_btns .btn-light {
    background: #fff;
    color: #000;
}

.about-system {
    background: linear-gradient(90deg, #0D142B 0%, rgba(88, 88, 87, 0) 100%), no-repeat right / cover url('/local/templates/main_template/img/system.jpg')
}

@media(max-width: 520px) {
    .about-banner_btns {
        flex-direction: column;
        width: 100%;
        margin: 0 0 50px;
        gap: 8px;
    }

    .about-banner_btns .btn {
        width: 100%;
        margin: 0;
    }
}

.about-system .about-banner_head-block {
    margin: 0 0 60px;
}

.about-block {
    margin-bottom: 50px;
    width: 100%;
}

.about-block.margin-100 {
    margin-bottom: 100px;
}

.about-btn-more .btn {
    padding: 14px 80px;
    display: block;
    margin: 0 auto;
    height: auto;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    width: fit-content;
    border-radius: 8px;
}

.about-block h1,
.about-block h2 {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    color: #3E3D3D;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.about-block h2 {
    font-size: 26px;
}

@media (max-width:800px) {
    .about-block h2 {
        font-size: 22px;
    }

    .about-banner_text-head {
        font-size: 26px;
    }

    .about-banner_container {
        padding-bottom: 34px;
    }

    .about-banner_head-block {
        width: 100%;
    }

    .about-banner_info {
        width: calc(100% - 40px);
        left: 20px;
        top: 40px;
    }
}

.about-advantages_container_img {
    border-radius: 6px;
    width: 60%;
    background: no-repeat right / 100% url('/local/templates/main_template/img/now.png');
    background-size: cover;
}

.about-advantages_container {
    display: flex;
}

.about-advantages_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 0 0 20px;
    gap: 10px;
    width: 40%;
}

.about-advantages_info-block {
    width: 100%;
    height: max-content;
    background: #EAF3F9;
    border-radius: 6px;
}

.about-advantages_text-head {
    margin: 30px 0 0 40px;
    font-family: 'PT Sans';
    font-style: normal;
    color: #2B7AB1;
    font-size: 26px;
    line-height: 28px;
}

.about-advantages_text-desc {
    margin: 5px 40px 20px 40px;
    font-family: 'PT Sans';
    font-style: normal;
    leading-trim: both;
    text-edge: cap;
    color: #3E3D3D;
    font-size: 26px;
    line-height: 28px;
}

@media (max-width:800px) {
    .about-advantages_container {
        flex-direction: column-reverse;
    }

    .about-advantages_info {
        padding: 20px 0;
        width: 100%;
    }

    .about-advantages_container_img {
        width: 100%;
        height: 80vw;
    }

    .about-advantages_text-head {
        margin: 20px 0 0 25px;
        font-size: 22px;
        line-height: 24px;
    }

    .about-advantages_text-desc {
        margin: 0 0 20px 25px;
        font-size: 22px;
        line-height: 24px;
    }
}

.about-partners_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:800px) {
    .about-partners_slider-controls {
        display: none;
    }
    div.about-description {
        padding: 20px 40px 30px 10px;
    }
    div.about-description ul {
        width: 100%;
    }
}

.about-partners_slide-left,
.about-partners_slide-right {
    width: 40px;
    height: 40px;
    min-width: 15px;
    border-radius: 50%;
    background: #EFF1F3;
    border: none;
    transition: background-color 0.3s;
    padding: 8px;
}

.about-partners_slide-left:hover,
.about-partners_slide-right:hover {
    background: #2B7AB1;
}

.about-partners_slide-left:after,
.about-partners_slide-right:after {
    content: url("/local/templates/main_template/img/arrow.svg");
    display: block;
    width: 24px;
    height: 24px;
    color: #3e627b;
}

.about-partners_slide-left:hover:after,
.about-partners_slide-right:hover:after {
    content: url("/local/templates/main_template/img/arrow-white.svg");
}

.about-partners_slide-right {
    transform: rotate(180deg);
}

.about-partners_container {
    display: flex;
}

.about-partners_slide {
    box-sizing: border-box;
    /*border: 1px solid #DBDFE3;*/
    border-radius: 6px;
    height: 200px;
    margin: 0 10px;
    padding: 30px;
    display: flex !important;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about-advice_slide {
    margin: 0 10px;
}

.about-advice_slide-head {
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #DBDFE3;
    border-radius: 6px 6px 0 0;
    padding: 20px;
}

.about-advice_slide-desc {
    height: 160px;
    box-sizing: border-box;
    border: 1px solid #DBDFE3;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    padding: 20px;
}

.about-history_container_img {
    border-radius: 6px;
    width: 100%;
    height: 400px;
    background: no-repeat center / 100% url('/local/templates/main_template/img/history.png');
    margin-bottom: 44px;
    background-size: cover;
}

.about-policy_text-block {
    width: 48%;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #3E3D3D;
}

.about-policy_container {
    border-radius: 6px;
    width: 48%;
    background: no-repeat left / 100% url('/local/templates/main_template/img/policy.png');
    background-size: cover;
}

.about-policy_column-container {
    display: flex;
    gap: 4%;
}

:nth-last-child(1 of .about-block) {
    margin-bottom: unset;
}

@media (max-width:800px) {
    .about-history_container {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-history_container_img {
        margin-top: 44px;
    }

    .about-policy_column-container {
        gap: unset;
        flex-direction: column;
    }

    .about-policy_text-block {
        width: 100%;
    }

    .about-policy_container {
        margin-top: 44px;
        width: 100%;
        height: 400px;
    }
}

.about-porfolio_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.about-porfolio_item {
    width: calc(100% / 3 - 40px / 3);
    border: 1px solid #DBDFE3;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s;
    border-radius: 6px;
}
.about-porfolio_item.slide {
    margin: 10px 10px 24px 10px;
    box-shadow: unset;
}


.about-porfolio_item.clear {
    box-shadow: none;
    text-decoration: none !important;
}

.about-porfolio_item.clear .about-porfolio_item-pic {
    width: auto;
    padding: 20px;
    max-width: 170px;
    height: auto;
}

.about-porfolio_item.clear .about-porfolio_item-text {
    max-height: unset;
}

.about-porfolio_item.full-height .about-porfolio_item-text {
    max-height: unset;
}

.about-porfolio_item.full-height ul,
.about-porfolio_item.clear ul {
    padding: 0 0 0 20px;
    margin: 0;
}

.about-porfolio_item.full-height ul li,
.about-porfolio_item.clear ul li {
    margin: 0 0 12px;
}

.about-porfolio_item.full-height p,
.about-porfolio_item.clear p {
    margin-top: 0;
}

.about-porfolio_item.full-height strong,
.about-porfolio_item.clear strong {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
}

.about-description {
    padding: 30px 40px;
    border-radius: 6px;
    background: #EAF3F9;
    margin: 0 0 100px;
}

.about-description ul {
    width: 65%;
}

.about-description li {}

.about-porfolio_item-pic {
    width: 100%;
    border-radius: 6px;
    height: 260px;
    object-fit: cover;
}

.about-porfolio_item:hover {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

.about-porfolio_item-content {
    padding: 20px;
}

.about-porfolio_item-head {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    align-items: center;
}

.about-porfolio_item-logo {
    width: 30%;
    padding: 5px 15px 10px 0;
    height: 80px;
    object-fit: scale-down;
}

.about-porfolio_item-title {
    width: 70%;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    /*height: 80px;*/
    overflow: hidden;
}

.about-porfolio_item-title.objects {
    width: 100%;
}

.about-porfolio_item-text {
    font-family: 'PT Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    max-height: 140px;
    overflow: hidden;
}

.about-portfolio_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 60px;
    gap: 10px;
    margin: 44px auto;
    width: max-content;
    height: 60px;
    background: #3E627B;
    border-radius: 6px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    cursor: pointer;
    max-width: 100%;
    text-align: center;
}

@media (max-width:1220px) {
    .about-porfolio_item {
        width: calc(100% / 2 - 40px / 2);
    }
}

@media (max-width:570px) {
    .about-porfolio_item {
        width: 100%;
    }

    .about-portfolio_button {
        padding: 10px 30px;
    }

    .about-banner_button {
        padding: 10px 30px;
    }
}

.about-porfolio_item.about-advice_slide {
    box-shadow: 0px 8px 24px -12px rgba(0, 0, 0, 0.06);
    margin-bottom: 24px;
}

.about-porfolio_item.about-advice_slide .about-porfolio_item-pic {
    height: 400px;
}

.about-porfolio_item.about-advice_slide .about-porfolio_item-head {
    padding: 0;
}

.about-block .header__bottom-links {
    overflow: hidden;
}

.header__catalog-menu-trigger {
    width: 170px;
}

.about-block .header__bottom-links a {
    margin-right: 16px;
    background: #3E627B !important;
    padding: 0 24px;
    font-size: 18px;
    color: #fff;
}

.about-block .header__bottom-links a:before {
    border-bottom-color: #3e627b;
}

.about-block .header__bottom-links a:after {
    border-top-color: #3e627b;
}

.about-block .header__bottom-links .active {
    background: #f5b316 !important;
    color: #000;
    text-decoration: none;
}

.about-block .header__bottom-links a.active:before {
    border-bottom-color: #f5b316;
}

.about-block .header__bottom-links a.active:after {
    border-top-color: #f5b316;
}

@media (max-width: 768px) {
    .about-block .header__bottom-links a {
        margin: 0;
        line-height: 46px;
        display: inline-block;
        width: auto;
        text-align: center;
    }

    .about-block .header__bottom-links {
        flex-wrap: wrap;
    }

    .about-btn-more .btn {
        width: 100%;
        padding: 18px;
        font-size: 16px;
    }

    .about-block.margin-100 {
        margin: 0 0 40px;
    }
}

.home__features-box > div {
    overflow: hidden;
}

.home__feature--additional {
    margin-bottom: unset !important;
}

.home__feature--primary {
    border-right: 1px solid #9e8e40;
    border-top: 2px solid #9e8e40;
}

.home__feature--secondary {
    border-left: 1px solid #9e8e40;
    border-top: 2px solid #9e8e40;
}

.swiper-container-3d {
    -webkit-perspective: unset;
    -moz-perspective: unset;
    -o-perspective: unset;
    perspective: unset;
}
.nomargin {
    margin: unset !important;
}
/* End */


/* Start:/local/templates/main_template/template_styles.css?17109200891127*/
.h1{
	font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 44px;
    text-transform: uppercase;
}
.status-wrp{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    display: block;
    z-index: 1;
    text-align: center;
}
.status {
    display: block;
    width: 100%;
    padding: 3px 10px;
    margin-bottom: 2px;
}

.status_1{
    background-color: #FBC864;
}

.status_2{
    background-color: #FAB336;
}
.tile-img-box,.bx_bigimages_imgcontainer{
	position: relative;
}
#bx-soa-delivery{
	display: block !important;
}
.align-end{
	-webkit-align-self: flex-end !important;
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

@media (max-width:480px) {
    .header-mobile__top .logo img {
        width: 35px;
        height: 35px;
        object-fit: cover;
        object-position: 0 0;
    }
}

.sertificates img {
    width: 33%;
}
@media (max-width:800px) {
    .sertificates img {
        width: 45%;
    }
}
@media (max-width:414px) {
    .sertificates img {
        width: 100%;
    }
}
/* End */
/* /local/codenails/css/colorpicker.css?16977089313181 */
/* /local/codenails/css/flex-layout-attribute.min.css?172355941112150 */
/* /local/codenails/css/jquery-ui.css?169770893118721 */
/* /local/codenails/css/jquery.arcticmodal-0.3.css?16977089311175 */
/* /local/codenails/css/jquery.mCustomScrollbar.min.css?169770893142839 */
/* /local/codenails/css/mobile.css?172500545014249 */
/* /local/codenails/css/nouislider.min.css?16977089314049 */
/* /local/codenails/css/slick.css?17123198651729 */
/* /local/codenails/css/swiper.min.css?169770893117216 */
/* /local/codenails/css/template_styles.css?1737100441175646 */
/* /local/templates/.default/css/custom.css?173710594811045 */
/* /local/templates/.default/components/bitrix/sale.basket.basket.line/basket.line/style.css?16977089316130 */
/* /local/templates/.default/components/bitrix/search.title/search/style.css?169770893133 */
/* /local/templates/.default/components/bitrix/sale.basket.basket.line/basket.mobile/style.css?16977089316130 */
/* /local/templates/main_template/components/codenails/catalog.section.list/catalog_aside/style.css?16977089317305 */
/* /local/templates/.default/components/codenails/cn.custom.form/qorder_cart/style.css?169770893174 */
/* /local/templates/.default/components/codenails/cn.custom.form/onorder_cart/style.css?169770893174 */
/* /local/templates/.default/components/codenails/cn.custom.form/subsystem_ticket/style.css?168051942374 */
/* /local/templates/main_template/styles.css?173737642059311 */
/* /local/templates/main_template/template_styles.css?17109200891127 */