/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v13/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZc2GKOnU.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v13/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZeGGKOnU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v13/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZeWGKOnU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v13/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
    box-sizing:border-box
}
:after,:before{
    box-sizing:border-box
}
::selection{
    background:#5a5449;
    color:#fff
}
body,html{
    min-height:100%;
    width:100%
}
body{
    background:#fff;
    line-height:25px;
    font-family:"Open Sans",sans-serif;
    font-size:12px;
    font-weight:400;
    color:#333;
    -webkit-overflow-scrolling:touch
}
body.fade-in{
    animation:fadeIn .8s both .2s
}
body.categories-nav-visible,body.nav-visible{
    height:100%;
    overflow:hidden!important
}
body.stop-scroll{
    height:100%;
    overflow:hidden!important
}
@media (min-width:480px){
    body{
        font-size:13px
    }
}
@media (min-width:960px){
    body{
        font-size:14px
    }
}
@media (min-width:1280px){
    body{
        font-size:15px
    }
}
@media (min-width:1640px){
    body{
        font-size:16px
    }
}
img{
    display:inline-block;
    width:auto;
    max-width:100%;
    height:auto;
    margin-bottom:0
}






.page-wrapper,.site-wrapper{
    width:100%;
    min-height:100%
}
.site-wrapper{
	background-image: url("../images/site-background.jpg");	
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 445px;
	position: relative;
	background-position: 50% 0;
	background-size:cover;
}
@media (max-width:767px){
	.site-wrapper{
		background-image: url("../images/mobile-background.jpg");	

		background-repeat: repeat-y;
		width: 100%;
		height: 100%;
		min-height: 445px;
		position: relative;
		background-position: 50% 0;
		background-size:auto;
	}
}
.page-wrapper{
    position:relative;
    overflow:hidden
}
.site{
    position:relative;
    margin:0 auto;
}
body.header-fixed .site{
    padding-top:76px
}
@media (min-width:768px){
    body.header-fixed .site{
        padding-top:100px
    }
}
@media (min-width:1280px){
    body.header-fixed .site{
        padding-top:120px
    }
}
@media (min-width:1760px){
    body.header-fixed .site{
        padding-top:150px
    }
}
body.nav-closing .campaign-bar,body.nav-closing .site,body.nav-closing .site-header,body.nav-opening .campaign-bar,body.nav-opening .site,body.nav-opening .site-header,body.nav-visible .campaign-bar,body.nav-visible .site,body.nav-visible .site-header{
    transition:transform .5s;
    transition-timing-function:cubic-bezier(.7,0,.3,1)
}
body.nav-closing .campaign-bar,body.nav-closing .site,body.nav-closing .site-header{
    transform:translateX(0);
    transition:transform .5s;
    transition-timing-function:cubic-bezier(.7,0,.3,1)
}
body.nav-opening .campaign-bar,body.nav-opening .site,body.nav-opening .site-header,body.nav-visible .campaign-bar,body.nav-visible .site,body.nav-visible .site-header{
    transform:translateX(555px);
    transform:translate3d(555px,0,0)
}
.site-content{
    position:relative
}
.content-wrapper,.footer-wrapper,.section-inner,.site-header-inner{
    max-width:1760px;
    margin:0 15px
}
@media (min-width:375px){
    .content-wrapper,.footer-wrapper,.section-inner,.site-header-inner{
        margin:0 30px
    }
}
@media (min-width:960px){
    .content-wrapper,.footer-wrapper,.section-inner,.site-header-inner{
        margin:0 50px
    }
}
@media (min-width:1280px){
    .content-wrapper,.footer-wrapper,.section-inner,.site-header-inner{
        margin:0 65px
    }
}
@media (min-width:1920px){
    .content-wrapper,.footer-wrapper,.section-inner,.site-header-inner{
        margin:auto
    }
}
b,li,p,span,strong{
    color:inherit;
    -moz-osx-font-smoothing:grayscale
}
b,strong{
    font-weight:400;
    -webkit-font-smoothing:antialiased
}
del,s{
    color:inherit
}
button {
    font-weight: 400;
}
li,p,time{
    font-family:"Open Sans",sans-serif;
    font-size:1em;
    line-height:1.75;
    font-weight:400
}
p{
    margin:0 0 1em
}
p:last-child{
    margin-bottom:0
}
a{
    color:#000;
    outline:0;
    text-decoration:none
}
a,a:active{
    transition:opacity .25s ease-in-out
}
a:hover{
    color:#686154;
	text-decoration:none;
}
a:active{
    color:#4c473e
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:"Yanone Kaffeesatz",sans-serif;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    line-height:1.2em;
    margin-top:.8em;
    margin-bottom:1.5em;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:400;
    color:#5a5449
}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    text-decoration:none
}
.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    color:inherit;
    text-decoration:inherit
}
.h1,h1{
    margin:0 0 .4em;
    font-size:2em;
    line-height:1.142857143;
    -webkit-font-smoothing:auto
}
@media (min-width:0){
    .h1,h1{
        font-size:2.2em
    }
}
@media (min-width:480px){
    .h1,h1{
        font-size:2.5em
    }
}
@media (min-width:768px){
    .h1,h1{
        font-size:3em
    }
}
@media (min-width:1640px){
    .h1,h1{
        font-size:3.35em
    }
}
@media (min-width:1760px){
    .h1,h1{
        font-size:3.625em
    }
}
.h2,h2{
    margin:1em 0 .5em;
    font-size:1.875em
}
.h3,h3{
    margin:1em 0 .25em;
    font-size:1.375em
}
.button,a.button{
    display:inline-block;
    position:relative;
    width:auto;
    padding:6px 12px;
    background-color:#5a5449;
    border:none;
    border-radius:0;
    line-height:20px;
    text-transform:uppercase;
    text-align:center;
    font-family:"Yanone Kaffeesatz",sans-serif;
    font-size:1em;
    font-weight:400;
    letter-spacing:.12em;
    outline:0;
    vertical-align:middle;
    box-shadow:none;
    appearance:none;
    text-decoration:none;
    -webkit-touch-callout:none;
    -webkit-font-smoothing:antialiased;
    user-select:none;
    cursor:pointer;
    transition:all 250ms ease
}
.button,.button:visited,a.button,a.button:visited{
    color:#fff
}
.button,.button:visited,a.button,a.button:visited{
    background-color:#5a5449
}
@media (min-width:360px){
    .button,a.button{
        padding:10px 15px
    }
}
@media (min-width:480px){
    .button,a.button{
        padding:8px 25px
    }
}
@media (min-width:768px){
    .button,a.button{
        padding:10px 30px
    }
}
@media (min-width:960px){
    .button,a.button{
        padding:11px 40px
    }
}
.button[disabled],a.button[disabled],html.no-touch .button[disabled]:hover,html.no-touch a.button[disabled]:hover{
    background-color:#aaa;
    border-color:#aaa;
    color:#eee
}
.button.button-secondary,.button.button-secondary:visited,a.button.button-secondary,a.button.button-secondary:visited{
    background-color:#000
}
.button.button-block,a.button.button-block{
    width:100%
}
.button.button-text-left,a.button.button-text-left{
    text-align:left
}
.button.button-primary,a.button.button-primary{
    background-color:#5a5449;
    color:#fff
}
html.no-touch .button.button-primary:active,html.no-touch .button.button-primary:focus,html.no-touch .button.button-primary:hover,html.no-touch a.button.button-primary:active,html.no-touch a.button.button-primary:focus,html.no-touch a.button.button-primary:hover{
    background-color:#000;
    color:#fff
}
.button.button-simple,a.button.button-simple{
    background-color:transparent;
    border-color:transparent;
    color:#9a9791
}
.button.button-simple span,a.button.button-simple span{
    display:block;
    position:relative
}
.button.button-simple span::before,a.button.button-simple span::before{
    display:block;
    content:"";
    position:absolute;
    right:0;
    left:0;
    bottom:-5px;
    border-bottom:1px solid #9a9791
}
html.no-touch .button.button-simple:active,html.no-touch .button.button-simple:focus,html.no-touch .button.button-simple:hover,html.no-touch a.button.button-simple:active,html.no-touch a.button.button-simple:focus,html.no-touch a.button.button-simple:hover{
    background-color:transparent;
    border-color:transparent;
    color:#5a5449
}
html.no-touch .button.button-simple:active span::before,html.no-touch .button.button-simple:focus span::before,html.no-touch .button.button-simple:hover span::before,html.no-touch a.button.button-simple:active span::before,html.no-touch a.button.button-simple:focus span::before,html.no-touch a.button.button-simple:hover span::before{
    border-bottom-color:#5a5449
}
.button svg.arrow,a.button svg.arrow{
    display:none
}
html.no-touch .button,html.no-touch .button b,html.no-touch .button a,html.no-touch .button span span,html.no-touch .button svg,html.no-touch a.button,html.no-touch a.button b,html.no-touch a.button svg{
    transition:all .2s ease;
}
html.no-touch .button b,html.no-touch a.button b,html.no-touch .button a,html.no-touch .button span span{
    display:inline-block
}
html.no-touch .button svg.arrow,html.no-touch a.button svg.arrow{
    display:inline-block;
    position:absolute;
    top:50%;
    width:12px;
    height:8px;
    margin-top:-4px;
    transform:translateX(-20px);
    fill:#fff;
    opacity:0
}
html.no-touch .button:hover,html.no-touch a.button:hover{
    background-color:#8c2710;
    text-decoration:none;
    opacity:1;
    color:#fff
}
html.no-touch .button:hover b,html.no-touch .button:hover a,html.no-touch .button:hover span span,html.no-touch a.button:hover b{
    transform:translateX(-6px)
}
html.no-touch .button:hover .arrow,html.no-touch a.button:hover .arrow{
    opacity:1;
    transform:translateX(6px)
}
html.no-touch .button:active,html.no-touch .button:focus,html.no-touch a.button:active,html.no-touch a.button:focus{
    background-color:#adadad;
    color:#fff
}
.select{
    position:relative;
    width:100%;
    height:34px;
    overflow:hidden;
    margin:0;
    background-color:#f7f6f4;
    border:1px solid #f7f6f4
}
.select::after,.select::before{
    display:block;
    content:"";
    position:absolute;
    z-index:1;
    top:50%;
    right:12px;
    margin-top:-2px;
    border:5px solid transparent
}
.select::before{
    margin-top:-2px;
    border-top-color:#707070
}
.select::after{
    margin-top:-3px;
    border-top-color:#f7f6f4
}
.select select,.select span{
    display:block;
    position:relative;
    z-index:2;
    width:150%;
    height:32px;
    margin:0;
    padding:6px 10px;
    background:0 0;
    border:transparent;
    line-height:20px;
    font-size:.875em;
    font-weight:400;
    color:#333;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0
}
.select select option,.select span option{
    color:#a09e99
}
.select select option[disabled],.select span option[disabled]{
    color:#d0cecc
}
@media (min-width:768px){
    .select{
        height:40px
    }
    .select select,.select span{
        height:38px;
        padding:9px 14px
    }
    .select::after,.select::before{
        right:14px
    }
}
@media (min-width:960px){
    .select{
        height:48px
    }
    .select select,.select span{
        height:46px;
        padding:13px 19px
    }
    .select::after,.select::before{
        right:19px
    }
}
.dropdown .dropdown-menu{
    padding:.875em 0 0
}
.dropdown-container{
    position:relative;
    border:none;
    box-shadow:0 3px 80px rgba(0,0,0,.07)
}
.dropdown-container::before{
    display:block;
    content:"";
    position:absolute;
    top:-6px;
    right:50%;
    margin-right:-6px;
    z-index:1;
    border:6px solid transparent;
    border-top:none;
    border-bottom-color:#fff
}
.dropdown-container .dropdown-body,.dropdown-container .dropdown-footer,.dropdown-container .dropdown-header{
    background-color:#fff;
    border:none
}
.dropdown-container .dropdown-body+.dropdown-body,.dropdown-container .dropdown-body+.dropdown-footer,.dropdown-container .dropdown-body+.dropdown-header,.dropdown-container .dropdown-footer+.dropdown-body,.dropdown-container .dropdown-footer+.dropdown-footer,.dropdown-container .dropdown-footer+.dropdown-header,.dropdown-container .dropdown-header+.dropdown-body,.dropdown-container .dropdown-header+.dropdown-footer,.dropdown-container .dropdown-header+.dropdown-header{
    margin-top:-25px
}
.dropdown-container .dropdown-body{
    padding:25px
}
.dropdown-container .dropdown-footer{
    padding:25px
}
.loading-icon{
    height:48px;
    width:48px;
    color:rgba(90,90,90,.2);
    position:relative;
    display:inline-block;
    border:5px solid;
    border-radius:50%;
    border-right-color:#5a5a5a;
    animation:rotate-loading-icon 1s linear infinite
}
@keyframes rotate-loading-icon{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}




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

section {
 background-color:#fff;
}
audio,
canvas,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
a {
 background:0 0
}
a:focus {
 outline:thin dotted
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:400
}
dfn {
 font-style:italic
}
mark {
 color:#000;
 background:#ff0
}
code,
kbd,
pre,
samp {
 font-family:monospace,serif;
 font-size:1em
}
q {
 quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
 font-size:80%
}
sub,
sup {
 position:relative;
 font-size:75%;
 line-height:0;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:0
}
fieldset {
 border:0
}
legend {
 padding:0;
 border:0
}
button,
input,
select,
textarea {
 margin:0;
 font-family:inherit;
 font-size:100%
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
input[type=checkbox],
input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=search] {
 -webkit-appearance:textfield;
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 padding:0;
 border:0
}
textarea {
 overflow:auto;
 vertical-align:top
}
body {
 word-wrap:break-word
}
pre code {
 word-wrap:normal
}
button,
html,
input,
textarea {
 font-family:sans-serif;
 font-size:87.5%;
 font-weight:400;
 line-height:1.25
}
@media (min-width:768px) and (max-width:959px) {
 button,
 html,
 input,
 textarea {
  font-size:87.5%
 }
}
@media (min-width:960px) {
 button,
 html,
 input,
 textarea {
  font-size:87.5%
 }
}
@media (min-width:1280px) {
 button,
 html,
 input,
 textarea {
  font-size:87.5%
 }
}
.h1,
h1 {
 margin:1.06667em auto .53333em;
 font-size:1.875em;
 font-weight:400;
 line-height:1.33333em
}
.h2,
h2 {
 margin:1.14286em auto .57143em;
 font-size:1.75em;
 font-weight:400;
 line-height:1.14286em
}
.h3,
h3 {
 margin:1.33333em auto .66667em;
 font-size:1.5em;
 font-weight:400;
 line-height:1.33333em
}
.h4,
h4 {
 margin:1.45455em auto .72727em;
 font-size:1.375em;
 font-weight:400;
 line-height:1.45455em
}
.h5,
h5 {
 margin:1.6em auto .8em;
 font-size:1.25em;
 font-weight:400;
 line-height:1.2em
}
.h6,
h6 {
 margin:1.77778em auto .88889em;
 font-size:1.125em;
 font-weight:400;
 line-height:1.33333em
}
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
 margin-top:0
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
 font-size:65%
}
abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
 -webkit-hyphens:none;
 -moz-hyphens:none;
 -ms-hyphens:none;
 -o-hyphens:none;
 hyphens:none
}
abbr {
 font-weight:400;
 font-variant:small-caps;
 text-transform:lowercase
}
abbr[title]:hover {
 cursor:help
}
pre code {
 white-space:-moz-pre-wrap;
 white-space:pre-wrap
}
pre {
 white-space:pre
}
code {
 font-family:monospace;
 white-space:pre
}
hr {
 height:0;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 margin:1em auto;
 clear:both;
 border:0;
 border-top:1px solid
}
hr.line {
 margin:0
}
.mark,
mark {
 display:inline-block;
 padding:0 3px
}
label {
 font-weight:200
}
blockquote {
 position:relative;
 padding:0 1em 0 4em
}
blockquote:before {
 position:absolute;
 left:.5em;
 display:block;
 font-family:FontAwesome;
 font-size:1.5em;
 font-style:normal;
 font-weight:400;
 content:"\f10d"
}
blockquote p:first-child {
 margin-top:0
}
blockquote .small,
blockquote small {
 display:block;
 margin-bottom:.5em;
 font-size:100%
}
button,
input,
p,
select,
textarea {
 font-size:1em;
 line-height:1.5em
}
body,
button,
input,
select,
textarea {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}






.site-header{
    position:relative;
    top:0;
    left:0;
    right:0;
    height:76px;
    margin:0 auto;
    padding:0;
    z-index:100;
    user-select:none;
    background-color:#fff;
    transition:transform .5s;
    transition-timing-function:cubic-bezier(.7,0,.3,1)
}
body.header-fixed .site-header{
    position:fixed
}
body.frontpage .site-header{
    background-color:#f7f6f4
}
body.page-category .site-header{
    background-color:#bcbbb6
}
body.page-product .site-header{
    background-color:#f7f6f4
}
@media (min-width:768px){
    body.page-product .site-header{
        background-color:#fff
    }
}
body.hide-header .site-header{
    transform:translateY(-76px)
}
@media (min-width:768px){
    body.hide-header .site-header{
        transform:translateY(-100px)
    }
}
@media (min-width:1280px){
    body.hide-header .site-header{
        transform:translateY(-120px)
    }
}
@media (min-width:1760px){
    body.hide-header .site-header{
        transform:translateY(-150px)
    }
}
@media (min-width:768px){
    .site-header{
        z-index:99;
        height:auto;
        border-bottom:none
    }
}
.site-header .site-header-inner{
    position:relative
}
@media (min-width:768px){
    .site-header .site-header-inner{
        height:100px
    }
}
@media (min-width:1280px){
    .site-header .site-header-inner{
        height:120px
    }
}
@media (min-width:1760px){
    .site-header .site-header-inner{
        height:150px
    }
}
a.header-logo{
    display:block;
    position:absolute;
    z-index:101;
    top:23px;
    left:50%;
    margin-left:-68px;
    text-decoration:none;
    outline:0;
    transition:all .2s ease
}
a.header-logo,a.header-logo svg{
    width:136px;
    height:32px
}
a.header-logo svg{
    display:block;
    fill:#231f20
}
@media (min-width:768px){
    a.header-logo{
        top:30px;
        margin-left:-90px
    }
    a.header-logo,a.header-logo svg{
        width:180px;
        height:40px
    }
}
@media (min-width:1280px){
    a.header-logo{
        top:40px
    }
}
@media (min-width:1640px){
    a.header-logo{
        top:32px;
        margin-left:-125px
    }
    a.header-logo,a.header-logo svg{
        width:250px;
        height:56px
    }
}
@media (min-width:1760px){
    a.header-logo{
        top:47px
    }
}
#nav-toggle{
    display:block;
    position:absolute;
    z-index:1;
    top:0;
    left:-15px;
    padding:38px 50px 38px 20px;
    background-color:transparent;
    border:none;
    transition:opacity .25s ease-in-out;
    outline:0;
    cursor:pointer
}
@media (min-width:375px){
    #nav-toggle{
        left:-30px;
        padding-left:30px
    }
}
#nav-toggle .toggle-button{
    position:absolute;
    top:50%;
    left:24px
}
@media (min-width:375px){
    #nav-toggle .toggle-button{
        left:34px
    }
}
#nav-toggle .toggle-button,#nav-toggle .toggle-button::after,#nav-toggle .toggle-button::before{
    display:inline-block;
    height:1px;
    width:18px;
    background-color:#5a5449;
    transition:background-color .2s ease,transform 250ms ease
}
#nav-toggle .toggle-button::after,#nav-toggle .toggle-button::before{
    position:absolute;
    content:'';
    right:0;
    left:-4px;
    transform:translateZ(0);
    backface-visibility:hidden;
    transform-origin:0 50%;
    transition:background-color .2s ease,transform 250ms ease,top .2s 0s
}
#nav-toggle .toggle-button::before{
    top:-7px
}
#nav-toggle .toggle-button::after{
    top:7px
}
@media (min-width:768px){
    body.nav-opening #nav-toggle .toggle-button,body.nav-visible #nav-toggle .toggle-button{
        background-color:transparent
    }
    body.nav-opening #nav-toggle .toggle-button::before,body.nav-visible #nav-toggle .toggle-button::before{
        transform:translateX(4px) translateY(0) rotate(45deg)
    }
    body.nav-opening #nav-toggle .toggle-button::after,body.nav-visible #nav-toggle .toggle-button::after{
        transform:translateX(4px) translateY(-1px) rotate(-45deg)
    }
}
html.no-touch body:not(.nav-opening):not(.nav-visible) #nav-toggle:hover .toggle-button{
    transform:translateX(-8px)
}
html.no-touch body:not(.nav-opening):not(.nav-visible) #nav-toggle:hover .toggle-button::after,html.no-touch body:not(.nav-opening):not(.nav-visible) #nav-toggle:hover .toggle-button::before{
    transform:translateX(12px)
}
#nav-toggle span{
    display:none
}
@media (min-width:768px){
    #nav-toggle{
        top:10px;
        padding:30px 0 30px 65px
    }
    #nav-toggle span{
        display:block;
        line-height:20px;
        text-transform:uppercase;
        letter-spacing:.12em;
        font-size:20px;
        font-family:"Yanone Kaffeesatz",sans-serif;
        color:#000
    }
}
@media (min-width:960px){
    #nav-toggle{
        position:relative;
        top:3px;
        left:0;
        float:left;
        margin-left:40px;
        padding:10px 0 7px 35px
    }
    #nav-toggle .toggle-button{
        left:4px
    }
}
@media (min-width:1640px){
    #nav-toggle{
        margin-left:70px
    }
}
@media (min-width:1760px){
    #nav-toggle{
        margin-left:105px
    }
}
.header-navigation .nav-sections {
    margin-bottom: 0;
    width: 100%;
    float: left;
}
.header-navigation .nav-sections-items {
    width: 100%;
    float: left;
}
.header-navigation .nav-sections-item-content {
    width: 100%;
    float: left;
}

.header-navigation nav{
    display:none;
    margin:0;
	width:unset;
}
.header-navigation ul {
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
}
.header-navigation ul:after,.header-navigation ul:before{
    content:" ";
    display:table
}
.header-navigation ul:after{
    clear:both
}
.header-navigation li{
    display:none;
    float:left;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:20px;
    font-family:"Yanone Kaffeesatz",sans-serif
}
.header-navigation li+li{
    margin-left:40px
}
@media (min-width:1440px) and (max-width:1679px){
    .header-navigation li+li{
        margin-left:25px
    }
}
.header-navigation a{
    display:block;
    line-height:2em;
    color:#000
}
.header-navigation li.active a{color:#8c2710}
html.no-touch .header-navigation a{
    position:relative
}
html.no-touch .header-navigation a::after,html.no-touch .header-navigation a::before{
    display:block;
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-bottom:1px solid #000;
    transition:all ease-in-out 150ms
}
html.no-touch .header-navigation a::before{
    bottom:6px
}
html.no-touch .header-navigation a::after{
    bottom:0;
    transition-delay:150ms
}
html.no-touch .header-navigation a:hover::before{
    width:100%
}
html.no-touch .header-navigation a:hover::after{
    width:27.4725275%
}
.header-navigation li.active>a::before{
    width:100%;
	display:none;
}
.header-navigation li.active>a::after{
    width:27.4725275%;
	display:none;
}
@media (min-width:960px){
    .header-navigation{
        display:block;
        position:relative;
        top:30px;
        float:left
    }
    .header-navigation nav{
        display:block;
        float:left
    }
    .header-navigation li:nth-child(-n+2){
        display:block
    }
}
@media (min-width:1280px){
    .header-navigation{
        top:40px
    }
}
@media (min-width:1440px){
    .header-navigation li{
        display:block
    }
}
@media (min-width:1760px){
    .header-navigation{
        top:55px
    }
}
.header-options{
    position:relative;
    z-index:125;
    top:22px;
    right:-5px;
    float:right;
    margin:0;
    padding:0;
    list-style:none
}
.header-options:after,.header-options:before{
    content:" ";
    display:table
}
.header-options:after{
    clear:both
}
@media (min-width:768px){
    .header-options{
        top:33px;
        right:0
    }
}
@media (min-width:1280px){
    .header-options{
        top:43px
    }
}
@media (min-width:1760px){
    .header-options{
        top:58px
    }
}
.header-options>li{
    float:left;
    margin-right:5px
}
@media (min-width:480px){
    .header-options>li{
        margin-right:15px
    }
}
@media (min-width:768px){
    .header-options>li{
        margin-right:30px
    }
}
@media (min-width:960px){
	.header-options > li.request {
		display: block;
		margin-top: 5px;
	}
}
@media (min-width:1280px){
    .header-options>li{
        margin-right:40px
    }
}
.header-options>li:last-child{
    margin-right:0
}
.header-options>li>a,.header-options>li>button{
    display:block;
    padding:5px
}
.header-options>li>button span{
}
.header-options > li > button span span {
    padding: 12px 20px 10px;
    text-transform: uppercase;
    font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 20px;
    background: #8c2710;
	color:#fff;
	cursor:pointer;
}
.header-options > li > button span span:hover {
    background: #73624e;
}
.header-options>li>button{
    display:block;
    background-color:transparent;
    border:none;
    outline:0
}
.header-options > li > button svg{display:none;}
@media (max-width:768px){
.header-options > li > button svg{display:block; width:25px; height:25px;}
.header-options > li > button span{display:none;}
}
.header-options .languages ul{

    padding: 0;
}
.header-options .languages li {
    list-style: none;
    float: left;
    padding: 7px 3px 10px;
    font-size: 17px;
}
.header-options .languages li.view-ua::after {
    content: '/';
    color: #000;
}
.header-options .languages li a {
    font-size: 15px;
    font-family: tahoma;
    letter-spacing: 1px;
}
@media (max-width:768px){
	
	.header-options .languages li a {
		font-size: 11px;
		letter-spacing: 1px;
	}
	.header-options .languages li {
		padding: 7px 6px 10px;
	}
}
@media (min-width:768px){
    .header-options .languages{
        padding-left:32px;
        padding-right:0
    }
    .header-options .languages svg{
        position:absolute;
        top:2.5px;
        left:0
    }
    .header-options .languages b{
        left:0
    }
    .header-options .languages span{
        display:block;
        position:relative;
        line-height:20px;
        text-transform:uppercase;
        letter-spacing:.12em;
        font-size:20px;
        font-family:"Yanone Kaffeesatz",sans-serif;
        color:#000
    }
}
















.navigation-panel{
    visibility:hidden;
    position:fixed;
    z-index:150;
    top:0;
    left:0;
    width:100%;
    max-width:555px;
    height:100%;
    overflow:auto;
    background-color:#000;
    text-align:center;
    transform:translate3d(-555px,0,0);
    transition:transform .5s;
    transition-timing-function:cubic-bezier(.7,0,.3,1)
}
.navigation-panel .nav-inner{
    padding:95px 25px 75px
}
.navigation-panel button.close{
    display:block;
    position:fixed;
    z-index:2;
    top:15px;
    left:18px;
    width:43px;
    height:43px;
    padding:0;
    background-color:transparent;
    border:none;
    outline:0;
    cursor:pointer;
    transition:opacity .25s ease-in-out
}
.navigation-panel button.close::after,.navigation-panel button.close::before{
    display:inline-block;
    position:absolute;
    content:'';
    top:21px;
    left:10px;
    height:1px;
    width:22px;
    background-color:#fff;
    transform:translateZ(0);
    backface-visibility:hidden;
    transform-origin:50% 50%;
    transition:transform .25s
}
.navigation-panel button.close::before{
    transform:rotate(45deg)
}
.navigation-panel button.close::after{
    transform:rotate(-45deg)
}
html.no-touch .navigation-panel button.close:hover:after{
    transform:rotate(0)
}
html.no-touch .navigation-panel button.close:hover:before{
    transform:rotate(0)
}
.navigation-panel ul{
    list-style:none;
    margin:0 0 2em;
    padding:0
}
.navigation-panel ul:last-child{
    margin-bottom:0
}
.navigation-panel li{
    text-transform:uppercase;
    line-height:1.75;
    letter-spacing:.12em;
    font-family:"Yanone Kaffeesatz",sans-serif;
    font-size:1.666666667em;
    font-weight:400
}
.navigation-panel a{
    display:inline-block;
    color:#fff;
    cursor:pointer;
    transition:all 250ms ease
}
.navigation-panel .dropdown{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.navigation-panel .dropdown>a{
    position:relative;
    outline:0
}
.navigation-panel .dropdown>a::after,.navigation-panel .dropdown>a::before{
    position:absolute;
    content:"";
    left:50%;
    margin-left:-3px;
    border:3px solid transparent;
    border-bottom:none
}
.navigation-panel .dropdown>a::before{
    bottom:0;
    border-top-color:#fff
}
.navigation-panel .dropdown>a::after{
    bottom:2px;
    border-top-color:#000
}
@media (min-width:768px){
    .navigation-panel .dropdown>a::after,.navigation-panel .dropdown>a::before{
        border-width:5px;
        margin-left:-5px
    }
    .navigation-panel .dropdown>a::before{
        bottom:-3px
    }
    .navigation-panel .dropdown>a::after{
        bottom:0
    }
}
.navigation-panel .dropdown.selected>a::after,.navigation-panel .dropdown.selected>a::before{
    border-top:none;
    border-bottom-style:solid
}
.navigation-panel .dropdown.selected>a::before{
    bottom:0;
    border-bottom-color:#fff
}
.navigation-panel .dropdown.selected>a::after{
    bottom:-2px;
    border-bottom-color:#000
}
@media (min-width:768px){
    .navigation-panel .dropdown.selected>a::before{
        bottom:-4px
    }
    .navigation-panel .dropdown.selected>a::after{
        bottom:-7px
    }
}
.navigation-panel .dropdown>ul{
    padding-top:3px;
    padding-bottom:14px
}
@media (min-width:768px){
    .navigation-panel .dropdown>ul{
        padding-top:10px
    }
}
.navigation-panel .dropdown>ul li{
    line-height:2;
    letter-spacing:.14em;
    font-size:.5em;
    font-family:"Open Sans",sans-serif;
    font-weight:400
}
.navigation-panel ul.extra .dropdown>a::after,.navigation-panel ul.extra .dropdown>a::before{
    border-width:3px;
    margin-left:-3px
}
.navigation-panel ul.extra .dropdown>a::before{
    bottom:0
}
.navigation-panel ul.extra .dropdown>a::after{
    bottom:2px
}
.navigation-panel ul.extra .dropdown.selected>a::before{
    bottom:0
}
.navigation-panel ul.extra .dropdown.selected>a::after{
    bottom:-2px
}
.navigation-panel .submenu li{
    line-height:1.7;
    font-size:.875em;
    font-weight:400
}
.navigation-panel .submenu a{
    color:#8a8a8a
}
body.nav-closing .navigation-panel.pages,body.nav-opening .navigation-panel.pages,body.nav-visible .navigation-panel.pages{
    visibility:visible
}
body.nav-opening .navigation-panel.pages{
    transform:translate3d(0,0,0)
}
body.nav-visible .navigation-panel.pages{
    transform:none
}
@media (min-width:768px){
    .navigation-panel.pages button.close{
        display:none
    }
}
@media (min-width:960px){
    .navigation-panel.pages .main li:nth-child(-n+2){
        display:none
    }
}
@media (min-width:1440px){
    .navigation-panel.pages .main{
        display:none
    }
}
.navigation-panel.pages .extra li{
    line-height:2.5;
    text-transform:none;
    letter-spacing:.14em;
    font-family:"Open Sans",sans-serif;
    font-size:.833333333em
}
.navigation-panel.pages .social{
    margin-top:2.5em;
    text-align:center
}
.navigation-panel.pages .social h6{
    margin-bottom:.6em;
    text-transform:uppercase;
    line-height:1;
    font-size:1em;
    color:#fff
}
.navigation-panel.pages .social ul{
    line-height:1;
    font-size:0
}
.navigation-panel.pages .social ul li{
    display:inline-block
}
.navigation-panel.pages .social ul li+li{
    margin-left:10px
}
.navigation-panel.pages .social ul a{
    display:block;
    padding:8px;
    border:1px solid #fff;
    vertical-align:bottom
}
html.no-touch .navigation-panel.pages .social ul a:hover{
    background-color:#fff;
    border-color:#fff
}
html.no-touch .navigation-panel.pages .social ul a:hover svg{
    fill:#000
}
.navigation-panel.pages .social ul svg{
    display:block;
    width:16px;
    height:16px;
    fill:#fff
}
.navigation-panel.categories{
    background-color:#f7f6f4
}
@media (min-width:768px){
    .navigation-panel.categories{
        right:0;
        max-width:100%;
		-webkit-transform: perspective(900px) rotateX(-90deg);
		transform: perspective(900px) rotateX(-90deg);
		background:#fff;
		position: fixed;
		width: 100%;
		min-width: 100%;
		padding: 0;
		z-index: 112;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-perspective-origin: 50% 100%;
		perspective-origin: 50% 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease,-webkit-transform .3s ease;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		overflow: hidden;
    }
}
@media (min-width:768px){
    .navigation-panel.categories .nav-inner{
        padding-top:125px
    }
}
body.nav-panel-categories-closing .navigation-panel.categories,body.nav-panel-categories-opening .navigation-panel.categories,body.nav-panel-categories-visible .navigation-panel.categories{
    visibility:visible
}
body.nav-panel-categories-opening .navigation-panel.categories{
    transform:translate3d(0,0,0)
}
body.nav-panel-categories-visible .navigation-panel.categories{
    transform:none
}
.navigation-panel.categories button.close::after,.navigation-panel.categories button.close::before{
    background-color:#000
}
.navigation-panel.categories button.close span{
    display:none
}
@media (min-width:768px){
    .navigation-panel.categories button.close{
        position:absolute;
        top:35px;
        right:35px;
        left:auto;
        width:auto;
        padding-left:48px
    }
    .navigation-panel.categories button.close span{
        display:block;
        margin-top:1px;
        line-height:1;
        text-transform:uppercase;
        letter-spacing:.12em;
        font-size:20px;
        font-family:"Yanone Kaffeesatz",sans-serif;
        color:#000
    }
}
.navigation-panel.categories a{
    color:#000
}
@media (min-width:768px){
    .navigation-panel.categories a{
        color:#000
    }
}
.navigation-panel.categories .selected>a{
    color:#000
}
.navigation-panel.categories .dropdown>a::before{
    border-top-color:#7b7b7a
}
.navigation-panel.categories .dropdown>a::after{
    border-top-color:#f7f6f4
}
@media (min-width:768px){
    .navigation-panel.categories .dropdown>a::before{
        bottom:-7px
    }
    .navigation-panel.categories .dropdown>a::after{
        bottom:-4px
    }
}
.navigation-panel.categories .dropdown.selected>a::before{
    border-bottom-color:#000
}
.navigation-panel.categories .dropdown.selected>a::after{
    border-bottom-color:#f7f6f4
}
@media (min-width:768px){
    .navigation-panel.categories .dropdown.selected>a::before{
        bottom:-8px
    }
    .navigation-panel.categories .dropdown.selected>a::after{
        bottom:-11px
    }
}
@media (min-width:768px){
    .navigation-panel.categories .dropdown>ul{
        padding-top:18px
    }
}
.navigation-panel.categories section{
    position:relative;
    text-align:center;
    max-width:1760px;
    margin:0 auto
}
.navigation-panel.categories section:first-child{
    margin-bottom:12px;
    padding-bottom:12px
}
.navigation-panel.categories section:first-child::after{
    display:block;
    content:"";
    position:relative;
    bottom:-12px;
    width:180px;
    margin:0 auto;
    border-bottom:1px solid #d2cfc8
}
@media (min-width:768px){
    .navigation-panel.categories section:first-child{
        margin-bottom:30px;
        padding-bottom:0
    }
    .navigation-panel.categories section:first-child::after{
        bottom:0;
        width:62.5%
    }
}
@media (min-width:960px){
    .navigation-panel.categories section:first-child{
        margin-bottom:55px;
        padding-bottom:15px
    }
    .navigation-panel.categories section:first-child::after{
        bottom:-15px
    }
}
.navigation-panel.categories section>ul{
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
    justify-content:center
}
.navigation-panel.categories section>ul>li{
    width:100%
}
@media (min-width:768px){
    .navigation-panel.categories section>ul>li{
        width:33.333333%;
        margin-bottom:30px
    }
}
@media (min-width:960px){
    .navigation-panel.categories section>ul>li{
        width:25%;
        margin-bottom:40px
    }
}
@media (min-width:1280px){
    .navigation-panel.categories section>ul>li{
        width:20%
    }
}
@media (min-width:1640px){
    .navigation-panel.categories section>ul>li{
        width:16.666666667%
    }
}
@media (min-width:1760px){
    .navigation-panel.categories section>ul>li{
        width:14.285714286%
    }
}
.navigation-panel.categories section>ul ul li a{
    color:#5a5449
}

@media (min-width:960px){
    .col-l-1,.col-l-10,.col-l-11,.col-l-12,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9{
        float:left;
        padding-right:10px;
        padding-left:10px
    }
    .col-l-12{
        clear:both
    }
    .col-l-1{
        width:8.33333%
    }
    .col-l-2{
        width:16.66667%
    }
    .col-l-3{
        width:25%
    }
    .col-l-4{
        width:33.33333%
    }
    .col-l-5{
        width:41.66667%
    }
    .col-l-6{
        width:50%
    }
    .col-l-7{
        width:58.33333%
    }
    .col-l-8{
        width:66.66667%
    }
    .col-l-9{
        width:75%
    }
    .col-l-10{
        width:83.33333%
    }
    .col-l-11{
        width:91.66667%
    }
    .col-l-12{
        width:100%
    }

}



.navigation-panel.quote{
    background-color:#f7f6f4
}
@media (min-width:768px){
    .navigation-panel.quote{
        right:0;
        max-width:100%;
		-webkit-transform: perspective(900px) rotateX(-90deg);
		transform: perspective(900px) rotateX(-90deg);
		background:#fff;
		position: fixed;
		width: 100%;
		min-width: 100%;
		padding: 0;
		z-index: 112;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-perspective-origin: 50% 100%;
		perspective-origin: 50% 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease,-webkit-transform .3s ease;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		overflow: hidden;
    }
}
@media (min-width:768px){
    .navigation-panel.quote .nav-inner{
        padding-top:20px
    }
}
body.nav-panel-quote-closing .navigation-panel.quote,body.nav-panel-quote-opening .navigation-panel.quote,body.nav-panel-quote-visible .navigation-panel.quote{
    visibility:visible
}
body.nav-panel-quote-opening .navigation-panel.quote{
    transform:translate3d(0,0,0)
}
body.nav-panel-quote-visible .navigation-panel.quote{
    transform:none
}
.navigation-panel.quote button.close::after,.navigation-panel.quote button.close::before{
    background-color:#000
}
.navigation-panel.quote button.close span{
    display:none
}
@media (min-width:768px){
    .navigation-panel.quote button.close{
        position:absolute;
        top:35px;
        right:35px;
        left:auto;
        width:auto;
        padding-left:48px
    }
    .navigation-panel.quote button.close span{
        display:block;
        margin-top:1px;
        line-height:1;
        text-transform:uppercase;
        letter-spacing:.12em;
        font-size:20px;
        font-family:"Yanone Kaffeesatz",sans-serif;
        color:#000
    }
}




section.form-section {
    background-color: rgba(66, 65, 65, 0.98);
    padding: 80px 0;
}
section.form-section .block-title {
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
section.form-section .block-subtitle {
    font-size: 16px;
    color: #fff;
    max-width: 500px;
    margin: 0 auto 20px;
    display: block;
    text-align: center;
}
@media screen and (max-width:767px) {
	section.form-section .block-subtitle {
		font-size: 15px;
	}
}
section.form-section .main-form .main-form-order-btn span span {
    background:#fff;
	color:#333;
}
section.form-section .input-group label {
    color: #fff;
}
section.form-section .main-form-textarea-wrapper textarea {
    color: #fff;
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 29px,rgba(0,0,0,.2) 29px,rgba(255,255,255,.3) 1px);
	background-size: auto 30px;
}
section.form-section .input-group input {
    border-bottom: 1px solid rgba(255,255,255,.3);
	color:#fff;
}
section.form-section .input-group input.notempty ~ label, section.form-section  .input-group input:focus ~ label, section.form-section  .input-group input.required:valid ~ label, section.form-section  .input-group textarea.notempty ~ label, section.form-section  .input-group textarea:focus ~ label {
    color: #fff;
}
section.form-section .input-group .bar::after, section.form-section .input-group .bar::before {
    border-top: 2px solid #fff;
}
section.form-section .g-recaptcha{opacity:0.8}
section.form-section .prd {
    color: #fff;
}
section.form-section textarea::placeholder {
    opacity: 1;
}

.navigation-panel.quote .main-form {
 cursor:default;
 font-size:16px;
 position:relative
}
@media screen and (min-width:769px) {
 .navigation-panel.quote .main-form {
  padding:30px
 }
}
.navigation-panel .panel-title {
    display: block;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1px;
    margin: 0 0 40px;
}
@media screen and (max-width:767px) {
 .navigation-panel .panel-title {
  font-size:22px;
  line-height:24px;
  margin:0 auto 30px
 }
 .navigation-panel .panel-subtitle {
  display:none
 } 
}
.navigation-panel .panel-subtitle {
    font-size: 16px;
    color: #000;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.navigation-panel .center-btn .primary {
    margin: 20px auto 0;
    text-align: center;
    display: table;
}
.main-form .main-form-order-btn span span {
    padding: 12px 20px 10px;
    text-transform: uppercase;
    font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 20px;
    background: #8c2710;
	color:#fff;
	cursor:pointer;
}
.main-form .main-form-order-btn span span:hover {
    background: #73624e;
}
.main-form .main-form-order-btn{
    display:block;
    background-color:transparent;
    border:none;
    outline:0;
	padding:5px;
	margin-top:53px;
	text-align: center;
	margin: 30px auto 0;
}

@media screen and (max-width:767px) {
 .main-form-order-btn {
  margin-top:25px
 }
}
.main-form-col-textarea {
    margin-left: 32px;
    max-width: 290px;
    width: 100%;	
}
@media screen and (max-width:767px) {
 .main-form-col-textarea {
  margin:0 auto;
  display:block
 }
}
.main-form-textarea-wrapper textarea {
 color:#000;
 resize:none;
 font-size:18px;
 display:block;
 width:100%;
 height:100%;
 border:none;
 background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 29px,rgba(0,0,0,.2) 29px,rgba(0,0,0,.2) 1px);
 background-size:auto 30px;
 font-weight:300;
 min-height:150px;
 line-height:1.7em
}

.main-form-textarea-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 height:100%
}
.main-form-row {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 margin:20px 0 0 0;
}
@media screen and (max-width:767px) {
 .main-form-row {
  display:block
 }
}
.main-form-col50 {
 max-width:304px;
 width:100%;
 text-align:left;
}
@media screen and (max-width:767px) {
	.main-form-col50 {
		margin:20px auto;
		width:100%
	}
}
.main-form-row .main-form-col50.recapcha{
	margin-left:32px;
}
@media screen and (max-width:767px) {
	.main-form-row .main-form-col50.recapcha{
		margin:0 auto;
	}
}
.main-form-row div.mage-error{ display:none !important;}
.main-form-row .mage-error {
    color: red;
    border-color: red !important;
}
input:focus,
textarea:focus {
 outline:0
}
.input-group {
 position:relative
}
.input-group:not(:last-of-type) {
 margin-bottom:20px
}
.input-group textarea {
 resize:vertical;
 min-height:100px
}
.input-group input,
.input-group textarea {
 display:block;
 background:0 0;
 border:none;
 border-bottom:1px solid rgba(255,255,255,.3);
 font-weight:300;
 width:100%;
 color:#000;
 height: 35px;
}
 .input-group input,
 .input-group textarea {
 border:none;
 border-bottom:1px solid rgba(0,0,0,.3);
 }
