/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Tablet Portrait --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Old IE fallback --------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     04. Header -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	         Mobile -----------------------------------
	     02. Contacts ---------------------------------
	     03. Filters ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Form Elements ----------------------------
	     05. Select -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     06. Form -------------------------------------
	     07. Google-map -------------------------------
	         Tablet Portrait --------------------------
	     08. Intro ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     09. List -------------------------------------
	     10. List-filters -----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     11. Logo -------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     12. Nav --------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     13. Product ----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     14. Section ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     15. Section-primary --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     16. Slider -----------------------------------
	     17. Slider-products --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     18. Subscribe --------------------------------
	         Mobile -----------------------------------
	     19. Table ------------------------------------
	     20. Widget -----------------------------------
 */

.ellipsis { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 100% 100%; width: 22px; height: 5px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ellipsis { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 100%; width: 22px; height: 5px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.3; color: #000; }
/* Tablet Portrait */
@media (max-width: 1023px) {
    body { font-size: 18px; }
}
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }
h1 { font-size: 85px; }
h2 { font-size: 68px; }
h3 { font-size: ; }
h4 { font-size: 30px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
/* Small Desktop */
@media (max-width: 1200px) {
    h1 { font-size: 70px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    h1 { font-size: 50px; }
    h2 { font-size: 45px; }
}
/* Mobile */
@media (max-width: 767px) {
    h1 { font-size: 35px; }
    h2 { font-size: 35px; }
}
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Old IE fallback  */
.browsehappy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; margin: 0; padding-top: 50px; background: #e0e0e0; text-align: center; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-xs-flex,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
	.visible-xs-flex { display: -ms-flexbox !important; display: flex !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
.ico-angle-top { position: relative; display: inline-block; width: 1em; height: 1em; color: inherit; line-height: 1; }
.ico-angle-top:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 10% 65%; transform-origin: 10% 65%; border-top: 2px solid currentColor; border-left: 2px solid currentColor; content: "";}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: relative; padding: 78px 8.1% 50px 3.2%; background: url(images/pattern.png); }
.footer .footer__path { position: absolute; z-index: 1; height: 433px; bottom: -7px; left: -55px; right: -55px; background: url(images/footer-bg.svg); background-size: cover; background-position: center; }
.footer .shell,
.footer .footer__logo,
.footer .footer__copyright { position: relative; z-index: 2;  }
.footer .footer__inner { position: relative; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer .footer__aside { -ms-flex: 1; flex: 1; margin-left: 105px; }
.footer .footer__logo { position: absolute; right: 92px; bottom: 73px; width: 275px; height: 178px; }
.footer .subscribe { margin-top: 29px; }
.footer .footer__content-section { display: -ms-flexbox; display: flex; -ms-flex: 0 1 600px; flex: 0 1 600px; max-width: 600px; }
.footer .footer__image-container { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 49px; }
.footer .footer__nav { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-top: 89px; font-size: 21px; font-weight: 600; padding-left: 8px; }
.footer .footer__nav li { display: inline-block; }
.footer .footer__nav li + li:before { margin-right: 5px; content: "|"; }
.footer .footer__nav a { position: relative; color: inherit; text-decoration: none; }
.footer .footer__nav a:after { position: absolute; top: 100%; margin-top: 3px; left: 0; right: 0; height: 2px; -ms-transform: scaleX(0); transform: scaleX(0); content: ""; transition: transform .3s; background: currentColor; }
.footer .footer__nav a:hover:after { -ms-transform: none; transform: none; }
.footer .footer__copyright { margin-top: 192px; text-align: center; font-weight: 600; color: #fff; margin-bottom: 0; }
@media (max-width: 1600px) {
    .footer { padding-left: 5%; padding-right: 5%; }
}
@media (max-width: 1400px) {
    .footer { padding-left: 2.5%; padding-right: 2.5%; }    .footer .footer__aside { margin-left: 55px; }
    .footer .footer__image-container { margin-right: 30px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .footer { padding-bottom: 25px; }
    .footer .footer__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
    .footer .footer__aside { margin-left: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: none; }
    .footer .footer__copyright { margin-top: 230px; }
    .footer .footer__path { height: 320px; }
    .footer .footer__logo { width: 200px; height: 126px; right: 30px; }
    .footer .footer__nav { margin-top: 40px; text-align: center; }
}
/* Mobile */
@media (max-width: 767px) {
    .footer { padding-top: 50px; }
    .footer .footer__logo { width: 150px; height: 97px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .footer .footer__content-section { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; -ms-flex-pack: center; justify-content: center; }
    .footer .contacts { text-align: center; }
    .footer .footer__image-container { margin-right: 0; }

    .footer .footer__nav { font-size: 19px; }
    .footer .footer__nav li + li:before { margin-right: 0; }
}
@media (max-width: 479px) {
    .footer .footer__copyright { margin-top: 200px; }

    .footer .footer__nav li { display: block; }
    .footer .footer__nav li + li:before { display: none; }
    .footer .footer__nav li + li { margin-top: 10px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { z-index: 10; position: absolute; top: 0; left: 0; right: 0; padding: 31px 95px 0; }
.header:after { z-index: -1; position: absolute; top: 0; left: 0; right: 0; height: 186px; background-image: url(images/pattern.png); content: ""; }
.header .header__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.header .logo { position: relative; top: 21px; }
/* Small Desktop */
@media (max-width: 1200px) {
    .header { padding-left: 50px; padding-right: 50px; }
    .header .logo { top: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .header { padding-left: 15px; padding-right: 15px; }
}
/* Mobile */
@media (max-width: 767px) {
    .header { position: relative; padding-top: 20px; background: #28A703; }
    .header .header__inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
    .header .logo { margin-bottom: 15px; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1650px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell--no-spacing { padding-left: 0; padding-right: 0; }
.shell--fluid { max-width: none; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; overflow: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; min-width: 248px; height: 60px; line-height: 60px; font-size: 20px; border-radius: 29px; background: #fff; text-transform: uppercase; text-decoration: none; color:#000; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: opacity .3s; }
.btn:hover { opacity: .9; }
.btn--green { background: #42A142; color: #fff; }
.btn--lg { min-width: 299px; height: 80px; line-height: 80px; }
.btn--xs { font-size: 16px; font-weight: 600; }
/*  Button Block  */
.btn-block { display: block; min-width: 100%; width: 100%; padding-left: 0; padding-right: 0; }
.btn--sharper { border-radius: 22px; }
.btn-skip { font-size: 12px; color: inherit; display: inline-block; text-align: center; text-decoration: none; transition: color .3s; }
.btn-skip i { display: block; margin-bottom: 5px; }
.btn-skip:hover { color: #2E9B2F; }
.btn-circle { width: 45px; height: 45px; display:-ms-flexbox; display:flex; border-radius: 50%; background: #2E9B2F; color: #fff; }
.btn-circle i { font-size: 15px; margin: auto; }
@media (max-width: 1400px) {
	.btn--lg { min-width: 250px; }
}
/* Mobile */
@media (max-width: 767px) {
    .btn { font-size: 17px; min-width: 200px; height: 50px; line-height: 50px; }
}
.btn-scroll-back { position: fixed; z-index: 25; bottom: 30px; right: 30px; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.btn-scroll-back.is-visible { opacity: 1; visibility: visible; }
/* ------------------------------------------------------------ *\
	Contacts
\* ------------------------------------------------------------ */
.contacts { list-style: none; line-height: 1.75; }
.contacts a { text-decoration: none; transition: color .3s; }
.contacts a:hover { text-decoration: underline; color: #2E9B2F; }
/* ------------------------------------------------------------ *\
	Filters
\* ------------------------------------------------------------ */
.filters { margin-bottom: 87px; }
.filters h4 { margin-bottom: 60px; text-align: center; text-transform: uppercase; font-weight: 400; }
.filters .filters__hint { float: left; margin-right: 22px; margin-top: 19px; font-size: inherit; font-weight: 600; }
.filters .list-filters { overflow: hidden; }
/* Small Desktop */
@media (max-width: 1200px) {
    .filters h4 { margin-bottom: 35px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .filters h4 { margin-bottom: 20px; }
    .filters .filters__hint { margin-right: 10px; }
}
/* Mobile */
@media (max-width: 767px) {
    .filters { margin-bottom: 45px; }
    .filters .filters__hint { float: none; display: none; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.select .select__hint { margin-right: 27px; font-size: inherit; text-transform: uppercase; font-weight: 600; color: #000; }
.select select { width: 378px; padding: 17px 15px 17px 37px; background: #486348; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 20px; border: 0; border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
/* Tablet Portrait */
@media (max-width: 1023px) {
    .select .select__hint { margin-right: 15px; }
    .select select { width: 340px; padding-left: 20px; font-size: 18px; }
}
/* Mobile */
@media (max-width: 767px) {
    .select { -ms-flex-direction: column; flex-direction: column; }
    .select .select__controls { max-width: 100%; }
    .select select { max-width: 100%; }
    .select .select__hint { display: block; margin-right: 0; margin-bottom: 10px; }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
	Google-map
\* ------------------------------------------------------------ */
.google-map { position: relative; height: 926px; }
.google-map iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
/* Tablet Portrait */
@media (max-width: 1023px) {
    .google-map { height: 100vh; }
}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative;  height: 1040px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 5.9%; padding-bottom: 83px; z-index: 1; background: url(images/green-bg.png) no-repeat center center; background-size: cover;  }
.intro .intro__content { position: absolute; top: 48.7%; left: 19.6%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.intro h1 { margin-bottom: 44px; color: #fff; text-transform: uppercase; line-height: 1.4; }
.intro h1 small { display: block; margin-bottom: -4px; padding-left: 37px; font-weight: 400; font-size: 0.65em; }
.intro .intro__select { margin-top: auto; }
.intro .intro__image { z-index: -1; position: absolute; right: 160px; top: 92%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 356px; height: 668px; }
.intro .intro__background { position: absolute; z-index: -1; left: -215px; right: -160px; bottom: -15px; height: 723px; background: url('images/bg-shape.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
@media (max-width: 1500px) {
    .intro--alt .intro__image { width: 300px; height: auto; right: 130px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .intro { height: 945px; }
    .intro .intro__content { top: 40%; left: 10%; }
    .intro .intro__image { right: 85px; top: 80%; width: 290px; height: 545px; }
    .intro .intro__background { height: 610px; }
    .intro h1 { margin-bottom: 15px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .intro { height: 750px; padding-left: 10px; padding-right: 10px; padding-bottom: 25px; }
    .intro h1 small { padding-left: 0; }
    .intro .intro__content { left: 0; width: 100%; text-align: center; }
    .intro .intro__background { left: 0; right: 0; height: 515px; }
    .intro .intro__image { top: 85%; right: 15px; width: 185px; height: 350px; }
}
/* Mobile */
@media (max-width: 767px) {
    .intro { height: 550px; padding-top: 60px; }
    .intro .intro__content { position: static; -ms-transform: none; transform: none; }
    .intro .intro__background { height: 385px; }

    .intro h1 { line-height: 1.2; }
    .intro h1 small { margin: 0; }

    .intro .intro__image { display: none; }
}
@media (max-width: 479px) {
    .intro .intro__image { right: -23px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List-filters
\* ------------------------------------------------------------ */
.list-filters { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -14px -15px; }
.list-filters li { padding: 0 14px 15px; -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: 25%; }
.list-filters a { display: block; width: 100%; height: 61px; line-height: 61px; padding-left: 37px; padding-right: 15px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; background: #878787; text-decoration: none; color: #fff; text-transform: capitalize; transition: background .3s; }
.list-filters a:hover,
.list-filters .selected { background: #262626; }
/* Small Desktop */
@media (max-width: 1200px) {
    .list-filters { margin: 0 -10px -20px; }
    .list-filters li { padding: 0 10px 20px; }
    .list-filters a { padding-left: 20px; font-size: 18px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .list-filters li { -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; max-width: 33.333%; }
    .list-filters a { padding-left: 10px; padding-right: 10px; }
}
/* Mobile */
@media (max-width: 767px) {
    .list-filters { margin: 0 -7px -14px; }
    .list-filters li { -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 0 7px 14px; }
    .list-filters a { font-size: 15px; height: 50px; line-height: 50px; }
}
@media (max-width: 400px) {
    .list-filters li { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; width: 347px; height: 225px; background-image: url('images/logo.svg'); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
/* Small Desktop */
@media (max-width: 1200px) {
    .logo { width: 280px; height: 180px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .logo { width: 170px; height: 110px; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { font-size: 18px; margin-top: 1px; color: #fff; text-transform: uppercase; }
.nav ul { display: -ms-flexbox; display: flex; }
.nav li + li { margin-left: 73px; }
.nav a { color: inherit; opacity: .7; transition: opacity .3s; text-decoration: none; }
.nav a:hover,
.nav .current a { opacity: 1; }
/* Small Desktop */
@media (max-width: 1200px) {
    .nav li + li { margin-left: 45px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .nav { font-size: 16px; }
    .nav li + li { margin-left: 40px; }
}
/* Mobile */
@media (max-width: 767px) {
    .nav { font-size: 15px; }
    .nav li + li { margin-left: 15px; }
}
/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */
.products { display: -ms-flexbox; display: flex; margin: -30px -15px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
.products > li { -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: 25%; padding: 30px 15px 0; }
.product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; height: 100%; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0, .07); overflow: hidden; text-align: center; }
.product .product__image { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; }
.product .product__image img { display: inline-block !important; }
.product .product__meta { color: #fff; background: #545A59; }
.product .product__title { padding: 18px 5px 13px; text-transform: uppercase; font-weight: 400; }
.product a { text-decoration: none; color: inherit !important; }
/* Tablet Portrait */
@media (max-width: 1023px) {
    .products > li { -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; max-width: 33.333%; }
}
/* Mobile */
@media (max-width: 767px) {
    .products { margin-right: -7px; margin-left: -7px; }
    .products > li { -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding-left: 7px; padding-right: 7px; }
    .product .product__title { font-size: 16px; }
}
@media (max-width: 479px) {
    .products > li { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
}
/* --category */
.product--category .product__body { padding: 18px 0 50px; color: #8D8D8D; }
.product--category .product__title { padding: 19px 5px 17px; font-size: 23px; font-weight: 600; text-transform: capitalize; }
.product--category .product__subtitle { margin-bottom: 46px; font-weight: 400; font-size: 14px; text-transform: capitalize; }
.product--category .product__meta {  }
/* Mobile */
@media (max-width: 767px) {
    .product--category .product__title { font-size: 17px; }
    .product--category .product__body { padding-bottom: 25px; }
    .product--category .product__subtitle { margin-bottom: 35px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.sections-container { position: relative; }
.sections-container .sections__image { position: absolute; left: 14.4%; top: 32.7%; width: 251px; height: 796px; }
.sections-container .sections__path { position: absolute; z-index: 3; top: 46px; bottom: 41px; width: 27.9%; left: -8%; -ms-transform: rotate(5deg); transform: rotate(5deg); background: url(images/sections-background.svg); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; }
@media (max-width: 1675px) {
    .sections-container .sections__path { width: 20%; }
}
@media (max-width: 1400px) {
    .sections-container .sections__image { width: 200px; left: 10%; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .sections-container .sections__image { top: 26%; left: 50px; width: 100px; height: auto; }
    .sections-container .sections__path { width: 16%; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .sections-container .sections__image { left: 1%; top: 22%; width: 110px; }
    .sections-container .sections__path { display: none; }
}
/* Mobile */
@media (max-width: 767px) {
    .sections-container .sections__image { display: none; }
}
.section { position: relative; z-index: 2; padding-top: 25px; }
.section .section__title { color: #2E9B2F; line-height: 1; }
.section .section__title--lg { font-size: 89px; }
.section .section__title--md { font-size: 77px; }
.section .section__image { width: 360px; height: 472px; margin-left: -35px; margin-top: 35px; opacity: .9; }
.section .filters { margin-top: -7px; padding-left: 61px; }
.section--has-pattern { position: relative; }
.section--has-pattern:after { position: absolute; z-index: -1; bottom: 0; left: 0; right: 0; height: 329px; background: url(images/pattern.png); content: ""; }
@media (max-width: 1400px) {
    .section .section__title--lg { font-size: 75px; }
    .section .section__title--md { font-size: 65px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .section .filters { margin-top: 10px; padding-left: 30px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .section .filters { padding-left: 0; }
    .section .section__image { width: 275px; height: 360px; margin-left: 0; }
    .section .section__title--lg { font-size: 55px; }
    .section .section__title--md { font-size: 50px; }

    .section--has-pattern:after { height: 130px; }

}
/* Mobile */
@media (max-width: 767px) {
    .section .section__title { font-size: 40px !important; text-align: center; }
    .section .section__image { width: 170px; height: auto; margin-left: auto; margin-right: auto; }
}
/* ------------------------------------------------------------ *\
	Section-primary
\* ------------------------------------------------------------ */
.section-primary { padding: 136px 0 240px 7.8%; }
.section-primary .slider-products { margin-top: 42px; }
.section-primary .section__title { margin-bottom: 12px; }
.section-primary ~ .section-primary { padding-top: 109px; padding-bottom: 101px; }
.section-primary .section__head { max-width: 972px; margin: auto; }
.section-primary .section__entry { padding-left: 103px; font-size: 33px; line-height: 1.36; }
.section-primary--pushed { padding-left: 30.2%; }
@media (max-width: 1400px) {
    .section-primary .section__head { max-width: 90%; margin-right: 0; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .section-primary { padding-top: 100px; padding-bottom: 160px; }

    .section-primary .section__entry { padding-left: 65px; }
    .section-primary .section__head { margin-left: auto; margin-right: 0; padding-right: 15px; }

    .section-primary--pushed { padding-left: 0; }
    .section-primary--pushed .section__head { max-width: 80%; margin-left: auto; margin-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .section-primary { padding: 50px 2% 75px; }
    .section-primary ~ .section-primary { padding-top: 60px; padding-bottom: 60px; }
    .section-primary--pushed .section__head { max-width: 80%; }

    .section-primary .section__entry { padding-left: 45px; font-size: 25px; }
    .section-primary .slider-products { margin-top: 65px; }
}
/* Mobile */
@media (max-width: 767px) {
    .section-primary { padding-left: 0; padding-right: 0; }

    .section-primary .section__head { padding: 0; max-width: 100% !important; }
    .section-primary .section__entry { text-align: center; padding-left: 0; font-size: 20px; }
    .section-primary .section__title { margin-bottom: 17px; }
    
    .section-primary--pushed .section__head { padding-left: 0; }
    .section-primary--pushed { padding-left: 10px; padding-right: 10px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Slider-products
\* ------------------------------------------------------------ */
.slider-products { position: relative; max-width: 1174px; margin-left: auto; }
.slider-products .slider__actions { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 100%; margin-right: 95px; }
.slider-products .slider__slides { margin: 0 -31px; }
.slider-products .slider__slide { padding: 0 31px; }
@media (max-width: 1675px) {
    .slider-products .slider__actions { margin-right: 45px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
    .slider-products { display: block; padding: 0 10px; padding-left: 10px; max-width: 100%; }
    .slider-products .slider__slides { margin: 0 -25px; }
    .slider-products .slider__slide { padding: 0 25px; }
    .slider-products .slider__clip { -ms-flex: 1; flex: 1; min-width: 0; max-width: 100%; }
    .slider-products .slider__actions { position: static; margin: 35px 0 0; -ms-transform: none; transform: none; text-align: center; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
    .slider-products .slider__clip { max-width: 100%; }
    .slider-products .slider__slides { margin: 0 -13px; }
    .slider-products .slider__slide { padding: 0px 13px; }
}
/* Mobile */
@media (max-width: 767px) {
    .slider-products .slider__slides { margin: 0 -10px; }
    .slider-products .slider__slide { padding: 0 10px; }
}
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe .subscribe__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.subscribe .subscribe__field { -ms-flex: 0 1 818px; flex: 0 1 818px; max-width: 818px; height: 81px; padding-left: 50px; padding-right: 15px;  line-height: 81px; line-height: 81px; font-size: 13px; color: rgba(255,255,255, .6); border: 0; border-radius: 50px; background: #545A59; transition: opacity .3s, color .3s; }
.subscribe .subscribe__actions { -ms-flex: 0 0 227px; flex: 0 0 227px; margin-left: 25px; }
.subscribe .subscribe__btn { font-size: 13px; min-width: 100%; border: 0; }
.subscribe .subscribe__field:focus { opacity: .9; color: #fff; }
@media (max-width: 1600px) {
    .subscribe .subscribe__actions { -ms-flex: 0 0 180px; flex: 0 0 180px; }
}
@media (max-width: 1400px) {
    .subscribe .subscribe__field { padding-left: 30px; }
}
/* Mobile */
@media (max-width: 767px) {
    .subscribe .subscribe__field { height: 60px; line-height: 60px; }
    .subscribe .subscribe__actions { -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; }
}
@media (max-width: 479px) {
    .subscribe .subscribe__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
    .subscribe .subscribe__field { text-align: center; padding-left: 20px; padding-right: 10px; }
    .subscribe .subscribe__actions { -ms-flex:0 0 100%; flex:0 0 100%; max-width: 100%; margin-left: 0; margin-top: 15px; }
    .subscribe .subscribe__btn { margin: auto; width: 50%; min-width: 50%; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }