@charset "UTF-8";
/*----------------------------------------------------------
  General CSS rules for the common elements
  (like headings, forms, pagination, etc.) and
  for main template parts like header, footer and so forth.
  Also styles reset, widely used classes,
  normalizing content, animations.
------------------------------------------------------------
 >>> TABLE OF CONTENTS:
------------------------------------------------------------
* Colorscheme
* Reset styles
* Animations
* General
	** General styles
	** Skip link
	** Headings
* Classes
	** Markup
	** Underline
	** Lightbox
	** Graphics
	** Contacts
	** Other
* Controls
	** Close
	** Arrows
	** Dots
	** Pagination
	** Buttons
* Forms
* fContent - styles for TinyMCE content
* Header
* Navigation
* News items
* Footer
* Modal windows
* Custom dialog boxes
* NProgress
----------------------------------------------------------*/


/********************  COLORSCHEME  ********************/

/**
 * @dark		#263238		rgb(38,50,56)
 * @white		#fff		rgb(255,255,255)
 * @red			#b71c1c		rgb(183,28,28)
 * @navy		#38474f		rgb(56,71,79)
 * @teal		#546e7a		rgb(84,110,122)
 */


/********************  RESET STYLES  ********************/

html, body, div, span,
header, footer, main, aside, section, article, nav,
p, a, b, strong, i, em, sub, sup, img, blockquote, q,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, ol, ul, li,
address, abbr, time, output, figure, figcaption, audio, video, canvas, object, iframe,
form, input, textarea, button, label, fieldset, legend,
table, caption, thead, tbody, tfoot, tr, th, td,
pre, mark, small, dfn, cite, del, ins, kbd, code, var, samp, details, embed, ruby, summary {
	vertical-align: baseline;
	font-size: 100%;
	font: inherit;
	border: 0;
	padding: 0;
	margin: 0;
}
header, footer, main, aside, section, article, nav,
figure, figcaption, details {
	display: block;
}
body:not(.tabbable) :focus {outline: 0;}
b, strong {font-weight: 700;}
i, em {font-style: italic;}
ul, ol, li, dt, dd {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
th, td {text-align: center; vertical-align: middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
pre, code, kbd, samp {font-family: monospace;}
del {text-decoration: line-through;}
ins {text-decoration: underline;}
a, abbr {color: inherit; text-decoration: none;}
a, button, [type="button"], [type="submit"], [type="reset"], [type="file"], select {cursor: pointer;}
::-webkit-file-upload-button {cursor: pointer;}
label {display: block; cursor: pointer;}
legend {display: block; width: 100%;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super; font-size: 70%; line-height: 0;}
sub {vertical-align: sub; font-size: 70%; line-height: 0;}
iframe {display: block; position: relative;}
svg {display: block; fill: currentColor; position: relative;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {-webkit-appearance: none;}
button, [role="button"], [role="tab"] {-webkit-touch-callout: none;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/********************  ANIMATIONS  ********************/

/*------ Errors ------*/
@-webkit-keyframes error-input {25%{-webkit-transform: translateX(2px);}50%{-webkit-transform: translateX(0);}75%{-webkit-transform: translateX(-2px);}100%{-webkit-transform: translateX(0);}}
@keyframes error-input {25%{transform: translateX(2px);}50%{transform: translateX(0);}75%{transform: translateX(-2px);}100%{transform: translateX(0);}}

@-webkit-keyframes error-chradio {16.65%{-webkit-transform: translateY(5px);}33.3%{-webkit-transform: translateY(-4px);}49.95%{-webkit-transform: translateY(3px);}66.6%{-webkit-transform: translateY(-2px);}83.25%{-webkit-transform: translateY(1px);}100%{-webkit-transform: translateY(0);}}
@keyframes error-chradio {16.65%{transform: translateY(5px);}33.3%{transform: translateY(-4px);}49.95%{transform: translateY(3px);}66.6%{transform: translateY(-2px);}83.25%{transform: translateY(1px);}100%{transform: translateY(0);}}

/*------ Load box ------*/
@-webkit-keyframes cssload-animate {17%{border-bottom-right-radius: 3px;}25%{-webkit-transform: translateY(9px) rotate(22.5deg);}50% {-webkit-transform: translateY(18px) scale(1,0.9) rotate(45deg); border-bottom-right-radius: 39px;}75%{-webkit-transform: translateY(9px) rotate(67.5deg);}100%{-webkit-transform: translateY(0) rotate(90deg);}}
@keyframes cssload-animate {17%{border-bottom-right-radius: 3px;}25%{transform: translateY(9px) rotate(22.5deg);}50% {transform: translateY(18px) scale(1,0.9) rotate(45deg); border-bottom-right-radius: 39px;}75%{transform: translateY(9px) rotate(67.5deg);}100%{transform: translateY(0) rotate(90deg);}}

@-webkit-keyframes cssload-shadow {0%,100%{-webkit-transform: scale(1,1);}50%{-webkit-transform: scale(1.2,1);}}
@keyframes cssload-shadow {0%,100%{transform: scale(1,1);}50%{transform: scale(1.2,1);}}

/*------ Links icons ------*/
@-webkit-keyframes link-icon-wobble {25%{-webkit-transform: rotate(-10deg);}50%{-webkit-transform: rotate(10deg);}75%{-webkit-transform: rotate(-5deg);}}
@keyframes link-icon-wobble {25%{transform: rotate(-10deg);}50%{transform: rotate(10deg);}75%{transform: rotate(-5deg);}}


/********************  GENERAL  ********************/

html {overflow: auto; overflow-x: hidden;}
@media all and (max-width: 319px){ html {overflow-x: scroll !important;} }
body {display: flex; flex-direction: column; min-width: 320px; height: 100%; background: #fff; font-size: 18px; line-height: 1.4; font-family: Roboto, sans-serif; color: #263238;}

::-moz-selection {background: #b71c1c; color: #fff;}
::selection {background: #b71c1c; color: #fff;}

#global-wrapper {flex: 1 0 auto; display: flex; flex-direction: column; min-height: 100vh; position: relative; overflow: hidden; padding-top: 140px;}
#global-wrapper:before {content: ''; display: block; width: 100%; height: 0; position: fixed; top: 0;}
	#main-content {flex: 1 0 auto; display: flex; flex-direction: column;}
	#main-content > * {flex: 0 0 auto; order: 10; width: 100%;}
		.wrapper {display: block; width: 100%; max-width: 1300px; min-width: 320px; padding: 60px 20px; margin: 0 auto; position: relative;}
			
			/* Skip link */
			#skip-link {display: inline-block; background: #b71c1c; border-radius: 0 0 6px 6px; font-size: 14px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 15px; position: fixed; z-index: 200; left: 10px; bottom: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s;}
				#skip-link:focus {-webkit-transform: translateY(100%); transform: translateY(100%);}
				#skip-link:hover {text-decoration: none;}
			
			/* Headings */
			h1, h2, h3, h4, h5, h6 {font-weight: 500; line-height: 1.2; color: #38474f; text-align: left;}
			
			h1 {font-weight: 700; font-size: 30px; margin: 0 auto 25px;}
			h2 {font-size: 24px; margin: 0 auto 15px;}
			
			.heading-row {display: flex; align-items: center; margin: 0 auto 15px;}
				.heading-row h2 {margin: 0 35px 0 0;}
				.heading-row a {flex: 0 0 auto; font-size: 16px; color: #b71c1c; margin-left: 65px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
					.heading-row a .arrow {display: block; width: 55px; height: 1px; background: currentColor; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 100%; margin-right: 10px; -webkit-transition: inherit; transition: inherit;}
					.heading-row a .arrow:before, .heading-row a .arrow:after {content: ''; display: block; width: 10px; height: 1px; background: currentColor; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: inherit; transition: inherit;}
				.heading-row a:hover {}
					.heading-row a:hover .arrow {width: 45px; margin-right: 5px;}
						.heading-row a:hover .arrow:before {-webkit-transform: rotate(30deg); transform: rotate(30deg);}
						.heading-row a:hover .arrow:after {-webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
				.heading-row a:active {top: 1px;}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	#global-wrapper {padding-top: 135px;}
	body {font-size: 16px;}
	.wrapper {padding: 50px 20px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	
	header, footer, section, #main-content > div {background-attachment: scroll !important;}
	#global-wrapper {padding-top: 70px;}
	#skip-link {display: none;}
	
	h1 {font-size: 26px; margin-bottom: 20px;}
	h2 {font-size: 22px;}
	
	.heading-row {}
		.heading-row h2 {margin-right: 30px;}
		.heading-row a {font-size: 14px; margin-left: 60px;}
			.heading-row a .arrow {width: 50px; top: 2px;}
	
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	#global-wrapper {padding-top: 60px;}
	.wrapper {padding: 40px 15px;}
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	
	body {font-size: 15px;}
	.wrapper {padding: 35px 15px;}
	
	.heading-row {}
		.heading-row h2 {margin-right: 20px;}
		.heading-row a {font-size: 14px; margin-left: 0;}
			.heading-row a .arrow {display: none;}
	
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	
	body {font-size: 14px;}
	.wrapper {padding: 30px 10px;}
	
	h1 {font-size: 22px; margin-bottom: 15px;}
	h2 {font-size: 20px;}
	
}


/********************  CLASSES  ********************/

.clear {height: 1px; clear: both;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute; width: 1px; height: 1px; overflow: hidden; word-wrap: normal;}

/* Underline */
.underline {display: inline-block; line-height: 1; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.underline:active {top: 1px;}
	.underline:after {content: ''; display: block; width: 0; height: 0; border-bottom: 1px solid; margin: 0 auto; position: absolute; left: auto; right: 0; bottom: 0; -webkit-transition: inherit; transition: inherit; -webkit-transition-property: width; transition-property: width; pointer-events: none;}
	.underline:hover:after {width: 100%; left: 0; right: auto;}

.underlined {display: inline-block; line-height: 1; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.underlined:active {top: 1px;}
	.underlined:after {content: ''; display: block; width: 100%; height: 0; border-bottom: 1px solid; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: inherit; transition: inherit; -webkit-transition-property: opacity, bottom; transition-property: opacity, bottom; pointer-events: none;}
	.underlined:hover:after {opacity: 0; bottom: -4px;}

/* Lightbox */
.f-lightbox {display: block; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.f-lightbox *, .f-lightbox *:before, .f-lightbox *:after {-webkit-transition: inherit; transition: inherit;}
	.f-lightbox img {display: block; width: 100%; height: 100%;}
	.f-lightbox .overlay {opacity: 0; visibility: hidden; display: block; width: 100%; height: 100%; background: rgba(56,71,79,0.85); margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
		.f-lightbox .overlay:after {content:'+'; display: block; width: 46px; height: 46px; color: #fff; border: 3px solid; border-radius: 50%; font: 36px/40px Arial, sans-serif; text-align: center; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: scale(3); transform: scale(3);}
.f-lightbox:hover {}
	.f-lightbox:hover img {-webkit-transform: scale(1.02); transform: scale(1.02);}
	.f-lightbox:hover .overlay {opacity: 1; visibility: visible;}
		.f-lightbox:hover .overlay:after {-webkit-transform: scale(1); transform: scale(1);}

/* Graphics */
.icon {display: block; background: url(../images/icons.png) -9999px 0 no-repeat; position: relative;}
svg.icon {background: none;}

.logo {display: inline-block; position: relative;}
a.logo:active {top: 1px;}
	.logo img {display: block; max-width: 410px; max-height: 65px;}
		.logo img.logo-d {display: block;}
		.logo img.logo-m {display: none;}

/* Contacts */
.phone {display: inline-block; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.phone:hover {color: #b71c1c !important;}
.phone:active {top: 1px; color: #f00 !important;}
	.phone .icon {position: absolute;}
	.phone:hover .icon {-webkit-animation: link-icon-wobble 0.6s ease-in-out 1; animation: link-icon-wobble 0.6s ease-in-out 1;}

.email {display: inline-block; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.email:hover {color: #b71c1c !important;}
	.email .icon {position: absolute;}
	.email:hover .icon {-webkit-animation: link-icon-wobble 0.6s ease-in-out 1; animation: link-icon-wobble 0.6s ease-in-out 1;}

.location {display: inline-block; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
a.location:hover {color: #b71c1c !important;}
	.location .icon {position: absolute;}
	a.location:hover .icon {-webkit-animation: link-icon-wobble 0.6s ease-in-out 1; animation: link-icon-wobble 0.6s ease-in-out 1;}

.requisites {display: inline-block; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.requisites:hover {color: #b71c1c !important;}
	.requisites .icon {position: absolute;}
	.requisites:hover .icon {-webkit-animation: link-icon-wobble 0.6s ease-in-out 1; animation: link-icon-wobble 0.6s ease-in-out 1;}

/* Other */
.draggable {cursor: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7), move;}
.break-line {display: block;}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	.logo {}
		.logo img {max-width: 380px; max-height: 60px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	.logo {}
		.logo img {max-width: 60px; max-height: 60px;}
			.logo img.logo-d {display: none;}
			.logo img.logo-m {display: block;}
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	.logo {}
		.logo img {max-width: 50px; max-height: 50px;}
}


/********************  CONTROLS  ********************/

/*------ Close ------*/
.f-close {display: block; width: 30px; height: 30px; color: #38474f; border: 2px solid transparent; border-radius: 50%; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-touch-callout: none;}
.f-close:hover {color: #b71c1c; border-color: currentColor; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.f-close:active {color: #f00; border-color: currentColor;  -webkit-transform: rotate(90deg) scale(0.96); transform: rotate(90deg) scale(0.96);}
	.f-close:before, .f-close:after {content: ''; display: block; width: 2px; height: 100%; background: currentColor; border-radius: 4px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: inherit; transition: inherit; -webkit-transition-property: height; transition-property: height;}
	.f-close:hover:before, .f-close:hover:after {height: 80%;}
		.f-close:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
		.f-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*------ Arrows ------*/
.f-arrow {display: block; background: none; margin: auto 0; position: absolute; top: 0; bottom: 0; z-index: 11; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-touch-callout: none;}
	.f-arrow:before, .f-arrow:after {content: ''; display: block; background: currentColor; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: inherit; transition: inherit; -webkit-transition-property: -webkit-transform; transition-property: transform;}
.f-arrow[class*="prev"] {}
	.f-arrow[class*="prev"]:before, .f-arrow[class*="prev"]:after {-webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
	.f-arrow[class*="prev"]:before {-webkit-transform: rotate(-42deg); transform: rotate(-42deg);}
	.f-arrow[class*="prev"]:after {-webkit-transform: rotate(42deg); transform: rotate(42deg);}
.f-arrow[class*="next"] {}
	.f-arrow[class*="next"]:before, .f-arrow[class*="next"]:after {-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
	.f-arrow[class*="next"]:before {-webkit-transform: rotate(42deg); transform: rotate(42deg);}
	.f-arrow[class*="next"]:after {-webkit-transform: rotate(-42deg); transform: rotate(-42deg);}
/* Hover */
.f-arrow:hover {}
.f-arrow[class*="prev"]:hover {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
.f-arrow[class*="next"]:hover {-webkit-transform: translateX(2px); transform: translateX(2px);}
	.f-arrow[class*="prev"]:hover:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.f-arrow[class*="prev"]:hover:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.f-arrow[class*="next"]:hover:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.f-arrow[class*="next"]:hover:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* Active */
.f-arrow:active {}
	.f-arrow[class*="prev"]:active:before {-webkit-transform: rotate(-38deg); transform: rotate(-38deg);}
	.f-arrow[class*="prev"]:active:after {-webkit-transform: rotate(38deg); transform: rotate(38deg);}
	.f-arrow[class*="next"]:active:before {-webkit-transform: rotate(38deg); transform: rotate(38deg);}
	.f-arrow[class*="next"]:active:after {-webkit-transform: rotate(-38deg); transform: rotate(-38deg);}
/* Styles */
.f-arrow {width: 35px; height: 35px; background: #fff; border: 1px solid #38474f; border-radius: 2px; color: #38474f;}
.f-arrow:hover {background: #38474f; color: #fff;}
	.f-arrow[class*="prev"] {left: 3px;}
	.f-arrow[class*="next"] {right: 3px;}
		.f-arrow:before, .f-arrow:after {width: 14px; height: 3px; border-radius: 2px;}
		.f-arrow:before {top: 1px;}
		.f-arrow:after {bottom: 1px;}

/*------ Dots ------*/
.f-dots {width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10;}
	.f-dots .dot {flex: 0 0 auto; display: inline-block; width: 18px; height: 18px; background: transparent; color: #38474f; border: 2px solid; border-radius: 50%; margin: 0 4px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-touch-callout: none;}
	.f-dots .dot:hover {color: #546e7a;}
	.f-dots .dot.active {color: #b71c1c;}
		.f-dots .dot:after {content: ''; display: block; width: 100%; width: calc(100% - 6px); height: 100%; height: calc(100% - 6px); background: currentColor; border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.2s ease-out 0s; transition: transform 0.2s ease-out 0s;}
		.f-dots .dot.active:after {-webkit-transform: scale(1); transform: scale(1);}

/*------ Pagination ------*/
.f-pagination {display: flex; justify-content: center; align-items: center; margin: 40px auto 0; position: relative;}
	.f-pagination > * {flex: 0 0 auto; display: inline-block; font-size: 18px; line-height: 1; text-align: center;}
	.f-pagination .pag {border: 1px solid rgba(0,0,0,0.2); border-radius: 2px; padding: 8px 12px; color: #38474f; margin: 0 5px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		.f-pagination .pag:hover {border-color: currentColor;}
		.f-pagination .pag:active {-webkit-transform: scale(0.96); transform: scale(0.96);}
		.f-pagination .pag.current {color: #b71c1c; border-color: currentColor; -webkit-transform: scale(1.1); transform: scale(1.1);}
	.f-pagination .arrow {position: relative; left: auto; right: auto; top: auto; bottom: auto;}
		.f-pagination .prev {margin-right: 10px;}
		.f-pagination .next {margin-left: 10px;}

/*------ Buttons ------*/
.button {display: inline-block; background: #c0c0c0; position: relative; -webkit-transition: all 0.3s ease-out 0s, top 0s; transition: all 0.3s ease-out 0s, top 0s;}
.button-text {display: block; border-radius: inherit; position: relative; z-index: 3;}
	.button:before, .button:after {content: ''; display: block; width: 100%; height: 100%; border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: inherit; transition: inherit;}
	.button:before {z-index: 1;}
	.button:after {opacity: 0; visibility: hidden; z-index: 2;}
.button:hover {top: -1px;}
	.button:hover:before {}
	.button:hover:after {opacity: 1; visibility: visible;}
.button:active {top: 1px;}
	
	/* All buttons */
	.button {background: #b71c1c; border-radius: 2px; font-weight: 500; font-size: 20px; line-height: 1.2; color: #fff; text-align: center;}
	.button-text {padding: 20px 10px;}
		.button:after {background: #38474f;} .button:hover {}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	.button {font-size: 18px;}
		.button-text {padding: 18px 10px;}
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	.button {font-size: 16px;}
		.button-text {padding: 16px 10px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	.f-arrow {width: 32px; height: 32px;}
	.f-pagination {margin-top: 30px;}
		.f-pagination .pag {padding: 7px 9px; margin: 0 4px;}
		.f-pagination .arrow {}
			.f-pagination .prev {margin-right: 4px;}
			.f-pagination .next {margin-left: 4px;}
}


/********************  FORMS  ********************/

form {position: relative;}
	form .form-heading {font-weight: 700; line-height: 1.2; margin: 0 auto 15px;}
	form .submit {display: block; width: 100%; margin: 0 auto;}
	
	/*------ Fields ------*/
	.form-field {display: flex; flex-direction: column; width: 100%; margin: 0 auto 15px; position: relative;}
	.form-field > * {flex: 0 0 auto; order: 5; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		
		/* Inputs */
		.field-input {display: block; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 1.2; padding: 10px 12px;}
			.field-input:not([readonly]):not(:disabled):not(.disabled):hover {border-color: #38474f;}
			.field-input:not([readonly]):not(:disabled):not(.disabled):focus {border-color: #38474f; box-shadow: 0 0 0 1px #38474f inset; outline: 0;}
		
		/* Checkbox & Radio */
		.chradio-field {display: flex; align-items: center; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
			.chradio-field input {position: absolute; left: -9999px;}
			.f-chradio {flex: 0 0 auto; display: inline-block; width: 20px; height: 20px; color: #bababa; border: 1px solid; position: relative; -webkit-transition: inherit; transition: inherit;}
			.f-checkbox {border-radius: 2px;}
			.f-radio {border-radius: 50%;}
				.f-chradio:before {content: ''; display: block; width: 70%; height: 70%; background: currentColor; border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: inherit; transition: inherit; -webkit-transition-property: -webkit-transform; transition-property: transform;}
			.f-chradio + .label {line-height: 1; margin-left: 10px; -webkit-transition: inherit; transition: inherit;}
			/* states */
			.chradio-field:hover .f-chradio, .chradio-field :focus ~ .f-chradio {color: #148cd7;}
			.chradio-field :checked ~ .f-chradio {color: #148cd7;}
			.chradio-field :checked ~ .f-chradio:before {-webkit-transform: scale(1); transform: scale(1);}
			.chradio-field .error ~ .f-chradio {color: #f00 !important; -webkit-animation: error-chradio 1s ease-in-out 1; animation: error-chradio 1s ease-in-out 1;}
			.chradio-field :disabled ~ .f-chradio {color: #bababa !important; opacity: 0.6 !important;}
		
		/* Icons */
		.field-icon {position: absolute; left: 10px; top: 10px; pointer-events: none;}
			.field-input:not([readonly]):not(:disabled):not(.disabled):focus ~ .field-icon {}
			.field-input.error ~ .field-icon {color: #f00 !important; box-shadow: none; -webkit-animation: error-input 0.1s linear 6; animation: error-input 0.1s linear 6;}
		
		/* Labels */
		.field-label {order: 1;}
		
		/* Placeholders */
		.field-input::-webkit-input-placeholder {color: #ccc;}
		.field-input::-moz-placeholder {color: #ccc;}
		.field-input::-ms-input-placeholder {color: #ccc;}
		.field-input:-moz-placeholder {color: #ccc;}
		.field-input:-ms-input-placeholder {color: #ccc;}
		
		/* Errors */
		.field-input.error {color: #f00 !important; border-color: #f00 !important; -webkit-animation: error-input 0.1s linear 6; animation: error-input 0.1s linear 6;}
		.field-input.error::-webkit-input-placeholder {color: #f00 !important;}
		.field-input.error::-moz-placeholder {color: #f00 !important;}
		.field-input.error::-ms-input-placeholder {color: #f00 !important;}
		.field-input.error:-moz-placeholder {color: #f00 !important;}
		.field-input.error:-ms-input-placeholder {color: #f00 !important;}
	
	/*------ Inline forms ------*/
	.inline-form {}
		.inline-form .fields {padding-right: 5px; position: relative;}
			.inline-form .form-field {margin: 0;}
				.inline-form .field-input {padding-right: 45px;}
			.inline-form .submit {width: 36px; height: 100%; border-radius: 4px; margin: 0; position: absolute; top: 0; right: 0;}
			.inline-form .submit:active {-webkit-transform: scale(0.96); transform: scale(0.96);}
				.inline-form .submit .arrow {display: block; width: 18px; height: 18px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3;}
					.inline-form .submit .arrow:before, .inline-form .submit .arrow:after {content: ''; display: block; margin: auto; position: absolute; top: 0; bottom: 0;}
					.inline-form .submit .arrow:before {width: 95%; height: 2px; background: currentColor; left: 0; right: auto;}
					.inline-form .submit .arrow:after {width: 65%; height: 65%; border: 2px solid; border-width: 2px 2px 0 0; right: 2px; left: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	
	/*------ Sending ------*/
	form.disabled {cursor: progress;}
	input[name="name"] {display: none !important;}
		
		form .form-loading {background: rgba(255,255,255,0.7); border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s;}
		form.disabled .form-loading {opacity: 1; visibility: visible;}
			.cssload-box-loading {width: 50px; height: 50px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				.cssload-box-loading:before, .cssload-box-loading:after {content: ''; display: block; width: 100%; position: absolute; left: 0;}
				.cssload-box-loading:before {height: 5px; background: #000; opacity: 0.1; top: 58px; border-radius: 50%; -webkit-animation: cssload-shadow 0.6s linear infinite; animation: cssload-shadow 0.6s linear infinite;}
				.cssload-box-loading:after {height: 100%; background: #38474f; top: 0; border-radius: 3px; -webkit-animation: cssload-animate 0.6s linear infinite; animation: cssload-animate 0.6s linear infinite;}


/********************  fCONTENT  ********************/

.f-content {font-size: 18px; line-height: 1.5; font-family: Roboto, sans-serif; color: #263238; text-align: left;}
.f-content:after {content: ''; display: block; height: 1px; clear: both;}
	/* TinyMCE */
	.f-content [class*="mce-"] {border: 0; padding: 0; margin: 0; outline: 0;}
	.f-content div:not([class]), .f-content span:not([class]), .f-content p, .f-content ul, .f-content ul li, .f-content ol, .f-content ol li, .f-content img, .f-content iframe, .f-content blockquote, .f-content pre, .f-content hr {padding: 0;}
	.f-content .alignleft {float: left; margin-right: 20px;}
	.f-content .alignright {float: right; margin-left: 20px;}
	.f-content .aligncenter {margin-left: auto; margin-right: auto;}
	/* Headings */
	.f-content h1, .f-content h2, .f-content h3, .f-content h4, .f-content h5, .f-content h6 {display: block; font-weight: 500; line-height: 1.2; font-family: inherit; color: inherit; text-align: left; text-transform: none; letter-spacing: 0;}
		.f-content h1 {font-weight: 700; font-size: 34px; text-align: center; margin: 30px auto;}
		.f-content h2 {font-size: 28px; margin: 20px auto;}
		.f-content h3 {font-size: 24px; margin: 15px auto;}
		.f-content h4 {font-size: 20px; margin: 15px auto;}
		.f-content h5 {font-weight: 700; font-size: 18px; margin: 15px auto;}
		.f-content h6 {font-weight: 700; font-size: 16px; margin: 15px auto;}
	/* Text */
	.f-content p {}
	.f-content blockquote {display: inline-block; font-style: italic; border-left: 5px solid; color: #546e7a; padding: 20px 25px 20px 85px; position: relative; left: 25px;}
		.f-content blockquote:before {content: '“'; font: 700 700%/0.7 Georgia, serif; position: absolute; left: 10px; top: 10px; z-index: 0;}
	.f-content q {font-style: italic;}
		.f-content q:before, .f-content q:after {content: '"';}
	.f-content pre {font-family: monospace;}
		.f-content strong, .f-content b {font-weight: 700;}
		.f-content em, .f-content i {font-style: italic;}
		.f-content sup {vertical-align: super; font-size: 70%; line-height: 0;}
		.f-content sub {vertical-align: sub; font-size: 70%; line-height: 0;}
		.f-content del {text-decoration: line-through;}
		.f-content ins {text-decoration: underline;}
	/* Unordered list */
	.f-content ul {text-align: left;}
		.f-content ul li {list-style: none; padding: 0 0 0 30px; position: relative;}
		.f-content ul li:before {content: ''; display: block; width: 5px; height: 5px; background: #38474f; border-radius: 50%; position: absolute; left: 10px; top: 11px;}
	/* Numerical list */
	.f-content ol {text-align: left; counter-reset: list;}
		.f-content ol li {list-style: none; padding: 0 0 0 30px; position: relative;}
		.f-content ol li:before {display: inline-block; counter-increment: list; content: counter(list) ')'; position: absolute; left: 0; top: 0;}
	/* Definitions list */
	.f-content dl {text-align: left;}
		.f-content dt {display: inline; font-weight: 700; font-style: italic; color: #38474f;}
		.f-content dd {display: inline;}
			.f-content dd:before {content: ' - ';}
			.f-content dd:after {content: ''; display: block;}
	/* Images */
	.f-content img:not([class*="mce"]) {display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 100%;}
	/* Links */
	.f-content a:not([class]) {display: inline; border-bottom: 1px solid; color: #b71c1c; text-decoration: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		.f-content a:not([class]):hover {border-color: transparent;}
	/* Iframe */
	.f-iframe-container, #tinymce .mce-object-iframe {display: block; max-width: 1000px; position: relative;}
		.f-iframe-container:before, #tinymce .mce-object-iframe:before {content: ''; display: block; padding-top: 65%;}
		.f-iframe-container iframe, #tinymce .mce-object-iframe iframe {display: block; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	/* Margins */
	.f-content p, .f-content ul, .f-content ol, .f-content dl, .f-content blockquote, .f-content pre, .f-content hr {margin: 0 auto 20px;}
	.f-content img, .f-iframe-container, #tinymce .mce-object-iframe {margin: 40px auto;}
	.f-content img[class*="align"], .f-iframe-container[class*="align"], #tinymce .mce-object-iframe[class*="align"] {margin-top: 0;}
	.f-content ul li, .f-content ol li, .f-content dd:after {margin-bottom: 10px;}
	.f-content > :first-child {margin-top: 0 !important;}
	.f-content > :last-child, .f-content ul li:last-child, .f-content ol li:last-child {margin-bottom: 0 !important;}
	
	/* Tables */
	.f-content table {width: 100%; border-spacing: 0; border-collapse: collapse; margin: 0 auto 20px;}
		.f-content table tr {}
			.f-content table th, .f-content table td {vertical-align: middle; text-align: center;}
			.f-content table th {font-weight: 700;}
			.f-content table td {}
	
	/* Gallery */
	.f-wp-gallery {display: flex; flex-wrap: wrap; justify-content: space-around; padding: 10px 0; margin: 0 auto;}
		.f-wp-gallery .item {display: flex; flex-direction: column; margin: 0 0 20px;}
			.f-wp-gallery .item a {border: none;}
			.f-wp-gallery .item .image {flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}
				.f-wp-gallery .item img {display: inline-block; max-width: 100%; margin: 0;}
			.f-wp-gallery .item figcaption {flex: 0 0 auto; font-size: 90%; line-height: 1.2; text-align: center; margin: 10px 0 0;}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	.f-content {font-size: 16px;}
		.f-content ul {}
			.f-content ul li {}
			.f-content ul li:before {width: 4px; height: 4px; left: 10px; top: 10px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	.f-content {}
		.f-content h1, .f-content h2, .f-content h3, .f-content h4, .f-content h5, .f-content h6 {}
			.f-content h1 {font-size: 30px; margin: 20px auto;}
			.f-content h2 {font-size: 26px;}
			.f-content h3 {font-size: 22px;}
		.f-content img, .f-iframe-container, #tinymce .mce-object-iframe {margin: 30px auto;}
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	.f-content {}
		.f-content .alignleft {float: none; margin-right: auto;}
		.f-content .alignright {float: none; margin-left: auto;}
		.f-content h1, .f-content h2, .f-content h3, .f-content h4, .f-content h5, .f-content h6 {}
			.f-content h1 {font-size: 28px;}
			.f-content h2 {font-size: 24px;}
		.f-content blockquote {border-left-width: 4px; padding: 15px 15px 15px 70px; left: 15px;}
			.f-content blockquote:before {font-size: 600%;}
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	.f-content {font-size: 15px;}
		.f-content h1, .f-content h2, .f-content h3, .f-content h4, .f-content h5, .f-content h6 {}
			.f-content h1 {font-size: 26px; margin: 20px auto;}
			.f-content h2 {font-size: 22px; margin: 15px auto;}
			.f-content h3 {font-size: 20px;}
			.f-content h4 {font-size: 18px;}
			.f-content h5 {font-size: 16px;}
			.f-content h6 {font-size: 15px;}
		.f-content ul {}
			.f-content ul li {}
			.f-content ul li:before {top: 9px;}
		.f-wp-gallery {}
			.f-wp-gallery .item {min-width: 30%;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	.f-content {font-size: 14px;}
		.f-content h1 {font-size: 24px;}
		.f-content blockquote {padding: 5px 10px 5px 55px; left: 10px;}
			.f-content blockquote:before {font-size: 550%; left: 6px; top: 8px;}
		.f-content ul {}
			.f-content ul li {padding-left: 25px;}
			.f-content ul li:before {left: 8px;}
		.f-content ol {}
			.f-content ol li {padding-left: 25px;}
		.f-wp-gallery {}
			.f-wp-gallery .item {min-width: 46%;}
		.f-content p, .f-content ul, .f-content ol, .f-content dl, .f-content blockquote, .f-content pre, .f-content hr {margin-bottom: 15px;}
		.f-content ul li, .f-content ol li, .f-content dd:after {margin-bottom: 8px;}
		.f-content img, .f-iframe-container, #tinymce .mce-object-iframe {margin: 25px auto;}
}


/********************  HEADER  ********************/

header {width: 100%; height: 45px; background: #fff; border-bottom: 1px solid rgba(56,71,79,0.1); margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 90;}
header .wrapper {display: flex; justify-content: space-between; align-items: center; height: 100%; padding-top: 2px; padding-bottom: 2px;}
	header .slogan {flex: 0 0 auto; font-size: 14px; color: #91a4ad;}
	header .controls {flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; margin-left: 40px;}
		header .controls > * {flex: 0 0 auto;}
		/*  show search */
		header .show-search {display: inline-block; font-size: 14px; color: #546e7a; padding-left: 25px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		header .show-search:hover {color: #b71c1c;}
		header .show-search:active {top: 1px;}
			header .show-search .icon {width: 20px; height: 20px; position: absolute; left: 0; top: 0;}
		/* search form */
		header .search-form {display: none; flex: 1 1 0%;}
			header .search-form .field-input {padding-top: 8px; padding-bottom: 8px;}
		/* auth link */
		header .auth-link {display: inline-block; font-size: 14px; color: #546e7a; padding-left: 35px; margin-left: 40px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		header .auth-link:hover {color: #b71c1c;}
		header .auth-link:active {top: 1px;}
			header .auth-link .icon {width: 25px; height: 25px; position: absolute; left: 0; top: -3px;}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	header {}
		header .auth-link {margin-left: 20px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	header {display: none;}
}


/********************  NAVIGATION  ********************/

#navigation {width: 100%; height: 95px; background: #fff; border-bottom: 1px solid rgba(56,71,79,0.1); margin: 0 auto; position: absolute; left: 0; right: 0; top: 45px; z-index: 100;}
#navigation .wrapper {display: flex; justify-content: space-between; align-items: center; height: 100%; padding-top: 15px; padding-bottom: 15px;}
	#navigation .logo {flex: 0 0 auto; z-index: 3;}
	
	/* Profile links */
	@media all and (min-width: 1024px){
		#profile-links {position: fixed; top: 250px; right: -15px; z-index: 150;}
		@media all and (max-width: 1199px){ #profile-links {top: 200px;} }
			#profile-links a {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 75px; height: 70px; background: #546e7a; font-weight: 500; font-size: 18px; line-height: 1; color: #fff; text-align: center; padding-right: 15px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
			#profile-links a:hover {-webkit-transform: translateX(-5px); transform: translateX(-5px);}
			#profile-links .cart-link {background: #b71c1c; border-radius: 4px 0 0 0;}
			#profile-links .favorites-link {background: #38474f; border-radius: 0 0 0 4px;}
				#profile-links a .icon {flex: 0 0 auto; width: 25px; height: 25px;}
				#profile-links a .label {display: none;}
				#profile-links a .count {display: block; margin-top: 5px;}
	}
	
	/* Menu */
	#navigation .menu {}
		#navigation .search-form {display: none;}
		#navigation .top-menu {}
			#navigation .menu-item {position: relative;}
				#navigation .menu-item > a {display: block; font-weight: 500; font-size: 18px; line-height: 1; color: #455a64; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
					#navigation .menu-item > a:hover {color: #b71c1c;}
					#navigation .menu-item > a.active {color: #b71c1c;}
					#navigation .menu-item > a:active {top: 1px;}
			#navigation .cart-item {}
				#navigation .cart-item > a {color: #b71c1c; padding-left: 30px;}
					#navigation .cart-item > a .icon {width: 22px; height: 22px; position: absolute; left: 0; top: -5px;}
						#navigation .cart-item > a:hover .icon {-webkit-animation: link-icon-wobble 0.6s ease-in-out 1; animation: link-icon-wobble 0.6s ease-in-out 1;}
		
		/* desktop */
		@media all and (min-width: 1024px){
			#navigation {}
			#navigation.fixed {position: fixed; top: 0;}
				#navigation .menu {flex: 1 1 auto; -webkit-transform: none !important; transform: none !important;}
					#navigation .top-menu {display: flex; justify-content: flex-end; align-items: center; -webkit-transform: none !important; transform: none !important;}
						#navigation .menu-item {margin: 0 15px;}
						#navigation .menu-item:first-child {margin-left: 0;}
						#navigation .menu-item:last-child {margin-right: 0;}
							#navigation .menu-item > a {}
		}
	
	/* Show nav */
	#show-nav {flex: 0 0 auto; display: none; width: 36px; height: 36px; color: #b71c1c; position: relative; z-index: 3; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		/* circles */
		#show-nav [class*="circle"] {width: 50%; height: 0; position: absolute; overflow: hidden; -webkit-transition: height 0.2s ease-out 0s; transition: height 0.2s ease-out 0s;}
		#show-nav .circle-left {left: 0; bottom: 0; -webkit-transition-delay: 0s; transition-delay: 0s;}
		#show-nav .circle-right {right: 0; top: 0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
			#show-nav [class*="circle"]:before {content:''; display: block; width: 100%; height: 36px; border: 2px solid currentColor; position: absolute;}
			#show-nav .circle-left:before {border-right: none; border-radius: 100% 0 0 100%/50% 0 0 50%; left: 0; bottom: 0;}
			#show-nav .circle-right:before {border-left: none; border-radius: 0 100% 100% 0/0 50% 50% 0; right: 0; top: 0;}
		/* lines */
		#show-nav [class*="line"] {
			width: 100%; height: 3px; background: currentColor; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
			-webkit-transition: top 0.2s ease-out 0.2s, opacity 0.2s ease-out 0.2s, width 0.1s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
			transition: top 0.2s ease-out 0.2s, opacity 0.2s ease-out 0.2s, width 0.1s ease-out 0s, transform 0.2s ease-out 0s;
		}
			#show-nav .line-top {top: -18px;}
			#show-nav .line-middle {}
			#show-nav .line-bottom {top: 18px;}
	/* states */
	#show-nav.active {}
		#show-nav.active [class*="circle"] {height: 100%;}
			#show-nav.active .circle-left {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
			#show-nav.active .circle-right {-webkit-transition-delay: 0s; transition-delay: 0s;}
		#show-nav.active [class*="line"] {
			width: 70%; top: 0;
			-webkit-transition: top 0.2s ease-out 0s, opacity 0.2s ease-out 0s, width 0.1s ease-out 0.2s, -webkit-transform 0.2s ease-out 0.2s;
			transition: top 0.2s ease-out 0s, opacity 0.2s ease-out 0s, width 0.1s ease-out 0.2s, transform 0.2s ease-out 0.2s;
		}
			#show-nav.active .line-top {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
			#show-nav.active .line-middle {opacity: 0;}
			#show-nav.active .line-bottom {-webkit-transform: rotate(45deg); transform: rotate(45deg);}


/*------ 1024 ------*/
@media all and (max-width: 1199px){
	#navigation {height: 90px;}
		#navigation .menu {}
			#navigation .menu-item {margin: 0 10px;}
				#navigation .menu-item > a {font-size: 16px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	#navigation {height: 70px; position: fixed; top: 0;}
	#navigation .wrapper {padding-top: 5px; padding-bottom: 5px;}
		#show-nav {display: inline-block;}
		#profile-links {display: flex; justify-content: center; align-items: center; margin: 0 15px; position: relative; z-index: 3;}
			#profile-links a {flex: 0 0 auto; display: flex; align-items: center; font-weight: 500; font-size: 18px; line-height: 1; color: #b71c1c; margin-right: 20px; position: relative;}
			#profile-links a:last-child {margin-right: 0;}
			#profile-links a:active {top: 1px;}
				#profile-links a > * {flex: 0 0 auto;}
				#profile-links a .icon {width: 20px; height: 20px; margin-right: 10px; position: relative;}
					#profile-links .cart-link .icon {top: -2px;}
				#profile-links a .label {display: block; margin-right: 5px;}
				#profile-links a .count {}
					#profile-links a .count:before {content: '('; display: inline;}
					#profile-links a .count:after {content: ')'; display: inline;}
		#navigation .menu {display: flex; flex-direction: column; align-items: flex-end; width: 100%; height: 100%; height: calc(100% + 80px); background: #fff; padding: 120px 20px 60px; margin: auto; position: fixed; top: 0; bottom: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s;}
		#navigation .menu.drag {-webkit-transition: -webkit-transform 0.1s ease-out 0s; transition: transform 0.1s ease-out 0s;}
		#navigation .menu.active {-webkit-transform: translateX(0); transform: translateX(0);}
			#navigation .menu-container {flex: 1 1 auto; width: 100%; overflow: auto; overflow-x: hidden;}
				#navigation .search-form {display: block; width: 90%; max-width: 320px; margin: 0 auto 30px;}
				#navigation .top-menu {position: relative; -webkit-transition: -webkit-transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s;}
					#navigation .cart-item {display: none;}
					#navigation .menu-item {margin-bottom: 20px; position: static;}
					#navigation .menu-item:last-child {margin-bottom: 0;}
						#navigation .menu-item > a {font-weight: 400; font-size: 18px; text-align: center;}
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	#navigation {height: 60px;}
		#navigation .menu {padding-left: 15px; padding-right: 15px;}
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	#navigation {}
		#profile-links {}
			#profile-links a {font-size: 16px; margin-right: 15px;}
				#profile-links a .icon {margin-right: 8px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	#navigation {}
		#profile-links {}
			#profile-links a {}
				#profile-links a .label {display: none;}
				#profile-links a .count {}
					#profile-links a .count:before, #profile-links a .count:after {display: none;}
		#navigation .menu {padding-left: 10px; padding-right: 10px;}
			#navigation .menu-item {}
				#navigation .menu-item > a {font-size: 16px;}
}


/********************  NEWS ITEMS  ********************/

.news-items {display: flex; flex-wrap: wrap; margin: 0 auto -30px;}
	.news-item {flex: 1 1 0%; display: flex; flex-direction: column; min-width: 230px; max-width: 410px; margin: 0 0 30px 30px; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
	@media all and (min-width: 1024px){ .news-item:nth-child(4n+1) {margin-left: 0;} }
		.news-item * {-webkit-transition: inherit; transition: inherit;}
		.news-item .photo {flex: 0 0 auto; background: #38474f; position: relative; z-index: 1; overflow: hidden;}
			.news-item .photo:before {content: ''; display: block; padding-top: 60%;}
			.news-item .photo img {display: block; width: 100%; min-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
		.news-item .info {flex: 1 1 auto; border: 1px solid rgba(84,110,122,0.2); border-top: none; padding: 20px 25px; position: relative; z-index: 2; -webkit-transition: inherit; transition: inherit;}
			.news-item .title {font-weight: 500; font-size: 16px;}
			.news-item .date {display: block; font-size: 14px; color: rgba(84,110,122,0.6); margin-top: 15px;}
	/* first item */
	@media all and (min-width: 1200px){
		.news-item:first-child {flex: 0 0 auto; width: calc(33.3% - 20px); color: #fff;}
		@media all and (max-width: 1299px){ .news-item:first-child {width: calc(33.3% - 14px);} }
			.news-item:first-child .photo {min-height: 100%;}
				.news-item:first-child .photo:before {padding-top: 85%;}
			.news-item:first-child .info {flex: 0 0 auto; display: flex; flex-direction: column; justify-content: flex-end; border: none; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				.news-item:first-child .title {flex: 0 0 auto; font-weight: 700; font-size: 18px;}
				.news-item:first-child .date {flex: 0 0 auto; font-size: 14px; color: #fff;}
	}
	/* hover */
	.news-item:hover {}
		.news-item:hover .photo img {-webkit-transform: scale(1.02); transform: scale(1.02);}
		.news-item:hover .title {color: #b71c1c;}


/*------ 1200 ------*/
@media all and (max-width: 1299px){
	.news-items {margin-bottom: -20px;}
		.news-item {margin: 0 0 20px 20px;}
			.news-item .info {padding: 15px 20px;}
}

/*------ 1024 ------*/
@media all and (max-width: 1199px){
	.news-items {}
		.news-item {flex: 0 0 auto; width: calc(25% - 12px); min-width: 1px; max-width: 100%; margin-left: 15px;}
			.news-item .info {padding: 15px;}
				.news-item .title {font-size: 100%;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	.news-items {}
		.news-item {width: calc(33.3% - 10px);}
		@media all and (min-width: 768px){ .news-item:nth-child(3n+1) {margin-left: 0;} }
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	.news-items {}
		.news-item {width: calc(50% - 10px); margin-left: 20px;}
		@media all and (min-width: 480px){ .news-item:nth-child(2n+1) {margin-left: 0;} }
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	.news-items {margin-bottom: -15px;}
		.news-item {width: calc(50% - 5px); margin: 0 0 15px 10px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	.news-items {margin-bottom: 20px;}
		.news-item {width: 100%; margin: 0 0 20px;}
}


/********************  FOOTER  ********************/

footer {background: #f6f6f7;}
footer .wrapper {display: flex; justify-content: space-between; padding-top: 30px; padding-bottom: 30px;}
	/* Navigation */
	footer .footer-nav {display: flex; font-size: 14px;}
		footer .footer-nav .col {flex: 0 0 auto; width: 190px; margin-right: 30px;}
		footer .footer-nav .col:last-child {margin-right: 0;}
			footer .footer-nav .heading {font-weight: 700; margin-bottom: 10px;}
				@media all and (min-width: 1024px){ footer .footer-nav .column-documents .heading {text-indent: -14px;} }
			footer .footer-nav ul {}
				footer .footer-nav ul li {margin-bottom: 8px; position: relative;}
				footer .footer-nav ul li:last-child {margin-bottom: 0;}
					footer .footer-nav a {display: inline; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
						footer .footer-nav a:hover {color: #b71c1c;}
						footer .footer-nav a:active {top: 1px;}
		/* specific columns */
		footer .column-documents {}
			footer .column-documents a {border-bottom: 1px solid;}
			footer .column-documents a:hover {border-bottom-color: transparent;}
		footer .column-contacts {}
			footer .column-contacts li {padding-left: 24px;}
				footer .column-contacts a {display: inline-block; line-height: 1.2;}
					footer .column-contacts .icon {width: 15px; height: 15px; position: absolute; left: -24px; top: 0;}
					footer .column-contacts .email .icon {top: 1px;}
					footer .column-contacts .location .icon {top: 2px;}
		footer .column-project {}
		footer .column-info {}
	/* Subscribe */
	footer .subscribe {flex: 0 0 auto; width: 300px;}
		footer .subscribe-form {}
			footer .subscribe-form .form-heading {font-size: 14px; text-align: left;}
		/* social links */
		footer .social {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 30px 0 0;}
			footer .social .label {font-weight: 700; font-size: 14px; line-height: 1.2; margin-right: 8px;}
			footer .social-links {display: flex; flex-wrap: wrap; align-items: flex-start;}
				footer .social-links a {display: inline-block; width: 36px; height: 36px; background: #38474f; border-radius: 2px; color: #fff; margin: 4px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
				@media all and (min-width: 600px){
					footer .social-links a:first-child {margin-left: 0;}
					footer .social-links a:last-child {margin-right: 0;}
				}
					footer .social-links a:hover {background: #b71c1c; -webkit-transform: scale(1.04); transform: scale(1.04);}
					footer .social-links a:active {top: 1px;}
						footer .social-links a .icon {width: 60%; height: 60%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}


/*------ 1200 ------*/
@media all and (max-width: 1299px){
	footer {}
		footer .footer-nav {}
			footer .footer-nav .col {margin-right: 20px;}
}

/*------ 1024 ------*/
@media all and (max-width: 1199px){
	footer {}
		footer .footer-nav {}
			footer .column-info {display: none;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	footer {}
		footer .footer-nav {}
			footer .column-project {display: none;}
}

/*------ 600 ------*/
@media all and (max-width: 767px){
	footer {}
		footer .footer-nav {}
		footer .subscribe {width: auto;}
			footer .subscribe-form {display: none;}
			footer .social {margin: 0;}
				footer .social .label {display: none;}
				footer .social-links {width: 100%;}
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	footer .wrapper {flex-wrap: wrap; padding-top: 25px; padding-bottom: 25px;}
		footer .footer-nav {}
			footer .footer-nav .col {flex: 1 1 auto; width: auto; margin: 0 0 0 30px;}
			footer .footer-nav .col:first-child {margin-left: 0;}
		footer .subscribe {flex: 0 0 100%; margin: 30px auto 0;}
			footer .social-links {justify-content: center;}
				footer .social-links a {width: 30px; height: 30px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	footer {}
		footer .footer-nav {flex-wrap: wrap;}
			footer .footer-nav .col {flex: 0 0 100%; width: 100%; text-align: center; margin: 25px 0 0 0;}
			footer .footer-nav .col:first-child {margin-top: 0;}
				footer .footer-nav .heading {font-size: 15px;}
					footer .footer-nav .break-line {display: none;}
		footer .subscribe {margin-top: 25px;}
}


/********************  MODAL WINDOWS  ********************/

body, header, #navigation {width: 100%; width: 100vw;}

[id^="f-overlay-modal"] {display: none; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 1000;}
[id^="f-modals"] {display: none; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; -webkit-transform: translateZ(0); -webkit-overflow-scrolling: touch; z-index: 1001;}
	[id^="f-modals"]:before, [id^="f-modals"]:after {content: ''; display: block; flex: 0 0 auto; width: 100%; height: 45px;}

/* html {overflow: hidden;} #f-overlay-modal {display: block;} #f-modals {display: flex;} .f-modal {transform: none !important;} /* для отладки */

/* Animations */
.f-modal {-webkit-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: -webkit-transform 0.4s ease-out 0s; transition: transform 0.4s ease-out 0s;}
.f-modal.active {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.f-modal.switch-out.rtl, .f-modal.switch-in.ltr {-webkit-transform: translate(-30px, 0); transform: translate(-30px, 0);}
.f-modal.switch-in.rtl, .f-modal.switch-out.ltr {-webkit-transform: translate(30px, 0); transform: translate(30px, 0);}
	
	/* All modals */
	.f-modal {display: none; flex: 0 0 auto; width: 95%; min-width: 300px; background: #fff; margin: 0 auto; position: relative;}
		.close-modal {z-index: 15;}
		.close-modal.f-close {position: absolute; top: 5px; right: 5px; z-index: 15;}


/*------ 768 ------*/
@media all and (max-width: 1023px){
	[id^="f-modals"]:before, [id^="f-modals"]:after {height: 30px;}
}

/*------ 480 ------*/
@media all and (max-width: 599px){
	[id^="f-modals"]:before, [id^="f-modals"]:after {height: 20px;}
}


/********************  CUSTOM DIALOG BOXES  ********************/

html.fd-lock {overflow: hidden !important; position: relative;}
#f-dialogs-overlay {display: none; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.9); z-index: 100000;}
#f-dialogs {display: none; width: 100%; height: 100%; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100001; overflow: auto; -webkit-transform: translateZ(0);}
	
	/*------ Dialogs ------*/
	.f-dialog {display: none; width: 95%; max-width: 500px; min-width: 300px; background: #ababab; background: linear-gradient(135deg, #ababab 0%, #323232 100%); box-shadow: 0 10px 30px rgba(50,50,50,0.3); border-radius: 6px; font-size: 16px; line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; color: #323232; text-align: center; padding: 10px; margin: 20px auto 0;}
	.f-dialog .content-container {width: 100%; background: #ffffff; border-radius: inherit; padding: 35px 25px 30px; position: relative;}
		
		/* Animation */
		.f-dialog {-webkit-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275) 0.2s; transition: transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275) 0.2s;}
		.f-dialog.active {-webkit-transform: translateY(0); transform: translateY(0);}
		
		/* Close button */
		.f-dialog .close {display: block; width: 24px; height: 24px; border-radius: 50%; color: #323232; position: absolute; top: 5px; right: 5px; -webkit-touch-callout: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
		.f-dialog .close:hover {background: #323232; color: #ffffff;}
		.f-dialog .close:active {-webkit-transform: scale(0.96); transform: scale(0.96);}
			.f-dialog .close:before, .f-dialog .close:after {content: ''; display: block; width: 2px; height: 16px; background: currentColor; border-radius: 2px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
			.f-dialog .close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
			.f-dialog .close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
		
		/* Message */
		.f-dialog .message {font-weight: 400;}
		
		/* Prompt input */
		.f-dialog .entry-field {display: block; width: 100%; background: #fff; border: 1px solid rgba(50,50,50,0.2); padding: 8px 12px; margin: 20px auto; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
			.f-dialog .entry-field:hover {border-color: #6691cd;}
			.f-dialog .entry-field:focus {border-color: #6691cd;}
		
		/* Buttons */
		.f-dialog .buttons {font-size: 0; line-height: 0; text-align: center; margin: 20px auto 0;}
			.f-dialog button {display: inline-block; vertical-align: middle; min-width: 95px; max-width: 200px; box-shadow: 0 20px 30px rgba(255,255,255,0.5) inset, 0 1px 0 rgba(255,255,255,0.5) inset; border: 1px solid; border-radius: 2px; font-weight: 700; font-size: 16px; line-height: 1; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px 1px #323232; padding: 12px; margin: 0 5px; position: relative; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
			.f-dialog button:hover {box-shadow: 0 -20px 30px rgba(255,255,255,0.5) inset;}
			.f-dialog button:focus {box-shadow: 0 -20px 30px rgba(255,255,255,0.5) inset, 0 0 15px #6691cd;}
			.f-dialog button:active {top: 2px;}
				.f-dialog .confirm-button {background: #5cb811; border-color: #3b7808;}
				.f-dialog .cancle-button {background: #d42916; border-color: #b73125;}
	
	#f-alert {}
	#f-confirm {}
	#f-prompt {}

/*------ 320 ------*/
@media all and (max-width: 479px){
	.f-dialog {font-size: 14px; padding: 8px;}
	.f-dialog .content {padding: 30px 15px 25px;}
		.f-dialog .close {width: 22px; height: 22px;}
		.f-dialog .close:before, .f-dialog .close:after {height: 14px;}
		.f-dialog .entry-field {margin-top: 15px;}
		.f-dialog button {font-size: 15px;}
}


/********************  NPROGRESS  ********************/

@-webkit-keyframes nprogress-spinner {0%{-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes nprogress-spinner {0%{transform: rotate(0deg);}100% {transform: rotate(360deg);}}

#nprogress {color: #b71c1c; pointer-events: none;}
#nprogress .bar {width: 100%; width: 100vw; height: 2px; background: currentColor; position: fixed; top: 0; left: 0; z-index: 12000;}
#nprogress .peg {display: block; opacity: 1; width: 100px; height: 100%; box-shadow: 0 0 10px currentColor, 0 0 5px currentColor; position: absolute; right: 0; -webkit-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px);}
#nprogress .spinner {display: block; position: fixed; top: 15px; right: 15px; z-index: 12000;}
#nprogress .spinner-icon {width: 18px; height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: currentColor; border: 2px solid transparent; border-top-color: currentColor; border-left-color: currentColor; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {position: relative; overflow: hidden;}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {position: absolute;}