@media screen and (max-width:767px) {
 .input-group input,
 .input-group textarea {
  border-bottom-color:#000
 }
}
.input-group input.mage-error,
.input-group textarea.mage-error {
 color:red
}
.input-group label {
 color:rgba(0,0,0,.9);
 position:absolute;
 pointer-events:none;
 left:0;
 top:3px;
 -webkit-transition:.2s ease all;
 transition:.2s ease all;
 color: #000;
}
@media screen and (max-width:767px) {
 .input-group label {
  color:#000
 }
}
.input-group input.notempty~label,
.input-group input:focus~label,
.input-group input.required:valid~label,
.input-group textarea.notempty~label,
.input-group textarea:focus~label {
 top:-15px;
 font-size:11px;
 color:#000
}
.input-group .bar {
 position:relative;
 display:block;
 width:100%
}
.input-group .bar::after,
.input-group .bar::before {
 content:'';
 height:0;
 width:0;
 border-top:2px solid #666;
 bottom:-1px;
 position:absolute;
 -webkit-transition:.2s ease all;
 transition:.2s ease all
}
.input-group .bar::before {
 left:50%
}
.input-group .bar::after {
 right:50%
}
.input-group input:focus~.bar::after,
.input-group input:focus~.bar::before {
 width:50%
}
.input-group textarea:focus~.bar::after,
.input-group textarea:focus~.bar::before {
 width:50%
}
.input-group input.mage-error~.bar::after,
.input-group input.mage-error~.bar::before {
 width:50%;
 border-top-width:0
}







.cart-summary table caption,
.form-group>.form-label,
.frontpage-hero .price-cta .price,
.frontpage-hero .price-cta .price-before,
.frontpage-hero .text-inner span{
 text-transform:uppercase;
 letter-spacing:.06em;
 font-family:"Open Sans",sans-serif;
 font-weight:600
}
.paging-arrow {
 display:block;
 position:relative;
 width:36px;
 height:36px;
 padding:0;
 background-color:transparent;
 border:none;
 outline:0;
 vertical-align:bottom
}
.paging-arrow svg {
 position:absolute;
 top:50%;
 width:7px;
 height:12px;
 margin-top:-7px;
 fill:#231f20
}
.paging-arrow.prev svg {
 left:13px
}
.paging-arrow.next svg {
 right:13px
}
@media (min-width:960px) {
 .paging-arrow {
  width:40px;
  height:40px
 }
 .paging-arrow svg {
  width:8px;
  height:16px;
  margin-top:-8px
 }
 .paging-arrow.prev svg {
  left:16px
 }
 .paging-arrow.next svg {
  right:16px
 }
}
@media (min-width:1640px) {
 .paging-arrow {
  width:46px;
  height:46px
 }
 .paging-arrow svg {
  width:9px;
  height:18px;
  margin-top:-9px
 }
 .paging-arrow.prev svg {
  left:18px
 }
 .paging-arrow.next svg {
  right:18px
 }
}
.frontpage-hero .text-inner h6,
.yanone-style,
section.services .item li a,
section.services .col-title,
.frontpage-hero .view-products a,
.image-slider-section h6,
.pagination a,
section.form-section .block-title,
 .blogsliderItem a.post-name, .blogsliderItem a.post-author  {
 text-transform:uppercase;
 letter-spacing:.12em;
 font-family:"Yanone Kaffeesatz",sans-serif;
 font-weight:normal
}
.frontpage-hero{
    background-color:#f7f6f4
}
@media (min-width:768px){
    .frontpage-hero{
        margin-bottom:0
    }
}
.frontpage-hero,.frontpage-hero a,.frontpage-hero h6{
    color:#5a5449
}
.frontpage-hero .button{
    background-color:#5a5449
}
.frontpage-hero .placeholder-inner{
    position:relative;
    padding-bottom:28px
}
@media (min-width:768px){
    .frontpage-hero .placeholder-inner{
        padding-bottom:0
    }
}
.frontpage-hero .slider-inner{
    position:relative;
    max-width:1760px;
    margin:0 15px;
    padding:0 15px 42px
}
@media (min-width:375px){
    .frontpage-hero .slider-inner{
        margin:0 30px;
        padding-right:20px;
        padding-left:20px
    }
}
@media (min-width:768px){
    .frontpage-hero .slider-inner{
        padding-bottom:0
    }
}
@media (min-width:960px){
    .frontpage-hero .slider-inner{
        margin:0 50px;
        padding:0 35px
    }
}
@media (min-width:1280px){
    .frontpage-hero .slider-inner{
        margin:0 65px
    }
}
@media (min-width:1920px){
    .frontpage-hero .slider-inner{
        margin:auto;
        padding:0 50px
    }
}
.frontpage-hero .media{
    position:relative;
    width:78.1333333%;
    height:0;
    margin:0;
    padding-bottom:96.5%;
    float:right;
    background-color:#ccc
}
.frontpage-hero .media.image{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.frontpage-hero .media.video{
    overflow:hidden
}
.frontpage-hero .media img{
    display:none
}
@media (min-width:550px){
    .frontpage-hero .media{
        padding-bottom:70%
    }
}
@media (min-width:768px){
    .frontpage-hero .media{
        width:62.65625%;
        height:450px;
        padding-bottom:0
    }
}
@media (min-width:960px){
    .frontpage-hero .media{
        height:500px
    }
}
@media (min-width:1280px){
    .frontpage-hero .media{
        height:525px
    }
}
@media (min-width:1640px){
    .frontpage-hero .media{
        height:550px
    }
}
@media (min-width:1760px){
    .frontpage-hero .media{
        height:625px
    }
}
.frontpage-hero video{
    min-width:100%;
    min-height:100%;
    width:auto;
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
@media (min-width:1500px){
    .frontpage-hero video{
        width:100%;
        height:auto
    }
}
html.no-touch .frontpage-hero video::-webkit-media-controls{
    display:none!important
}
.frontpage-hero .text{
    position:relative
}
.frontpage-hero .text:after,.frontpage-hero .text:before{
    content:" ";
    display:table
}
.frontpage-hero .text:after{
    clear:both
}
.frontpage-hero .text-inner{
    position:absolute;
    bottom:18px;
    width:300px
}
.frontpage-hero .text-inner span{
    font-size:1em
}
.frontpage-hero .text-inner h6{
    margin:0;
    line-height:1.1;
    font-size:1.75em;
    color:inherit
}
@media (min-width:768px){
    .frontpage-hero .text-inner{
        top:80px;
        bottom:auto;
        width:65%
    }
    .frontpage-hero .text-inner span{
        font-size:1.25em
    }
    .frontpage-hero .text-inner h6{
        font-size:3em
    }
}
@media (min-width:960px){
    .frontpage-hero .text-inner{
        top:90px;
        width:55%
    }
}
@media (min-width:1280px){
    .frontpage-hero .text-inner{
        top:100px
    }
    .frontpage-hero .text-inner span{
        font-size:1.25em
    }
    .frontpage-hero .text-inner h6{
        font-size:3em
    }
}
@media (min-width:1760px){
    .frontpage-hero .text-inner{
        top:110px;
        width:45%
    }
    .frontpage-hero .text-inner span{
        font-size:1.375em
    }
    .frontpage-hero .text-inner h6{
        font-size:3.625em
    }
}
.frontpage-hero .price-cta{
    padding-top:22px
}
.frontpage-hero .price-cta:after,.frontpage-hero .price-cta:before{
    content:" ";
    display:table
}
.frontpage-hero .price-cta:after{
    clear:both
}
.frontpage-hero .price-cta .prices{
    position:relative;
    top:-3px;
    float:left;
    margin-bottom:1.625em
}
.frontpage-hero .price-cta .price{
    display:block;
    font-weight:400;
    line-height:1;
    font-size:1.666666667em
}
@media (min-width:768px){
    .frontpage-hero .price-cta .price{
        font-size:1.9375em
    }
}
.frontpage-hero .price-cta .price-before{
    display:block;
    margin-top:.3875em;
    line-height:1;
    font-size:1em;
    opacity:.6
}
@media (min-width:768px){
    .frontpage-hero .price-cta .price-before{
        font-size:1.125em
    }
}
.frontpage-hero .price-cta .button{
    padding:7px 28px;
    font-size:1.375em
}
@media (max-width:767px){
    .frontpage-hero .price-cta .prices+.button{
        float:right
    }
}
@media (min-width:768px){
    .frontpage-hero .price-cta{
        position:absolute;
        bottom:100px;
        padding:0
    }
    .frontpage-hero .price-cta .prices{
        top:auto;
        float:none
    }
    .frontpage-hero .price-cta .button{
        float:none;
        padding:10px 32px
    }
}
@media (min-width:960px){
    .frontpage-hero .price-cta{
        bottom:130px
    }
    .frontpage-hero .price-cta .button{
        padding:12px 40px
    }
}
@media (min-width:1280px){
    .frontpage-hero .price-cta .button{
        padding:14px 46px
    }
}
@media (min-width:768px){
    .frontpage-hero .options{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:20
    }
}
.frontpage-hero .view-products{
    display:none;
    position:relative;
    max-width:1760px;
    margin:0 auto;
    padding:0 65px
}
.frontpage-hero .view-products:after,.frontpage-hero .view-products:before{
    content:" ";
    display:table
}
.frontpage-hero .view-products:after{
    clear:both
}
@media (min-width:1640px){
    .frontpage-hero .view-products{
        display:block
    }
}
@media (min-width:1920px){
    .frontpage-hero .view-products{
        padding:0
    }
}
.frontpage-hero .view-products a{
    display:block;
    float:left;
    font-size:1.375em;
    color:#5a5449
}
.frontpage-hero .view-products a svg{
    display:inline-block;
    position:relative;
    top:1px;
    width:12px;
    height:17px;
    margin-right:13px;
    fill:#5a5449
}
.frontpage-hero .progress-paging{
    position:relative;
    margin:0 25px 0 30px
}
@media (min-width:375px){
    .frontpage-hero .progress-paging{
        margin:0 35px 0 50px
    }
}
@media (min-width:768px){
    .frontpage-hero .progress-paging{
        width:37.34375%;
        margin:0
    }
}
.frontpage-hero .progress{
    position:absolute;
    left:0;
    bottom:0;
    width:138px;
    height:25px;
    padding:0 27px 0 23px;
    line-height:25px
}
@media (min-width:768px){
    .frontpage-hero .progress{
        width:50%;
        max-width:185px;
        left:50px
    }
}
@media (min-width:960px){
    .frontpage-hero .progress{
        left:85px
    }
}
@media (min-width:1280px){
    .frontpage-hero .progress{
        left:100px
    }
}
@media (min-width:1640px){
    .frontpage-hero .progress{
        left:auto;
        right:100px
    }
}
.frontpage-hero .progress span{
    display:block;
    position:absolute;
    top:0;
    letter-spacing:.12em;
    font-family:"Yanone Kaffeesatz",sans-serif;
    font-weight:400
}
.frontpage-hero .progress span.index{
    left:0;
	z-index:1
}
.frontpage-hero .progress span.slides{
    right:0;
	z-index:1
}
@media (min-width:480px){
    .frontpage-hero .progress span{
        font-size:1.125em
    }
}
.frontpage-hero .progress .progress-bar{
    position:relative;
    top:13px;
    width:100%;
    height:1px;
    background-color:#333
}
.frontpage-hero .progress .progress-bar b{
    display:block;
    width:0;
    height:1px;
    background-color:#000;
    transition:width 250ms ease
}
@media (max-width:767px){
	.frontpage-hero .text .text-inner{background:#fff}
}
.frontpage-hero .paging{
    display:block;
    position:absolute;
    bottom:-6px;
    right:-14px;
    z-index:99
}
@media (min-width:375px){
    .frontpage-hero .paging{
        right:-24px
    }
}
@media (min-width:768px){
    .frontpage-hero .paging{
        right:13px
    }
}
.frontpage-hero .paging button{
    position:static;
    float:left
}
.frontpage-hero .paging button+button{
    margin-left:4px
}
.frontpage-hero .paging button svg{
    fill:#6e4a30
}
@media (min-width:480px){
    .frontpage-hero .paging button.prev{
        left:0
    }
}
@media (min-width:480px){
    .frontpage-hero .paging button.next{
        left:48px
    }
}
@media (min-width:960px){
    .frontpage-hero .paging button{
        width:36px;
        height:36px
    }
    .frontpage-hero .paging button svg{
        width:7px;
        height:12px;
        margin-top:-7px
    }
}
html.no-touch .frontpage-hero .paging button,html.no-touch .frontpage-hero .paging button svg{
    transition:all 150ms ease
}
html.no-touch .frontpage-hero .paging button:hover svg{
    fill:#000
}
html.no-touch .frontpage-hero .paging button:active{
    top:1px
}









.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-container-no-flexbox .swiper-slide{
    float:left
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
	background:#e6e6e6
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    -o-transition-property:transform,height;
    transition-property:transform,height;
    transition-property:transform,height,-webkit-transform
}
.swiper-container-3d{
    -webkit-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    right:10px;
    left:auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{

}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{

}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{

}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:.3s opacity;
    -o-transition:.3s opacity;
    transition:.3s opacity;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:6px 0;
    display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    -webkit-transition:.2s top,.2s -webkit-transform;
    transition:.2s top,.2s -webkit-transform;
    -o-transition:.2s transform,.2s top;
    transition:.2s transform,.2s top;
    transition:.2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:.2s left,.2s -webkit-transform;
    transition:.2s left,.2s -webkit-transform;
    -o-transition:.2s transform,.2s left;
    transition:.2s transform,.2s left;
    transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:.2s right,.2s -webkit-transform;
    transition:.2s right,.2s -webkit-transform;
    -o-transition:.2s transform,.2s right;
    transition:.2s transform,.2s right;
    transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#8c2710;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white{
    background:rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{
    background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active{
    background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black{
    background:rgba(0,0,0,.25)
}

.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after{
    display:block;
    content:'';
    width:100%;
    height:100%;
    background-position:50%;
    background-size:100%;
    background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after{

}
@-webkit-keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube{
    overflow:visible
}
.swiper-container-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
}
.swiper-container-flip{
    overflow:visible
}
.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-coverflow .swiper-wrapper{
    -ms-perspective:1200px
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translate3d(0,30px,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:none
    }
    100%{
        opacity:0;
        transform:translate3d(0,30px,0)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeInUpTwo{
    0%{
        opacity:0;
        transform:translate3d(0,40px,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.fadeInUpTwo{
    animation-name:fadeInUpTwo
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translate3d(0,-50px,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:none
    }
    100%{
        opacity:0;
        transform:translate3d(0,50px,0)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeNavIn{
    0%{
        opacity:0;
        transform:translate3d(40px,-50%,0)
    }
    100%{
        opacity:1;
        transform:translate3d(0,-50%,0)
    }
}
@keyframes fadeInBrightness{
    0%{
        filter:brightness(60%)
    }
}
@keyframes fadeOutUp{
    100%{
        opacity:0;
        transform:translate3d(0,-50px,0)
    }
}
@keyframes fadeOut{
    100%{
        opacity:0
    }
}
@keyframes scaleUp{
    0%{
        opacity:0;
        transform:scale(.85) translate3d(0,20px,0)
    }
    100%{
        opacity:1;
        transform:scale(1) translate3d(0,0,0)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-20px)
    }
    60%{
        transform:translateY(-10px)
    }
}
@-webkit-keyframes sk-bouncedelay{
    0%,100%,80%{
        -webkit-transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1)
    }
}
@keyframes sk-bouncedelay{
    0%,100%,80%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loading{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}



.benefits-section{
    margin:0 auto;
    padding-top:22px;
    padding-bottom:22px;
    background-color:#f7f6f4;
    text-align:center;
    text-transform:uppercase
}
@media (min-width:768px){
    .benefits-section{
        padding-top:27px;
        padding-bottom:27px
    }
}
.benefits-section+.site-footer{
    border-top:1px solid #c6c6c4
}
.benefits-section .section-inner{
    position:relative;
    margin:0
}
@media (min-width:1920px){
    .benefits-section .section-inner{
        margin:0 auto
    }
}
.benefits-section .swiper-container{
    padding:0 15px
}
@media (min-width:375px){
    .benefits-section .swiper-container{
        padding:0 30px
    }
}
.benefits-section button{
    position:absolute;
    top:22%;
    z-index:10
}
@media (min-width:480px){
    .benefits-section button{
        top:50%;
        margin-top:-18px
    }
}
@media (min-width:960px){
    .benefits-section button{
        display:none
    }
}
.benefits-section button svg{
    fill:#aaa
}
.benefits-section button.prev{
    left:0
}
@media (min-width:375px){
    .benefits-section button.prev{
        left:11px
    }
}
@media (min-width:768px){
    .benefits-section button.prev{
        left:17px
    }
}
.benefits-section button.next{
    right:0
}
@media (min-width:375px){
    .benefits-section button.next{
        right:11px
    }
}
@media (min-width:768px){
    .benefits-section button.next{
        right:17px
    }
}
.benefits-section button:hover{
    outline:0
}
.benefits-section a,.benefits-section h6,.benefits-section p{
    color:#333
}
.benefits-section svg{
    fill:#333
}
.benefits-section .experience svg{
    width:41px;
    height:41px
}
.benefits-section .projects svg{
    width:41px;
    height:44px
}
.benefits-section .tasks svg{
    width:41px;
    height:41px
}
.benefits-section .happy svg{
    width:41px;
    height:41px
}
@media (min-width:768px){
    .benefits-section .experience svg{
        width:41px;
        height:41px
    }
    .benefits-section .projects svg{
        width:41px;
        height:41px
    }
    .benefits-section .tasks svg{
        width:41px;
        height:41px
    }
    .benefits-section .happy svg{
        width:41px;
        height:41px
    }
}
.benefits-section h6{
    line-height:1;
    margin:0 0 .3em;
    letter-spacing:.12em;
    font-size:15px;
    font-weight:400
}
@media (min-width:960px){
    .benefits-section h6{
        padding-top:6px
    }
}
@media (min-width:1280px){
    .benefits-section h6{
        padding-top:3px;
        font-size:20px
    }
}
.benefits-section p{
    line-height:1;
    letter-spacing:.06em;
    font-size:10px;
    font-weight:600
}
@media (min-width:1280px){
    .benefits-section p{
        font-size:12px
    }
}
@media (min-width:960px){
    .benefits-section .experience svg{
        height:41px
    }
    .benefits-section .projects svg{
        height:41px
    }
    .benefits-section .tasks svg{
        height:41px
    }
    .benefits-section .swiper-container{
        overflow:visible
    }
    .benefits-section .swiper-wrapper{
        display:block;
        width:auto
    }
    .benefits-section .swiper-slide{
        display:inline-block;
        width:auto;
        text-align:left
    }
    .benefits-section .swiper-slide+.swiper-slide{
        margin-left:40px
    }
    .benefits-section .usp-item{
        position:relative;
        white-space:nowrap
    }
    .benefits-section .usp-item:after,.benefits-section .usp-item:before{
        content:" ";
        display:table
    }
    .benefits-section .usp-item:after{
        clear:both
    }
    .benefits-section svg{
        display:block;
        position:absolute;
        top:0;
        left:0
    }
    .benefits-section .experience{
        padding-left:55px
    }
    .benefits-section .experience svg{
        top:0
    }
    .benefits-section .projects{
        padding-left:55px
    }
    .benefits-section .tasks{
        padding-left:55px
    }
    .benefits-section .happy{
        padding-left:55px
    }
}
@media (min-width:1280px){
    .benefits-section{
        padding:45px 0
    }
    .benefits-section .swiper-slide+.swiper-slide{
        margin-left:100px
    }
    .benefits-section .experience svg{
        top:0
    }
}
@media (min-width:1640px){
    .benefits-section{
        padding:55px 0
    }
    .benefits-section .swiper-slide+.swiper-slide{
        margin-left:150px
    }
}
.benefits-section.in-view .swiper-slide{
    animation:fadeInUp 750ms both 750ms;
	background: transparent;
}
.benefits-section.in-view .swiper-slide:nth-child(1){
    animation-delay:.5s
}
.benefits-section.in-view .swiper-slide:nth-child(2){
    animation-delay:750ms
}
.benefits-section.in-view .swiper-slide:nth-child(3){
    animation-delay:1s
}
.benefits-section.in-view .swiper-slide:nth-child(4){
    animation-delay:1.25s
}



.highlights-section{
    text-transform:uppercase
}
.highlights-section .section-inner{
    position:relative;
    max-width:100%;
    margin-left:0;
	margin-right:0;
    padding-right:0
}
.highlights-section .toggle-view-all,.highlights-section h2{
    margin:0 0 0 20px;
    text-transform:uppercase;
    font-size:1.416666667em
}
@media (min-width:960px){
    .highlights-section h2{
        display:none
    }
}
.highlights-section button:focus{
    outline:0
}
.highlights-section .toggle-view-all{
    display:none
}
@media (min-width:960px){
    .highlights-section .toggle-view-all{
        display:inline-block;
        padding:0;
        background-color:transparent;
        border:none;
		margin-left:65px;
    }
}
.highlights-section .toggle-view-all span.show-all{
    display:inline-block
}
.highlights-section .toggle-view-all span.show-less{
    display:none
}
.highlights-section .toggle-view-all svg{
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:20px;
    fill:#000
}
.highlights-section.view-all .toggle-view-all span.show-all{
    display:none
}
.highlights-section.view-all .toggle-view-all span.show-less{
    display:inline-block
}
.highlights-section .paging{
    position:absolute;
    top:-7px;
    right:11px;
    transition:all .5s ease
}
.highlights-section .paging button{
    position:static;
    float:left
}
.highlights-section .paging button+button{
    margin-left:7px
}
@media (min-width:768px){
    .highlights-section .paging{
        right:17px
    }
}
@media (min-width:960px){
    .highlights-section .paging{
        right:37px
    }
}
@media (min-width:1280px){
    .highlights-section .paging{
        right:52px
    }
}
.highlights-section span{
    display:block;
    line-height:1.4;
    letter-spacing:.12em;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.highlights-section h6{
    margin:0;
    line-height:1.25;
    color:inherit
}
@media (min-width:960px) and (max-width:1169px){
    .highlights-section h6.h1{
        font-size:2.5em
    }
}
.highlights-section .highlight-item{
    position:relative;
	width:33.33%;
	max-width: 584px;
}
.highlights-section .highlight-item:nth-child(3n+3){
	width:33.34%;
}
.portfolio-item {
 width:100%;
 max-width:584px;
 float:left;
 height:100%;
 position:relative;
 color:#fff;
 margin:1px 2px;
}
@media screen and (max-width:767px) {
 .portfolio-item {
  max-width:100%
 }
}
.portfolio-item .top-row {
 display:block;
 overflow:hidden;
 margin-bottom:45px
}
.portfolio-item .porfolio-logo {
 float:left
}
.portfolio-item .porfolio-logo img {
 max-height:43px
}
.portfolio-item .type {
 float:right;
 line-height:43px;
 font-size:14px
}
.portfolio-item .description-holder .title {
 font-weight:300;
 font-size:28px;
 text-align:left;
 line-height:26px;
 margin-bottom:20px
}
.portfolio-item .description-holder .info-block {
 font-size:14px;
 line-height:1.29;
 letter-spacing:.6px;
 margin:0 0 45px;
 font-weight:300;
 max-width:380px;
 height:75px;
 overflow:hidden
}
.view-site {
 font-size:14px;
 line-height:1;
 display:inline-block;
 text-transform:uppercase;
 text-align:left;
 color:#fce12f;
 text-decoration:none;
 display:inline-block;
 position:relative;
 margin-bottom:15px
}
@media screen and (max-width:767px) {
 .view-site {
  font-weight:500
 }
}
.view-site span {
 display:inline-block;
 margin-right:5px
}
.view-site svg {
 width:16px;
 height:12px
}
.line-portfolio {
 height:1px;
 background:rgba(255,255,255,.2);
 position:relative
}
.line-portfolio::before {
 position:absolute;
 width:29px;
 height:1px;
 background-color:#fce12f;
 content:'';
 display:inline-block;
 top:0;
 -webkit-transition:width 1s;
 transition:width 1s
}
.view-site:hover~.line-portfolio::before {
 width:150px
}
@media screen and (min-width:1000px) {
 .view-site-image {
  cursor:default;
  pointer-events:none
 }
 .portfolio-item .title {
  color:#fff
 }
 .portfolio-item:hover .portfolio-item-content {
  -webkit-transform:scale(1);
  transform:scale(1);
  background:rgba(255,255,255,0.8);
 }
}
.highlights-section .highlight-item .view-site-image {
    display: block;
    height: inherit;
    width: 100%;
}
.highlights-section .highlight-item .portfolio-item .cover-img {
    overflow: hidden;
    cursor: pointer;
}
.highlights-section .highlight-item a .cover-img img {
    width: 100%;
    height: auto;
}
.portfolio-item-content {
    position: absolute;
    background: rgba(255,255,255,0.4);
    top: 5px;
    left: 5px;
    right: 7px;
    bottom: 5px;
    padding: 35px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.highlights-section .highlight-item:after,.highlights-section .highlight-item:before{
    content:" ";
    display:table
}
.highlights-section .highlight-item:after{
    clear:both
}
.highlights-section a.img{
    display:block
}
.highlights-section img{
    display:block;
    width:100%;
    height:auto
}
.highlights-section .text{
    display:block;
    z-index:10;
    padding:15px 0 5px 25px
}
@media (min-width:1280px){
    .highlights-section .text{
        padding:30px 0 30px 45px
    }
}
.highlights-section .highlights{
    margin-top:20px
}
.highlights-section .highlight-container{
    position:relative;
    width:100%;
	float:left;
	padding:0;
}
.highlights-section .highlights{
    transition:max-height .4s ease;
    overflow:hidden
}
.highlights-section .highlights.toggle-highlights{
    max-height:0
}
.highlights-section.view-all .paging{
    opacity:0;
    visibility:hidden
}
.highlights-section.view-all .highlights-container{
    max-width:1760px
}
.highlights-section.view-all .highlights-container .highlight-items{
    display:flex;
    flex-wrap:wrap
}
.highlights-section.view-all .highlights-container .highlight-item{
}



section.services {
    background-color: rgba(62, 46, 16, 0.9);
    padding: 80px 0;
}
@media (max-width:767px){
	section.services {
		 background-color: rgba(89, 74, 46, 0.95)
	}
}
section.services .section-inner{position: relative;display: block;height: 100%;}
section.services .service-cols .development{ animation-delay: .5s;}
section.services .service-cols .design{ animation-delay: .75s;}
section.services .service-cols .marketing{ animation-delay: 1s;}
section.services .block-title {
    text-align: center;
    font-size: 36px;
    display: block;
    width: 300px;
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 auto;
}
section.services .block-title a{color:#fff}
section.services .block-title a:hover{color:#fff}
section.services .block-title::after{  
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  background: #fff;
  width: 100%;
}
section.services .block-subtitle{text-transform: none;text-align: center;color: #fff;padding: 20px 0;font-family:Tahoma;letter-spacing: 1px;}
section.services .service-cols {
    display: table;
    width: 100%;
}
section.services .item{width: 33.33%;margin: 20px 0;padding: 0 20px;
	animation-delay: .5s;
	animation: fadeInUp 750ms both 750ms;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;	
	display: table-cell;
}
@media (max-width:767px){
	section.services .item {
		width: 100%;
		display: block;
		max-width: 360px;
		margin: 40px auto;
	}
}
section.services .item .icon{}
section.services .item .icon svg{margin: 0 auto;display: block;height: 60px;color: #fff;fill: #fff;width: 100%;}
section.services .item .col-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6em;
    padding: 30px 0 5px;
    color: #fff;
    position: relative;
    line-height: 1.2em;
    display: block;
    margin: 0 auto 10px;
}
@media (max-width:959px){
	section.services .item .col-title {
		font-size: 1.35em;
		padding: 20px 0 5px;
	}	
}
@media (max-width:767px){
	section.services .item .col-title {
		font-size: 1.55em;
	}	
}
section.services .item .col-title::after{  
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  background: #fff;
  width:100%;
}
@media (min-width:960px){
	section.services .item .col-title::after{  
	  width: 80%;
	  left:10%;
	}
}
section.services .item .col-title .and{font-family:Tahoma;font-size: 0.8em;padding: 0 4px;}
section.services .service-cols ul{padding: 0;}
section.services .service-cols ul li{list-style: none; position:relative;}
section.services .service-cols ul li.header{}
section.services .service-cols ul li.subitem{text-align: center;}
@media (max-width:959px){
section.services .service-cols ul li.subitem{padding:5px 0;}
}
section.services .service-cols ul li a{color: #fff;line-height: 8px;text-transform: none;font-size: 15px;font-weight: 300;font-family: tahoma;letter-spacing: 1px;padding-bottom: 2px;position:relative;}
@media (max-width:959px){
	section.services .service-cols ul li a {
		font-size: 12px;
	}	
}
@media (max-width:767px){
	section.services .service-cols ul li a {
		font-size: 16px;
	}	
}
section.services .service-cols ul li a::after {    
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s;
  width: 0;
}
section.services .service-cols ul li a:hover::after { 
  width: 100%; 
  left: 0; 
}



section.about-us {
    padding: 50px 0;
}
section.about-us .section-inner{}
section.about-us h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
}
@media (max-width:959px){
	section.about-us h1 {
		font-size: 24px;
	}
}
section.about-us .about-text {
    margin: 0 auto;
    width: 80%;
    text-align: center;
}
@media (max-width:959px){
	section.about-us .about-text {
		width: 100%;
	}
}
section.about-us .about-text .inner-text{}
section.about-us .about-text .subheader{}
section.about-us .about-text .subheader h4{text-transform: none;}
@media (max-width:959px){
	section.about-us .about-text .subheader h4 {
		font-size: 1.1em;
	}	
}
section.about-us .about-text p{}
section.about-us .about-text .button{padding: 14px 46px;}
section.about-us .about-text .button a {
    color: #fff;
    font-size: 1.3em;
}




.blogslider-slider-section{display:block; padding:100px 0; }
.blogslider-slider-section .section-inner{
    position:relative;
    padding-left:25px
}
@media (max-width:959px){
    .blogslider-slider-section .section-inner{
        margin-right:0
    }
}
@media (min-width:375px){
    .blogslider-slider-section .section-inner{
        padding-left:10px
    }
}
@media (min-width:768px){
    .blogslider-slider-section .section-inner{
        padding-left:40px
    }
}
@media (min-width:960px){
    .blogslider-slider-section .section-inner{
        padding-left:70px
    }
}
@media (min-width:1280px){
    .blogslider-slider-section .section-inner{
        padding-left:80px
    }
}
@media (min-width:1920px){
    .blogslider-slider-section .section-inner{
        padding-left:100px
    }
}
.blogslider-slider-section h2{
    display:block;
    position:absolute;
    top:50%;
    left:-3px;
    margin:0;
    line-height:1;
    font-size:1.25em;
    transform:rotate(-90deg) translateX(-50%);
    transform-origin:0 0;
    color:#3c3c3c
}
@media (min-width:375px){
    .blogslider-slider-section h2{
        left:-18px
    }
}
@media (min-width:768px){
    .blogslider-slider-section h2{
        left:-4px
    }
}
@media (min-width:960px){
    .blogslider-slider-section h2{
        left:-1px
    }
}
@media (min-width:1920px){
    .blogslider-slider-section h2{
        left:-2px
    }
}
.blogslider-slider-section .paging{
    display:none
}
@media (min-width:960px){
    .blogslider-slider-section .paging{
        display:block;
        position:absolute;
        top:50%;
        left:-41px;
        width:98px;
        height:36px;
        margin-top:-18px;
        z-index:100
    }
}
@media (min-width:1280px){
    .blogslider-slider-section .paging{
        left:-55px;
        width:125px;
        height:46px;
        margin-top:-23px
    }
}
@media (min-width:1920px){
    .blogslider-slider-section .paging{
        left:-58px;
        width:132px
    }
}
.blogslider-slider-section .paging button{
    display:block;
    position:absolute;
    z-index:101;
    top:0;
    transition:opacity 150ms ease
}
@media (min-width:1280px){
    .blogslider-slider-section .paging button{
        width:46px;
        height:46px
    }
    .blogslider-slider-section .paging button svg{
        width:9px;
        height:18px;
        margin-top:-9px;
        left:18px
    }
}
.blogslider-slider-section .paging button.prev{
    left:0
}
.blogslider-slider-section .paging button.next{
    right:0
}
html.no-touch .blogslider-slider-section .paging button svg{
    transition:fill 150ms ease
}
html.no-touch .blogslider-slider-section .paging button:hover svg{
    fill:#000
}
.blogslider-slider-section .blogsliderItem{
    margin-bottom:0
}

.blogsliderItem{
    float:left;
    width:50%;
    margin-bottom:2em;
    padding-right:2px;
    padding-left:2px;
    line-height:19px;
    text-align:center;
    color:#333;
	background:transparent;
}
@media (min-width:768px){
    .blogsliderItem{
        width:33.3333333%;
        margin-bottom:2.5em
    }
}
@media (min-width:960px){
    .blogsliderItem{
        width:25%;
        margin-bottom:3.25em
    }
}
@media (min-width:1280px){
    .blogsliderItem{
        margin-bottom:3.75em
    }
}
@media (min-width:1640px){
    .blogsliderItem{
        width:20%
    }
}
.blogsliderItem .slider-post-name {
    margin-bottom: .75em;
    display: block;
    min-height: 72px;
}
.blogsliderItem a{
    display:block;
    color:#333
}
.blogsliderItem a.post-name {
    line-height: 26px;
}
@media (min-width:480px){
    .blogsliderItem a.post-name{
        margin-bottom:4px;
        font-size:1.25em
    }
}
.blogsliderItem a.post-name:last-child{
    margin-bottom:19px
}
.blogsliderItem a.post-author {
    letter-spacing: .06em;
    line-height: 15px;
    font-weight: normal;
}
.blogsliderItem a.post-author .delimiter{
    padding:0 3px;
}
.blogsliderItem a.content{
    display:block;
    position:relative;
    padding:0 0 25px;
    overflow:hidden;
    cursor:pointer
}
.blogsliderItem a.content::before{
    display:block;
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#540;
    opacity:.05
}
html.no-touch .blogsliderItem a.content img{
    transition:transform 350ms ease
}
html.no-touch .blogsliderItem a.content:hover img{
    transform:scale(1.05)
}
.blogsliderItem .img{
    padding:0 1em
}
.blogsliderItem .img img{
    width:100%
}










.site-footer{
    position:relative;
    z-index:23;
    padding:0;
    background-color:#fff;
    border:none;
    -webkit-font-smoothing:antialiased;
    letter-spacing:.12em
}
.site-footer,.site-footer a,.site-footer h6{
    color:#333
}
.site-footer h6{
    margin-bottom:.6em;
    line-height:1;
    text-transform:uppercase;
    font-size:1.2em
}
.site-footer h6 br{
    display:block
}
@media (min-width:960px){
    .site-footer h6{
        margin-bottom:.5em;
        font-size:1.35em
    }
}
@media (min-width:1280px){
    .site-footer h6{
        font-size:1.5em
    }
}
@media (min-width:1640px){
    .site-footer h6{
        font-size:1.75em
    }
}
.site-footer p{
    line-height:1.5
}
.site-footer dl,.site-footer li,.site-footer p{
    font-size:.833333333em;
    font-weight:600
}
@media (min-width:1280px){
    .site-footer dl,.site-footer li,.site-footer p{
        font-size:.875em
    }
}
.site-footer ul{
    list-style:none;
    margin:0;
    padding:0
}
.site-footer dl,.site-footer li{
    line-height:2em
}
.site-footer dt{
    float:left;
    width:6em;
    overflow:hidden;
    clear:left;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400
}
.site-footer dd{
    margin-left:6em
}
.site-footer dd::before{
    display:none
}
@media (min-width:1640px){
    .site-footer dt{
        width:100px
    }
    .site-footer dd{
        margin-left:105px
    }
}
.site-footer .footer-inner{
    padding-top:40px
}
.site-footer .about p{
    max-width:430px;
    letter-spacing:0;
    font-weight:400
}
.site-footer .social{
    text-align:center
}
.site-footer .social ul{
    line-height:1;
    font-size:0
}
.site-footer .social ul li{
    display:inline-block
}
.site-footer .social ul li+li{
    margin-left:10px
}
.site-footer .social ul a{
    display:block;
    padding:8px;
    border:1px solid #333;
    vertical-align:bottom
}
html.no-touch .site-footer .social ul a:hover{
    background-color:#000;
    border-color:#000
}
html.no-touch .site-footer .social ul a:hover svg{
    fill:#fff
}
.site-footer .social ul svg{
    display:block;
    width:16px;
    height:16px;
    fill:#333
}
@media (min-width:768px){
    .site-footer .social{
        text-align:left
    }
}
.site-footer .badges{
    margin-top:30px
}
.site-footer .badges span.gazelle{
    display:block;
    margin-top:-1.5em;
    margin-bottom:2em
}
.site-footer .badges span.gazelle img{
    max-width:168px
}
@media (min-width:1920px){
    .site-footer .badges span.gazelle{
        margin-top:-2em
    }
}
.site-footer .badges a,.site-footer .badges img{
    display:inline-block;
    width:230px
}
@media (max-width:767px){
    .site-footer .about-social-inner{
        display:flex;
        flex-direction:column-reverse
    }
    .site-footer .about,.site-footer .column{
        padding:2em 0 1.666667em;
        border-bottom:1px solid rgba(163,162,158,.2)
    }
    .site-footer .social{
        padding-bottom:27px;
        border-bottom:1px solid rgba(163,162,158,.2)
    }
    .site-footer .badges{
        text-align:center
    }
    .site-footer .column{
        margin:0 -5px
    }
    .site-footer .column:after,.site-footer .column:before{
        content:" ";
        display:table
    }
    .site-footer .column:after{
        clear:both
    }
    .site-footer .column>div{
        width:50%;
        float:left;
        padding:0 5px
    }
    .site-footer .column.webshop-info{
        padding:1.25em 0 .916667em
    }
    .site-footer .column.webshop-info>div{
        padding-top:.75em;
        padding-bottom:.75em
    }
    .site-footer .categories:after,.site-footer .categories:before{
        content:" ";
        display:table
    }
    .site-footer .categories:after{
        clear:both
    }
    .site-footer .categories ul{
        width:50%;
        float:left
    }
    .site-footer .terms{
        padding:20px 0
    }
}
@media (min-width:768px) and (max-width:1169px){
    .site-footer .about-social{
        border-bottom:1px solid rgba(163,162,158,.2)
    }
    .site-footer .about-social-inner{
        display:flex;
        margin:0 -15px;
        padding-bottom:2em
    }
    .site-footer .about,.site-footer .social{
        padding:0 15px
    }
    .site-footer .about{
        width:60%
    }
    .site-footer .social{
        width:40%
    }
}
@media (min-width:768px){
    .site-footer .footer-inner{
        padding-top:50px;
        padding-bottom:30px
    }
    .site-footer .columns{
        display:flex;
        flex-wrap:wrap;
        margin:0 -10px
    }
    .site-footer .column{
        width:25%;
        padding:2em 10px 0
    }
    .site-footer .column div+div{
        margin-top:40px
    }
}
@media (min-width:1170px){
    .site-footer .footer-inner{
        display:flex;
        margin:0 -10px;
        margin:0 -20px;
        padding-top:70px;
        padding-bottom:50px
    }
    .site-footer .about-social{
        width:30%;
        padding:0 20px
    }
    .site-footer .badges,.site-footer .social{
        margin-top:40px
    }
    .site-footer .columns{
        width:70%;
        margin:0 -20px;
        padding:0 20px
    }
    .site-footer .column{
        padding:0 20px
    }
}
@media (min-width:1440px){
    .site-footer .footer-inner{
        padding-top:90px;
        padding-bottom:70px
    }
}
@media (min-width:1920px){
    .site-footer .footer-inner{
        padding-top:120px;
        padding-bottom:90px
    }
    .site-footer .badges,.site-footer .social{
        margin-top:60px
    }
}
.site-footer .terms{
    padding:2em 0;
    text-transform:uppercase
}
.site-footer .terms li{
    line-height:2.714285714em;
    font-size:.7em
}
@media (min-width:768px){
    .site-footer .terms{
        border-top:1px solid #c6c6c4
    }
    .site-footer .terms li{
        display:inline-block;
        font-size:.8em
    }
    .site-footer .terms li+li{
        margin-left:52px
    }
}
@media (min-width:1280px){
    .site-footer .terms li{
        font-size:.875em
    }
}
.site-footer .footer-bottom{
    margin:0 -10px;
    padding:20px 0;
    line-height:1;
    font-size:0
}
.site-footer .footer-bottom:after,.site-footer .footer-bottom:before{
    content:" ";
    display:table
}
.site-footer .footer-bottom:after{
    clear:both
}
.site-footer .footer-bottom .payment-methods,.site-footer .footer-bottom .trust{
    padding:0 10px
}
.site-footer .footer-bottom .payment-methods{
    width:65%;
    float:left
}
.site-footer .footer-bottom .payment-methods img{
    max-width:635px
}
@media (min-width:768px){
    .site-footer .footer-bottom .payment-methods{
        height:50px
    }
    .site-footer .footer-bottom .payment-methods img{
        width:100%;
        height:100%;
        vertical-align:middle
    }
}
.site-footer .footer-bottom .trust{
    width:35%;
    float:right;
    margin:0;
    padding:0;
    list-style:none;
    text-align:right
}
.site-footer .footer-bottom .trust li{
    display:inline-block;
    width:auto
}
.site-footer .footer-bottom .trust li+li{
    margin-left:5px
}
@media (min-width:768px){
    .site-footer .footer-bottom .trust li+li{
        margin-left:18px
    }
}
.site-footer .footer-bottom .trust a{
    display:block
}
.site-footer .footer-bottom .trust img{
    display:block;
    width:auto;
    height:20px
}
@media (min-width:768px){
    .site-footer .footer-bottom .trust img{
        height:50px
    }
}

section.page-content {
    background-color: transparent;
}
.page-title-wrapper h1.page-title {
    text-align: center;
    margin: 0;
    padding: 40px 0;
	color:#fff;
	font-size:35px;
	background-color: rgba(94, 94, 94, 0.95);
}


section.page-content .magento-benefits{background: #fff;margin: 0;padding: 50px 0;}
section.page-content .magento-benefits .text-inner{ margin: 0 35px;}
section.page-content .page-text{background: #fff;margin: 0;padding: 50px 0;position: relative;border-bottom: 1px solid #ccc;}
section.page-content .page-text .text-inner{margin: 0 auto;max-width: 1200px;padding: 0 60px 0 80px;position: relative; text-align: justify;}
section.page-content .magento-benefits .two-cols{margin: 0;list-style: none;padding: 0;display: flex;flex-wrap: wrap;}
section.page-content .magento-benefits .two-cols .sub-title {font-size: 27px;width: 100%;padding: 0 0 40px;text-align: center; }
section.page-content .magento-benefits .two-cols .sub-title .inner{position:relative;}
section.page-content .magento-benefits .two-cols .item{width: 50%;display: flex;padding: 10px 30px;flex-wrap: wrap;}
section.page-content .magento-benefits .two-cols .item .headline{font-size: 24px;}
section.page-content .magento-benefits .two-cols .item .text{text-align: justify;}
section.page-content .we-do{background: rgba(94, 94, 94, 0.95);padding: 0;color: #fff;}
section.page-content .we-do .text-inner{ display:flex;}
section.page-content .we-do .banner{ background-image: url("../images/what-we-do.jpg");	 width: 50%;background-repeat: no-repeat;}
section.page-content .we-do .list-block{padding: 0;margin: 50px 65px 50px 0;list-style: none;}
section.page-content .we-do .list-block .sub-title{font-size: 24px;width: 100%;text-align: left;padding: 0 0 30px 35px;position: relative;}
section.page-content .we-do .list-block .item{width: 100%;font-size: 16px;position: relative;padding: 4px 0 4px 80px; text-align:justify;}
section.page-content .dev-result{background: #fff;padding: 50px 0;width: 100%;border-bottom: 1px solid #ccc;}
section.page-content .dev-result .text-inner{margin: 0 65px;}
section.page-content .dev-result .title{font-size: 27px;width: 100%;padding: 0 0 30px;text-align: center;}
section.page-content .dev-result .sub-text{margin: 0 auto;padding: 0 0 80px 80px;position: relative;max-width: 1000px;}
section.page-content .dev-result .four-cols{margin: 0;padding: 0;list-style: none;display: flex;}
section.page-content .dev-result .four-cols .item{width: 25%;float: left;padding: 0 2%;}
section.page-content .dev-result .four-cols .icon{}
section.page-content .dev-result .four-cols .icon svg{max-height: 70px; width:100%;}
section.page-content .dev-result .four-cols .col-title{text-align: center;padding: 10px 0;font-size: 25px;}
section.page-content .dev-result .four-cols .text{text-align: center;font-size: 16px;}
section.page-content .page-text .text-inner::after, section.page-content .dev-result .sub-text::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 21px;
    width: 40px;
    height: 1px;
    background: #333;
}
section.page-content .we-do .list-block .item::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 21px;
    width: 40px;
    height: 1px;
    background: #fff;
}
section.page-content .we-do .list-block .sub-title::after, section.page-content .magento-benefits .two-cols .sub-title .inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    background: #8c8410;
    width: 4px;
    height: 41px;
}

@media (max-width:1280px){
	section.page-content .magento-benefits .two-cols .sub-title {
		font-size: 24px;
		padding: 0 0 30px;
		text-align: center;
		line-height: 30px;
	}
	section.page-content .magento-benefits .two-cols .item .headline {
		font-size: 20px;
		line-height: 30px;
	}
	section.page-content .we-do .list-block .item {
		font-size: 19px;
	}
	section.page-content .dev-result .four-cols .col-title {
		font-size: 20px;
	}
	section.page-content .dev-result .four-cols .text {
		font-size: 14px;
	}
	section.page-content .dev-result .text-inner {
		margin: 0 10px;
	}
}
@media (max-width:767px){
	.page-title-wrapper h1.page-title {
		font-size: 28px;
		padding: 24px 0;
	}
	section.page-content .page-text{padding: 20px 0;}
	section.page-content .page-text .text-inner{padding: 0 10px;text-indent: 50px;}
	section.page-content .page-text .text-inner::after, section.page-content .dev-result .sub-text::after {
		left: 10px;
	}
	section.page-content .we-do .list-block .item::after {
		top: 12px;
		left: 10px;
	}
	section.page-content .magento-benefits .two-cols .item {
		width: 100%;
		padding: 10px;
	}
	section.page-content .magento-benefits .two-cols .item .headline {
		font-size: 18px;
		line-height: 30px;
	}
	section.page-content .we-do .list-block .item::after {
		top: 24px;
		left: 0px;
		width: 40px;
	}
	section.page-content .we-do .list-block .item {
		font-size: 17px;
		padding: 10px 0 0 49px;
	}
	section.page-content .we-do .text-inner {
		margin: 0 10px;
	}
	section.page-content .we-do .list-block .sub-title {
		font-size: 25px;
	}
	section.page-content .dev-result .text-inner {
		margin: 0 10px;
	}
	section.page-content .dev-result .title {
		font-size: 25px;
	}
	section.page-content .dev-result .sub-text {
		padding: 0 0 40px 0;
		text-indent: 50px;
		text-align: justify;
	}
	section.page-content .dev-result .title {
		font-size: 25px;
	}
	section.page-content .dev-result .sub-text::after {
		left: 0;
		background: #333;
	}
	section.page-content .dev-result .four-cols {
		display: table;
		width: 100%;
	}
	section.page-content .dev-result .four-cols .item {
		width: 50%;
		padding: 0 2%;
		float: left;
		min-height: 240px;
	}
	section.page-content .dev-result .four-cols .text {
		font-size: 12px;
	}
	section.page-content .dev-result .four-cols .col-title {
		font-size: 18px;
	}
}