/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html
{
    font-family: sans-serif; /* 1 */

        -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video
{
    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template
{
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a
{
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn
{
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1
{
    font-size: 2em;

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img
{
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
.jcf-select,
textarea,
.contact-section textarea.error
{
    font: inherit; /* 2 */

    margin: 0; /* 3 */

    color: inherit; /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select,
.jcf-select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer; /* 3 */

    -webkit-appearance: button; /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search']
{
    box-sizing: content-box; /* 2 */

    -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend
{
    padding: 0; /* 2 */

    border: 0; /* 1 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea,
.contact-section textarea.error
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup
{
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th
{
    padding: 0;
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/icomoon.eot?xkszpt');
    src: url('../fonts/icomoon.eot?xkszpt#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?xkszpt') format('truetype'), url('../fonts/icomoon.woff?xkszpt') format('woff'), url('../fonts/icomoon.svg?xkszpt#icomoon') format('svg');
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1; /* Better Font Rendering =========== */

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-check:before
{
    content: '\e91a';
}

.icon-star:before
{
    content: '\e916';
}

.icon-cross:before
{
    content: '\e915';
}

.icon-cart:before
{
    content: '\e914';
}

.icon-info:before
{
    content: '\e912';
}

.icon-map:before
{
    content: '\e913';
}

.icon-quotes:before
{
    content: '\e911';
}

.icon-back-to-top-btn:before
{
    content: '\e910';
}

.icon-delivery:before
{
    content: '\e905';
}

.icon-designing:before
{
    content: '\e906';
}

.icon-discussing:before
{
    content: '\e907';
}

.icon-pause-btn:before
{
    content: '\e908';
}

.icon-testing:before
{
    content: '\e909';
}

.icon-calendar:before
{
    content: '\e90a';
}

.icon-clock-icon:before
{
    content: '\e90b';
}

.icon-left-arrow:before
{
    content: '\e90c';
}

.icon-plant-icon:before
{
    content: '\e90d';
}

.icon-right-arrow:before
{
    content: '\e90e';
}

.icon-time-icon:before
{
    content: '\e90f';
}

.icon-credit-card:before
{
    content: '\e917';
}

.icon-user:before
{
    content: '\e918';
}

.icon-shopping-cart:before
{
    content: '\e919';
}

.icon-search:before
{
    content: '\e900';
}

.icon-instagram:before
{
    content: '\e901';
}

.icon-google-plus:before
{
    content: '\e902';
}

.icon-twitter:before
{
    content: '\e903';
}

.icon-facebook:before
{
    content: '\e904';
}

.icon-facebook-f:before
{
    content: '\e904';
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    margin: 0;
    padding: 0;

    vertical-align: top;

    border: 0;
    outline: none;
}

.fancybox-wrap
{
    position: absolute;
    z-index: 8020;
    top: 0;
    left: 0;
}

.fancybox-skin
{
    position: relative;

    color: #444;
    border-radius: 4px;
    background: #f9f9f9;
    text-shadow: none;
}

.fancybox-opened
{
    z-index: 8030;
}

.fancybox-opened .fancybox-skin
{
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
}

.fancybox-outer,
.fancybox-inner
{
    position: relative;
}

.fancybox-inner
{
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner
{
    -webkit-overflow-scrolling: touch;
}

.fancybox-error
{
    font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    margin: 0;
    padding: 15px;

    white-space: nowrap;

    color: #444;
}

.fancybox-image,
.fancybox-iframe
{
    display: block;

    width: 100%;
    height: 100%;
}

.fancybox-image
{
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading
{
    background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading
{
    position: fixed;
    z-index: 8060;
    top: 50%;
    left: 50%;

    margin-top: -22px;
    margin-left: -22px;

    cursor: pointer;

    opacity: .8;
    background-position: 0 -108px;
}

.fancybox-margin
{
    margin-right: 17px;
}

#fancybox-loading div
{
    width: 44px;
    height: 44px;

    background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close
{
    position: absolute;
    z-index: 8040;
    top: -30px;
    right: -30px;

    width: 36px;
    height: 36px;

    cursor: pointer;
}

.fancybox-close:before
{
    font-family: 'icomoon';
    font-size: 36px;
    line-height: 1;

    display: inline-block;

    content: '\e915';
    vertical-align: top;
}

.fancybox-nav
{
    position: absolute;
    z-index: 8040;
    top: 0;

    width: 40%;
    height: 100%;

    cursor: pointer;
    text-decoration: none;

    background: transparent url('../images/blank.gif'); /* helps IE */

    -webkit-tap-highlight-color: transparent;
}

.fancybox-wrap .fancybox-prev
{
    left: 0;

    width: 50px;
    height: 50px;
}

.fancybox-wrap .fancybox-next
{
    right: 0;

    width: 50px;
    height: 50px;
}

.fancybox-nav span
{
    position: absolute;
    z-index: 8040;
    top: 50%;

    visibility: hidden;

    width: 36px;
    height: 34px;
    margin-top: -18px;

    cursor: pointer;
}

.fancybox-prev span
{
    left: 10px;

    background-position: 0 -36px;
}

.fancybox-next span
{
    right: 10px;

    background-position: 0 -72px;
}

.fancybox-nav:hover span
{
    visibility: visible;
}

.fancybox-tmp
{
    position: absolute;
    top: -99999px;
    left: -99999px;

    visibility: hidden;
    overflow: visible !important;

    max-width: 99999px;
    max-height: 99999px;
}

/* Overlay helper */

.fancybox-lock
{
    overflow: hidden !important;

    width: auto;
}

.fancybox-lock body
{
    overflow: hidden !important;
}

.fancybox-lock-test
{
    overflow-y: hidden !important;
}

.fancybox-overlay
{
    position: absolute;
    z-index: 8010;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed
{
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay
{
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title
{
    font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    position: relative;
    z-index: 8050;

    visibility: hidden;

    text-shadow: none;
}

.fancybox-opened .fancybox-title
{
    visibility: visible;
}

.fancybox-title-float-wrap
{
    position: absolute;
    z-index: 8050;
    right: 50%;
    bottom: 0;

    margin-bottom: -35px;

    text-align: center;
}

.fancybox-title-float-wrap .child
{
    font-weight: bold;
    line-height: 24px;

    display: inline-block;

    margin-right: -100%;
    padding: 2px 20px;

    white-space: nowrap;

    color: #fff;
    border-radius: 15px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, .8);
    text-shadow: 0 1px 2px #222;
}

.fancybox-title-outside-wrap
{
    position: relative;

    margin-top: 10px;

    color: #fff;
}

.fancybox-title-inside-wrap
{
    padding-top: 10px;
}

.fancybox-title-over-wrap
{
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 10px;

    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/

.tabset,
.accordion,
.banner .counter-list,
.login-list,
[id='nav'] ul,
.social-networks,
.head-block .info-list,
.items-list,
.sort-list,
.sub-nav,
.sub-nav ul,
.side-nav,
.blogListHolder .blog-side-nav ul,
.blog-side-nav .BlogPostArchive ul,
.side-block .blogpostcategories ul,
.add-nav ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
[class^='col-']:after,
.productTable td:after,
.checkout-form [class^='col-']:after,
.tabset:after,
.container:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

*
{
    max-height: 1000000px;
}

body
{
    font: 18px/1.56 'Lato', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;

    color: #000;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
    max-width: 100%;
    height: auto;
}

.gm-style img
{
    max-width: none;
}

blockquote
{
    font-style: italic;

    margin: 0;

    color: #737373;
}

blockquote q
{
    position: relative;

    display: block;

    margin-bottom: 2.4em;
    padding: 0 0 0 98px;
}

blockquote q:before
{
    font-family: 'icomoon';
    font-size: 40px;
    font-style: normal;
    line-height: 1;

    position: absolute;
    top: -2px;
    left: 44px;

    content: '\e911';

    color: #dfef31;
}

blockquote q:after
{
    display: none;
}

[id='main'] img
{
    margin-bottom: 2.33em;
}

[id='main'] ul:not([class])
{
    margin: 0;
    padding: 0 0 29px;

    list-style: none;
}

[id='main'] ul:not([class]):last-child
{
    padding-bottom: 0;
}

[id='main'] ul:not([class]) li:not(:first-child)
{
    padding-top: 11px;

    border-top: 1px solid #f1f1f2;
}

[id='main'] ul:not([class]) li
{
    position: relative;

    margin-bottom: 15px;
    padding-left: 40px;
}

[id='main'] ul:not([class]) li:before
{
    position: absolute;
    top: 23px;
    left: 12px;

    width: 8px;
    height: 8px;

    content: '';

    border-radius: 50%;
    background: #dca52a;
}

[id='main'] ul:not([class]) li:first-child:before
{
    top: 11px;
}

hr
{
    margin: 0 0 44px;

    border: 1px solid #f1f1f2;
    border-width: 0 0 1px;
    box-shadow: none;
}

table
{
    width: 100%;
}

table th
{
    text-transform: uppercase;
}

table td
{
    padding: 30px;

    text-transform: uppercase;

    background: #f1f1f2;
}

table tr:not(:last-child) td
{
    border-bottom: 2px solid #fff;
}

h1,
.h1,
h2,
.h2,
h3,
.comment-form h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 400;

    margin: 0 0 .85em;

    color: inherit;
}

.h1
{
    font-size: 72px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: .4em;
}

h1
{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}

h2,
.h2
{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

h3,
.comment-form h3,
.h3
{
    font-size: 24px;
}

h4,
.h4
{
    font-size: 18px;
}

h5,
.h5
{
    font-size: 15px;
}

h6,
.h6
{
    font-size: 14px;
}

p
{
    margin: 0 0 2.4em;
}

a
{
    text-decoration: none;

    color: #dca52a;
}

a:hover,
a:focus
{
    color: #606061;
}

.holder-row
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: -15px;
    margin-left: -15px;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
}

.holder-row.small-indent
{
    margin: 0 -10px;
}

.holder-row.centered
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

[class^='col-'],
.productTable td,
.checkout-form [class^='col-']
{
    padding-right: 15px;
    padding-left: 15px;
}

[class^='col-'].small-indent,
.productTable td.small-indent,
.checkout-form [class^='col-'].small-indent
{
    padding-right: 10px;
    padding-left: 10px;
}

.col-12
{
    width: 100%;
}

.col-9
{
    width: 75%;
}

.col-8
{
    width: 66.66%;
}

.col-6
{
    width: 50%;
}

.col-4
{
    width: 33.33%;
}

.col-3
{
    width: 25%;
}

/* forms*/

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

form .row
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    margin: 0 -10px;
}

form .col-6,
form .col-4
{
    padding: 0 10px;
}

.req
{
    font-size: 16px;
    line-height: 18px;

    display: block;

    margin: 0 0 10px;

    color: #f13;
}

fieldset
{
    margin: 0 0 30px;
}

input[type='text'],
.form .item .textbox,
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='number'],
textarea,
.contact-section textarea.error
{
    font-style: italic;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: .5em 1.2em;

    -webkit-transition: border .2s linear;
            transition: border .2s linear;

    color: #9a9a9a; /* &:hover {*/ /* }*/
    border: 1px solid #ccc;
    border-width: 1px 1px 6px;
    -webkit-border-radius: 0;
            border-radius: 5px;
    outline: none;

    -webkit-appearance: none;
}

input[type='text']::-webkit-input-placeholder,
.form .item .textbox::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.contact-section textarea.error::-webkit-input-placeholder
{
    -webkit-transition: color .2s linear;
            transition: color .2s linear;

    color: #9a9a9a;
}

input[type='text']::-moz-placeholder,
.form .item .textbox::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-placeholder,
.contact-section textarea.error::-moz-placeholder
{
    transition: color .2s linear;

    opacity: 1;
    color: #9a9a9a;
}

input[type='text']:-moz-placeholder,
.form .item .textbox:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-placeholder,
.contact-section textarea.error:-moz-placeholder
{
    transition: color .2s linear;

    color: #9a9a9a;
}

input[type='text']:-ms-input-placeholder,
.form .item .textbox:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.contact-section textarea.error:-ms-input-placeholder
{
    transition: color .2s linear;

    color: #9a9a9a;
}

input[type='text'].placeholder,
.form .item .placeholder.textbox,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
input[type='number'].placeholder,
textarea.placeholder,
.contact-section textarea.placeholder.error
{
    -webkit-transition: color .2s linear;
            transition: color .2s linear;

    color: #9a9a9a;
}

input[type='text']:focus,
.form .item .textbox:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='number']:focus,
textarea:focus,
.contact-section textarea.error:focus
{
    color: #000;
    border-bottom-color: #dfef31;
}

input[type='text']:focus::-webkit-input-placeholder,
.form .item .textbox:focus::-webkit-input-placeholder,
input[type='tel']:focus::-webkit-input-placeholder,
input[type='email']:focus::-webkit-input-placeholder,
input[type='search']:focus::-webkit-input-placeholder,
input[type='password']:focus::-webkit-input-placeholder,
input[type='number']:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
.contact-section textarea.error:focus::-webkit-input-placeholder
{
    color: #000;
}

input[type='text']:focus::-moz-placeholder,
.form .item .textbox:focus::-moz-placeholder,
input[type='tel']:focus::-moz-placeholder,
input[type='email']:focus::-moz-placeholder,
input[type='search']:focus::-moz-placeholder,
input[type='password']:focus::-moz-placeholder,
input[type='number']:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
.contact-section textarea.error:focus::-moz-placeholder
{
    opacity: 1;
    color: #000;
}

input[type='text']:focus:-moz-placeholder,
.form .item .textbox:focus:-moz-placeholder,
input[type='tel']:focus:-moz-placeholder,
input[type='email']:focus:-moz-placeholder,
input[type='search']:focus:-moz-placeholder,
input[type='password']:focus:-moz-placeholder,
input[type='number']:focus:-moz-placeholder,
textarea:focus:-moz-placeholder
{
    color: #000;
}

input[type='text']:focus:-ms-input-placeholder,
.form .item .textbox:focus:-ms-input-placeholder,
input[type='tel']:focus:-ms-input-placeholder,
input[type='email']:focus:-ms-input-placeholder,
input[type='search']:focus:-ms-input-placeholder,
input[type='password']:focus:-ms-input-placeholder,
input[type='number']:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder
{
    color: #000;
}

input[type='text']:focus.placeholder,
.form .item .textbox:focus.placeholder,
input[type='tel']:focus.placeholder,
input[type='email']:focus.placeholder,
input[type='search']:focus.placeholder,
input[type='password']:focus.placeholder,
input[type='number']:focus.placeholder,
textarea:focus.placeholder
{
    color: #000;
}

input[type='text'].error,
.form .item .error.textbox,
input[type='text'] :invalid,
.form .item .textbox :invalid,
input[type='tel'].error,
input[type='tel'] :invalid,
input[type='email'].error,
input[type='email'] :invalid,
input[type='search'].error,
input[type='search'] :invalid,
input[type='password'].error,
input[type='password'] :invalid,
input[type='number'].error,
input[type='number'] :invalid,
textarea.error,
.contact-section textarea.error,
textarea :invalid,
.contact-section textarea.error :invalid
{
    color: #f13;
    border-color: #f13;
    background: #fff;
}

input[type='text'].error::-webkit-input-placeholder,
.form .item .error.textbox::-webkit-input-placeholder,
input[type='text'] :invalid::-webkit-input-placeholder,
.form .item .textbox :invalid::-webkit-input-placeholder,
input[type='tel'].error::-webkit-input-placeholder,
input[type='tel'] :invalid::-webkit-input-placeholder,
input[type='email'].error::-webkit-input-placeholder,
input[type='email'] :invalid::-webkit-input-placeholder,
input[type='search'].error::-webkit-input-placeholder,
input[type='search'] :invalid::-webkit-input-placeholder,
input[type='password'].error::-webkit-input-placeholder,
input[type='password'] :invalid::-webkit-input-placeholder,
input[type='number'].error::-webkit-input-placeholder,
input[type='number'] :invalid::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
.contact-section textarea.error::-webkit-input-placeholder,
textarea :invalid::-webkit-input-placeholder,
.contact-section textarea.error :invalid::-webkit-input-placeholder
{
    color: #f13;
}

input[type='text'].error::-moz-placeholder,
.form .item .error.textbox::-moz-placeholder,
input[type='text'] :invalid::-moz-placeholder,
.form .item .textbox :invalid::-moz-placeholder,
input[type='tel'].error::-moz-placeholder,
input[type='tel'] :invalid::-moz-placeholder,
input[type='email'].error::-moz-placeholder,
input[type='email'] :invalid::-moz-placeholder,
input[type='search'].error::-moz-placeholder,
input[type='search'] :invalid::-moz-placeholder,
input[type='password'].error::-moz-placeholder,
input[type='password'] :invalid::-moz-placeholder,
input[type='number'].error::-moz-placeholder,
input[type='number'] :invalid::-moz-placeholder,
textarea.error::-moz-placeholder,
.contact-section textarea.error::-moz-placeholder,
textarea :invalid::-moz-placeholder,
.contact-section textarea.error :invalid::-moz-placeholder
{
    opacity: 1;
    color: #f13;
}

input[type='text'].error:-moz-placeholder,
.form .item .error.textbox:-moz-placeholder,
input[type='text'] :invalid:-moz-placeholder,
.form .item .textbox :invalid:-moz-placeholder,
input[type='tel'].error:-moz-placeholder,
input[type='tel'] :invalid:-moz-placeholder,
input[type='email'].error:-moz-placeholder,
input[type='email'] :invalid:-moz-placeholder,
input[type='search'].error:-moz-placeholder,
input[type='search'] :invalid:-moz-placeholder,
input[type='password'].error:-moz-placeholder,
input[type='password'] :invalid:-moz-placeholder,
input[type='number'].error:-moz-placeholder,
input[type='number'] :invalid:-moz-placeholder,
textarea.error:-moz-placeholder,
textarea :invalid:-moz-placeholder
{
    color: #f13;
}

input[type='text'].error:-ms-input-placeholder,
.form .item .error.textbox:-ms-input-placeholder,
input[type='text'] :invalid:-ms-input-placeholder,
.form .item .textbox :invalid:-ms-input-placeholder,
input[type='tel'].error:-ms-input-placeholder,
input[type='tel'] :invalid:-ms-input-placeholder,
input[type='email'].error:-ms-input-placeholder,
input[type='email'] :invalid:-ms-input-placeholder,
input[type='search'].error:-ms-input-placeholder,
input[type='search'] :invalid:-ms-input-placeholder,
input[type='password'].error:-ms-input-placeholder,
input[type='password'] :invalid:-ms-input-placeholder,
input[type='number'].error:-ms-input-placeholder,
input[type='number'] :invalid:-ms-input-placeholder,
textarea.error:-ms-input-placeholder,
textarea :invalid:-ms-input-placeholder
{
    color: #f13;
}

input[type='text'].error.placeholder,
.form .item .error.placeholder.textbox,
input[type='text'] :invalid.placeholder,
.form .item .textbox :invalid.placeholder,
input[type='tel'].error.placeholder,
input[type='tel'] :invalid.placeholder,
input[type='email'].error.placeholder,
input[type='email'] :invalid.placeholder,
input[type='search'].error.placeholder,
input[type='search'] :invalid.placeholder,
input[type='password'].error.placeholder,
input[type='password'] :invalid.placeholder,
input[type='number'].error.placeholder,
input[type='number'] :invalid.placeholder,
textarea.error.placeholder,
textarea :invalid.placeholder
{
    color: #f13;
}

input[type='text'],
.form .item .textbox,
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='number'],
select,
.jcf-select
{
    height: 62px;
    margin-bottom: 20px;
}

input[type='text'].small,
.form .item .small.textbox,
input[type='tel'].small,
input[type='email'].small,
input[type='search'].small,
input[type='password'].small,
input[type='number'].small,
select.small,
.small.jcf-select
{
    height: 41px;
    padding: 4px 8px;
}

select,
.jcf-select
{
    font-style: italic;

    width: 100%;
    padding: .5em 1.2em;

    color: #9a9a9a;
    border: 1px solid #ccc;
    border-width: 1px 1px 6px;
    border-radius: 5px;
    outline: none;
}

select:focus,
.jcf-select:focus
{
    color: #000;
    border-bottom-color: #dfef31;
}

select option,
.jcf-select option
{
    color: black; /* color of all the other options*/
}

textarea,
.contact-section textarea.error
{
    height: 131px;
    min-height: 131px;
    margin-bottom: 56px;
    padding: .9em 1em;

    resize: vertical;
    resize: none;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

button,
input[type='button'],
input[type='submit']
{
    -webkit-transition: background .2s linear;
            transition: background .2s linear;

    background: #e33d9b;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover
{
    background: #cf388e;
}

.search-form
{
    position: absolute;
    z-index: 2;
    top: 100%;
    right: 0;

    overflow: hidden;

    max-height: 0;

    -webkit-transition: max-height .2s linear 1s;
            transition: max-height .2s linear 1s;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.search-active .search-form
{
    max-height: 200px;

    -webkit-transition: max-height .2s linear;
            transition: max-height .2s linear;
}

.search-form .row
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0;
    padding: 7px 6px 6px;

    -webkit-transition: -webkit-transform .2s linear .3s;
            transition:         transform .2s linear .3s;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    background: #f1f1f2;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.search-active .search-form .row
{
    -webkit-transition: -webkit-transform .2s linear;
            transition:         transform .2s linear;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.search-form input[type='search']
{
    font-size: 18px;
    line-height: 29px;

    float: left;

    width: 0;
    height: 51px;
    margin: 0;
    padding: 9px 0 12px;

    -webkit-transition: width .2s linear , padding .2s linear;
            transition: width .2s linear , padding .2s linear;

    border: 1px solid #d7d7d7;
    border-width: 1px 0 1px 1px;
    border-radius: 6px 0  0 6px;
    background: #fff;

    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}

.search-active .search-form input[type='search']
{
    width: 163px;
    padding: 9px 9px 12px;

    -webkit-transition: width .2s linear .3s, padding .2s linear .3s;
            transition: width .2s linear .3s, padding .2s linear .3s;
}

.search-form input[type='search']::-webkit-input-placeholder
{
    color: #9a9a9a;
}

.search-form input[type='search']::-moz-placeholder
{
    opacity: 1;
    color: #9a9a9a;
}

.search-form input[type='search']:-moz-placeholder
{
    color: #9a9a9a;
}

.search-form input[type='search']:-ms-input-placeholder
{
    color: #9a9a9a;
}

.search-form input[type='search'].placeholder
{
    color: #9a9a9a;
}

.search-form button[type='submit']
{
    font-size: 20px;

    width: 48px;
    height: 51px;
    padding: 0;

    color: #fff;
    border: 1px solid #d7d7d7;
    border-width: 1px 1px 1px 0;
    border-radius: 0 6px 6px 0;
}

.contact-form
{
    max-width: 943px;
    margin: 0 auto;

    text-align: center;
}

.contact-form textarea,
.contact-form .contact-section textarea.error,
.contact-section .contact-form textarea.error
{
    height: 173px;
    min-height: 173px;
}

.booking-form
{
    max-width: 555px;
    margin: 0 auto;

    text-align: center;
}

.booking-form input + input[type='submit']
{
    margin-top: 35px;
}

.filter-form
{
    overflow: hidden;
}

.filter-form input[type='text'],
.filter-form .form .item .textbox,
.form .item .filter-form .textbox,
.filter-form select,
.filter-form .jcf-select,
.filter-form .jcf-select
{
    border-width: 0 0 6px;
}

.filter-form .row
{
    overflow: hidden;

    margin: 0 -5px;
}

.filter-form .input-box
{
    float: left;

    width: 183px;
    padding: 0 5px;
}

.filter-form input[type='submit']
{
    overflow: hidden;

    vertical-align: middle;
    white-space: normal;
}

.product-form
{
    margin: 0 0 34px;
}

.product-form .row
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    margin: 0;

    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.product-form input[type='text'],
.product-form .form .item .textbox,
.form .item .product-form .textbox,
.product-form input[type='number']
{
    width: 163px;
}

.product-form input[type='submit']
{
    margin-left: 10px;
}

.comment-form
{
    width: 100%;
    margin: 0;

    color: #000;
    border: none;
    background: none;
}

.comment-form h3
{
    margin-bottom: .8em;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.comment-form textarea,
.comment-form .contact-section textarea.error,
.contact-section .comment-form textarea.error
{
    width: 100%;
    height: 96px;
    min-height: 96px;
}

.comment-form .captcha-holder
{
    padding-top: 0;
}

.shipping-form
{
    margin-bottom: 20px;
}

.captcha-holder
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    padding: 14px 0 2px;

        -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
            flex-flow: column wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.captcha-holder label
{
    display: inline-block;

    margin: 0 0 37px;

    vertical-align: top;
}

.captcha-holder .req
{
    display: inline-block;

    vertical-align: top;
}

.captcha-holder .captchaimg
{
    display: inline-block;

    margin: 0 0 29px;
    padding: 4px 5px;

    vertical-align: top;

    border: 1px solid #ccc;
    background: #fff;
}

.captcha-holder .captchaimg img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.captcha-holder input[type='text'],
.captcha-holder .form .item .textbox,
.form .item .captcha-holder .textbox
{
    width: 225px !important;
}

.login-form input[type='submit']
{
    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;
}

.login-form .input-box
{
    margin-bottom: 25px;
}

.login-form .input-box label
{
    display: inline-block;

    vertical-align: middle;
}

.login-form .link
{
    display: inline-block;

    vertical-align: middle;

    color: inherit;
}

.login-form .link:hover
{
    color: #cf388e;
}

.settings-form
{
    max-width: 555px;

    text-align: center;
}

.center-form
{
    max-width: 555px;
    margin: 0 auto;

    text-align: center;
}

.center-form textarea,
.center-form .contact-section textarea.error,
.contact-section .center-form textarea.error
{
    height: 96px;
    min-height: 96px;
    margin-bottom: 10px;
}

button,
input[type='button'],
input[type='submit'],
.button
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 24px;
    line-height: 1.56;

    display: inline-block;

    padding: .5em .7em;

    -webkit-transition: color .2s ,background .2s;
            transition: color .2s ,background .2s;
    vertical-align: top;
    letter-spacing: .05em;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 6px;
    background: #dca52a;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.button:hover,
button:focus,
input[type='button']:focus,
input[type='submit']:focus,
.button:focus
{
    color: #fff;
    background: #007f6a;
}

button.small,
input.small[type='button'],
input.small[type='submit'],
.small.button
{
    font-size: 15px;

    padding-top: .6em;
    padding-bottom: .6em;
}

button.alt,
input.alt[type='button'],
input.alt[type='submit'],
.alt.button
{
    padding-right: 1.1em;
    padding-left: 1.1em;

    background: #b4b4b4;
}

button.alt:hover,
input.alt[type='button']:hover,
input.alt[type='submit']:hover,
.alt.button:hover
{
    background: #a7a7a7;
}

.button.load-more
{
    margin-bottom: 10px;
}

.back-to-top
{
    font-size: 50px;
    line-height: 1;

    position: fixed;
    z-index: 10;
    right: -50px;
    bottom: 20px;

    -webkit-transition: right .3s,-webkit-transform .3s;
            transition: right .3s,transform .3s;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

    opacity: .5;
    color: #dca52a;
}

.scroll .back-to-top
{
    right: 20px;

    -webkit-transition: opacity .2s, color .2s,right .5s, -webkit-transform .5s;
            transition: opacity .2s, color .2s,right .5s, transform .5s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.btn-prev,
.fancybox-prev,
.btn-next,
.fancybox-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    width: 113px;
    height: 101px;

    -webkit-transition: background .2s;
            transition: background .2s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-indent: -9999px;

    background: rgba(0, 0, 0, .3);
}

.btn-prev:before,
.fancybox-prev:before,
.btn-next:before,
.fancybox-next:before
{
    font-family: 'icomoon';
    font-size: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    -webkit-transition: color .2s;
            transition: color .2s;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0;

    color: rgba(255, 255, 255, .5);
}

.btn-prev:hover,
.fancybox-prev:hover,
.btn-next:hover,
.fancybox-next:hover
{
    background: rgba(0, 0, 0, .5);
}

.btn-prev:hover:before,
.fancybox-prev:hover:before,
.btn-next:hover:before,
.fancybox-next:hover:before
{
    color: #fff;
}

.btn-prev,
.fancybox-prev
{
    left: 0;
}

.btn-prev:before,
.fancybox-prev:before
{
    content: '\e90c';
}

.btn-next,
.fancybox-next
{
    right: 0;
}

.btn-next:before,
.fancybox-next:before
{
    content: '\e90e';
}

.share-this
{
    display: inline-block;
    overflow: hidden;

    padding: 20px 20px 3px 0;

    vertical-align: top;

    border-top: 1px solid #f1f1f2;
}

.share-this .title
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 400;

    display: inline-block;

    margin: 0 7px 0 0;

    vertical-align: middle;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.share-this span
{
    display: inline-block;

    vertical-align: middle;
}

.share-this .social-networks
{
    margin: 0;
}

/* custom checkbox styles */

.jcf-checkbox
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 27px;
    height: 27px;
    margin: 0 10px 0 0;

    cursor: default;
    vertical-align: middle;

    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    background: #fff;
}

.jcf-checkbox.jcf-focus
{
    border-color: #ccc;
}

.input-box
{
    overflow: hidden;
}

.input-box label
{
    vertical-align: middle;
}

.jcf-checkbox span
{
    font-family: 'icomoon';
    font-size: 15px;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    display: none;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #e33d9b;
}

.jcf-checkbox span:before
{
    content: '\e91a';
}

.jcf-checkbox input[type='checkbox']
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    border: 0;
}

.jcf-checkbox.jcf-checked span
{
    display: block;
}

/* custom radio styles */

.jcf-radio
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 27px;
    height: 27px;
    margin: 0 9px 0 0;

    cursor: default;
    vertical-align: middle;

    border: 1px solid #f1f1f2;
    border-radius: 100%;
    background: #fff;
}

.jcf-radio.jcf-focus
{
    border-color: #ccc;
}

.jcf-radio span
{
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;

    display: none;

    border-radius: 100%;
    background: #e33d9b;
}

.jcf-radio input[type='radio']
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    border: 0;
}

.jcf-radio.jcf-checked span
{
    display: block;
}

/* custom select styles */

.jcf-select
{
    position: relative;

    display: inline-block;

    width: 100%;
    min-width: 140px;
    height: 62px;
    margin: 0 0 20px;
    padding: 0;

    vertical-align: top;

    color: #9a9a9a;
    border: 1px solid #ccc;
    border-width: 1px 1px 6px;
    background: #fff;
}

.jcf-select.jcf-select-small
{
    height: 41px;
}

.jcf-select select,
.jcf-select .jcf-select
{
    z-index: 1;
    top: 0;
    left: 0;
}

.jcf-select .jcf-select-text
{
    line-height: 56px;

    display: block;
    overflow: hidden;

    margin: 0 35px 0 19px;

    cursor: default;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jcf-select.jcf-select-small .jcf-select-text
{
    line-height: 35px;

    margin: 0 35px 2px 8px;
}

.jcf-select.jcf-select-small .jcf-select-text .jcf-select-opener
{
    right: 10px;
}

.jcf-select .jcf-select-opener
{
    position: absolute;
    top: 50%;
    right: 20px;

    width: 0;
    height: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 10px solid #e33d9b;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.jcf-select-small .jcf-select-opener
{
    right: 10px;

    margin-top: 1px;
}

body > .jcf-select-drop
{
    position: absolute;
    z-index: 98;

    margin: -6px 0 0;
}

body > .jcf-select-drop.jcf-drop-flipped
{
    margin: 3px 0 0;
}

.jcf-select .jcf-select-drop
{
    position: absolute;
    z-index: 98;
    top: 100%;
    right: -1px;
    left: -1px;

    margin-top: 0;
}

.jcf-select .jcf-drop-flipped
{
    top: auto;
    bottom: 100%;
}

.jcf-select-drop .jcf-select-drop-content
{
    border: 1px solid #ccc;
}

/* multiple select styles */

.jcf-list-box
{
    display: inline-block;
    overflow: hidden;

    min-width: 200px;
    margin: 0 15px;

    border: 1px solid #b8c3c9;
}

/* select options styles */

.jcf-list
{
    position: relative;

    display: inline-block;

    width: 100%;

    vertical-align: top;

    background: #fff;
}

.jcf-list .jcf-list-content
{
    display: inline-block;
    overflow: auto;

    width: 100%;

    vertical-align: top;
}

.jcf-list ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.jcf-list ul li
{
    display: block;
    overflow: hidden;

    border-bottom: 1px solid #ccc;
}

.jcf-list ul li:first-child .jcf-option
{
    padding-top: 9px;
}

.jcf-list ul li:last-child
{
    border-bottom: none;
}

.jcf-list .jcf-overflow
{
    overflow: auto;
}

.jcf-list .jcf-option
{
    display: block;
    overflow: hidden;

    height: 1%;
    padding: 12px 38px;

    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #9a9a9a;
}

.jcf-select-small .jcf-list .jcf-option
{
    padding: 6px 12px;
}

.jcf-list .jcf-disabled
{
    color: #aaa !important;
    background: #fff !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected
{
    color: #cf388e;
}

.jcf-list .jcf-optgroup-caption
{
    font-weight: bold;

    display: block;

    padding: 5px 9px;

    cursor: default;
    white-space: nowrap;

    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option
{
    padding-left: 30px;
}

/* common custom form elements styles */

.jcf-disabled
{
    background: #ddd !important;
}

.jcf-focus
{
    border-bottom-color: #dfef31;
}

.jcf-focus .jcf-select-text
{
    color: #000;
}

.comment-form
{
    margin: 0;
    padding: 0;
}

.comment-form h3
{
    color: #000;
}

.catProdAttributeTitle,
.catProdAttributeItem
{
    margin: 0 0 10px;
}

.bx-wrapper .bx-viewport
{
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
        -ms-transform: translatez(0);
            transform: translatez(0);
}

.bx-wrapper .bx-loading
{
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    min-height: 50px;

    background: url(../images/bx_loader.gif) center center no-repeat #fff;
}

.webApp1ListHolder .pagination.webapp,
.home1WebApp1ListHolder .pagination.webapp
{
    display: none;
}

.system-page .system-message,
.system-page .system-error-message,
.system-message,
.system-error-message
{
    margin: 0;
    padding: 0;

    border: none;
    background: none;
}

.system-page .system-message ul,
.system-page .system-error-message ul,
.system-message ul,
.system-error-message ul
{
    margin: 0;
    padding: 0;
}

.system-page .system-message ul li,
.system-page .system-error-message ul li,
.system-message ul li,
.system-error-message ul li
{
    margin: 0;
    padding: 0 !important;

    border: none !important;
}

.system-page .system-message ul li:before,
.system-page .system-error-message ul li:before,
.system-message ul li:before,
.system-error-message ul li:before
{
    display: none;
}

.form .item .button
{
    vertical-align: middle;
}

.form .item a
{
    color: inherit;
}

.form .item a:hover
{
    color: #cf388e;
}

.form label,
.webform label
{
    font-size: 18px;
}

.productItemNotFound
{
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}

.productitemcell
{
    overflow: visible;

    height: auto;
}

.system-message a:link,
.system-error-message a:link
{
    color: #000;
}

.system-message a:link:hover,
.system-error-message a:link:hover
{
    color: #cf388e;
}

.tabledefault .tabledefault tr:last-child td
{
    border: none;
}

.cartLink
{
    display: block;

    max-width: 400px;
    margin: 30px auto 0;
    padding: 0 10px;

    text-align: center;
}

/* tabset required styles for hidden tabs */

.js-tab-hidden
{
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;

    display: block !important;
}

.tabset
{
    font-size: 18px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -5px;

    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
            align-items: stretch;
}

.tabset li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 5px;
}

.tabset li.active a,
.tabset li:hover a
{
    background: #dfef31;
}

.tabset a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    min-width: 152px;
    padding: 12px 10px 13px;

    -webkit-transition: background .2s;
            transition: background .2s;
    text-align: center;
    text-decoration: none;

    color: #000;
    border: solid #f1f1f2;
    border-width: 1px 1px 0;
    outline: none;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.tab-content
{
    position: relative;

    overflow: hidden;

    margin-bottom: 26px;
    padding: 23px 30px 5px;

    border: 1px solid #f1f1f2;
}

.tab-content.transition
{
    -webkit-transition: height .5s ease;
            transition: height .5s ease;
}

.tab-content p
{
    margin: 0 0 20px;
}

.tab-content .tab
{
    overflow: hidden;

    -webkit-transition: -webkit-transform .5s ease;
            transition:         transform .5s ease;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.tab-content .tab.active
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.progress-holder
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.progressBar,
.progressBar-contentCircle
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 178px;
    height: 178px;
    margin: 0 0 22px;

    vertical-align: top;
}

.progressBar-circle,
.progressBar-background
{
    position: relative;
    z-index: 10;

    fill: none;
    stroke: #000;
    stroke-width: 8;
    stroke-linecap: butt;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
}

.progressBar-background
{
    z-index: 0;

    stroke: white;
    stroke-width: 7;
}

.slideshow-section
{
    margin-bottom: 42px;
}

.slideshow
{
    position: relative;
}

.slideshow .slideset
{
    height: 100%;
}

.slideshow .slide
{
    min-height: 100%;
}

.slideshow img
{
    margin: 0;
}

.slideshow .btn-prev,
.slideshow .fancybox-prev,
.slideshow .btn-next,
.slideshow .fancybox-next
{
    z-index: 60;
    top: 44%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.slideshow .btn-prev:hover,
.slideshow .fancybox-prev:hover,
.slideshow .btn-next:hover,
.slideshow .fancybox-next:hover
{
    background: rgba(0, 0, 0, .5);
}

.slideshow .btn-prev:hover:before,
.slideshow .fancybox-prev:hover:before,
.slideshow .btn-next:hover:before,
.slideshow .fancybox-next:hover:before
{
    color: #fff;
}

.slideshowGalleryHolder img
{
    width: 100%;
}

.carousel
{
    position: relative;

    margin: 0 0 54px;
}

.carousel .slide
{
    float: left;
}

.carousel .slide .text
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 600;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 100%;
    padding: 0 5px;

    -webkit-transition: opacity .5s, -webkit-transform .5s;
            transition: opacity .5s, transform .5s;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%);
            transform: translate(-50%, -50%) scale(0);
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;

    opacity: 0;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.carousel .slide .holder
{
    position: relative;

    display: block;
}

.carousel .slide .holder:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: background .2s;
            transition: background .2s;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.carousel .slide .holder:hover:before
{
    -webkit-transition: background .5s;
            transition: background .5s;

    background: rgba(0, 0, 0, .7);
}

.carousel .slide .holder:hover .text
{
    -webkit-transition: opacity .1s, -webkit-transform .15s;
            transition: opacity .1s, transform .15s;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

.carousel .slide img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.accordion
{
    margin: 0 0 30px;

    border: 1px solid #f1f1f2;
}

.accordion li
{
    position: relative;

    border-bottom: 1px solid #f1f1f2;
}

.accordion li:last-child
{
    border-bottom: none;
}

.accordion .opener
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 24px;
    line-height: 1.2;

    position: relative;

    display: block;

    padding: 18px 67px 17px;

    color: inherit;
    outline: none;
}

.accordion .opener:before
{
    position: absolute;
    top: 50%;
    left: 29px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: -webkit-transform .2s linear, border .2s linear;
            transition:         transform .2s linear, border .2s linear;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #dca52a;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.accordion .opener:hover {
  color: #dca52a;
}

.accordion .active .opener
{
    color: #e33d9b;
}

.accordion .active .opener:before
{
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);

    border-left-color: #e33d9b;
}

.accordion .slide
{
    padding: 17px 29px;

    background: #e1e1e1;
}

.accordion .slide p
{
    margin: 0 0 5px;
}

.cart-holder
{
    overflow: hidden;
}

.cart-opener
{
    font-size: 30px;
    line-height: 1;

    position: absolute;
    top: 100%;
    right: 0;

    display: none;

    margin-top: 1px;
    padding: 5px;

    -webkit-transition: -webkit-transform .2s linear .7s;
            transition:         transform .2s linear .7s;

    color: #dfef31;
    background: #666;
}

.cart-opener:before
{
    font-family: 'icomoon';

    display: inline-block;

    content: '\e914';
    vertical-align: top;
}

.cart-opener:hover
{
    color: #e33d9b;
}

.cart-opener.close
{
    top: 0;

    padding: 0;

    -webkit-transform: translatex(0) !important;
        -ms-transform: translatex(0) !important;
            transform: translatex(0) !important;

    background: none;
}

.cart-opener.close:before
{
    content: '\e915';
}

.cart-active .cart-opener
{
    -webkit-transition: -webkit-transform .2s linear;
            transition:         transform .2s linear;
    -webkit-transform: translatex(100%);
        -ms-transform: translatex(100%);
            transform: translatex(100%);
}

.shoping-cart
{
    position: absolute;
    z-index: 3;
    top: 100%;
    right: 0;

    max-width: 300px;
    margin-top: 1px;

    -webkit-transition: margin .5s linear .2s;
            transition: margin .5s linear .2s;

    color: #fff;
}

.shoping-cart .box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    padding: 15px 25px 8px;

    -webkit-transition: background .2s linear;
            transition: background .2s linear;

    color: inherit;
    background: #666;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.shoping-cart .box:hover
{
    background: #737373;
}

.shoping-cart .box:hover .icon-cart
{
    color: #e33d9b;
}

.shoping-cart .icon-cart
{
    font-size: 43px;

    margin: 0 10px 0 0;
}

.shoping-cart .icon-cart
{
    line-height: 1;

    -webkit-transition: color .2s linear;
            transition: color .2s linear;

    color: #dfef31;
}

.shoping-cart .icon-cart:hover
{
    color: #e33d9b;
}

.shoping-cart .wrap
{
    overflow: hidden;
}

.shoping-cart .title
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;

    display: block;
}

.shoping-cart .info
{
    font-size: 18px;
    font-weight: 700;
}

.shoping-cart p
{
    margin: 0;
}

.banner
{
    text-align: center;

    background-position: 50% 50%;
    background-size: cover;
}

.banner .button
{
    margin-bottom: 55px;
}

.banner .counter-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -10px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.banner .counter-list li
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;

    width: 126px;
    margin: 0 10px;
    padding: 9px;

    text-align: center;
    text-transform: uppercase;

    background: #fff;
}

.banner .counter-list .value
{
    font-size: 40px;
    line-height: 1;

    display: block;
}

.banner .counter-list p
{
    margin: 0;
}

.logo-slider
{
    font-size: 0;
    line-height: 0;

    overflow: hidden;

    padding: 18px 0 0;

    text-align: center;
}

.logo-slider .mask
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.logo-slider .slideset
{
    width: 100%;
    height: 100%;

    white-space: nowrap;
}

.logo-slider .slide
{
    display: table;

    width: 12.50%;
    height: 100%;

    text-align: center;
    vertical-align: middle;
}

.logo-slider a
{
    display: table-cell;

    -webkit-transition: opacity .2s linear;
            transition: opacity .2s linear;
    vertical-align: middle;
}

.logo-slider a:hover
{
    opacity: .8;
}

.logo-slider img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.summary-table,
.system-page .summary-table.items-info
{
    font: 15px/18px 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    width: 100%;
    margin: 0 0 54px;

    vertical-align: middle;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.summary-table td,
.system-page .summary-table.items-info td
{
    padding: 16px 20px;

    text-align: left;

    border-bottom: 2px solid #fff;
    background: #f1f1f2;
}

.summary-table td.code,
.system-page .summary-table.items-info td.code
{
    padding-right: 8px;
}

.summary-table td:last-child,
.system-page .summary-table.items-info td:last-child
{
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;

    text-align: right;
}

.summary-table .form-hold,
.system-page .summary-table.items-info .form-hold
{
    padding: 10px 0;
}

.summary-table tfoot td,
.system-page .summary-table.items-info tfoot td
{
    font-weight: 700;
}

.summary-table .form-code-area,
.system-page .summary-table.items-info .form-code-area
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.summary-table .form-code-area input[type=text],
.summary-table .form-code-area input#DiscountCode,
.summary-table .form-code-area input#GiftVoucher
{
    width: 173px;
    height: 40px;
    margin: 0;

    border: none;
}

.summary-table .form-code-area .button
{
    margin-left: 20px;
    padding-right: .9em;
    padding-left: .9em;
}

.summary-table a:not([class]),
.system-page .summary-table.items-info a:not([class])
{
    color: inherit;
}

.summary-table a:not([class]):hover
{
    color: #cf388e;
}

.thank-you-table
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.42;

    text-align: right;
    letter-spacing: .05em;
}

.thank-you-table br,
.thank-you-table #title
{
    display: none;
}

.thank-you-table tr:last-child td
{
    padding-bottom: 0;
}

.thank-you-table tr:last-child td td
{
    padding-bottom: 13px;
}

.thank-you-table td
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 19px 17px 13px 0;

    border: 2px solid #fff;
    border-width: 0 0 2px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.thank-you-table td strong
{
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;

    display: block;

    padding-right: 20px;
    padding-left: 20px;

    text-align: left;
}

.thank-you-table td td
{
    margin-right: -17px;
    padding-bottom: 20px;
}

.thank-you-table td tr:first-child td
{
    padding-top: 0;
}

.thank-you-table a
{
    color: inherit;
}

.thank-you-table a:hover
{
    color: #cf388e;
}

[id='header']
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
}

[id='header'] .container
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

[id='header'] .holder
{
    padding: 44px 0;

    border-bottom: 1px solid #ada7a4;
    background: #000000;
}

.home-page [id='header'] .holder
{
    background: rgba(0,0,0,0.1);
}

.scroll.home-page [id='header'] .holder
{
    background: #000000;
}

[id='header'] .holder .container:after
{
    display: none;
}

[id='header'] .side
{
    position: relative;

    padding: 7px 0;
}

.top-bar
{
    font-size: 14px;

    background: #fff;
}

.top-bar .container
{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.top-bar .container:after
{
    display: none;
}

.top-bar .info-list
{
    margin: 0;
}

.top-bar .info-list dt
{
    float: left;

    margin: 0 3px 0 0;
}

.top-bar .info-list dd
{
    float: left;

    margin: 0 26px 0 0;
}

.logo img
{
    display: inline-block;

    vertical-align: top;
	max-width:300px;
}

.login-list
{
    font-size: 0;
    line-height: 0;

    display: inline-block;

    vertical-align: middle;
}

.login-list li
{
    font-size: 14px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}

.login-list li:not(:last-child):after
{
    display: inline-block;

    padding: 0 3px;

    content: '|';
    vertical-align: top;

    color: #000;
}

[id='nav']
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    position: relative;
    z-index: 1;

    padding: 50px 0 0;

    text-align: right;

    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
}

[id='nav'] ul
{
    font-size: 0;
    line-height: 0;
}

[id='nav'] li
{
    font-size: 18px;
    line-height: 20px;

    position: relative;

    display: inline-block;

    margin: 0 17px;

    vertical-align: top;
    text-transform: uppercase;

    color: #ffffff;
}
.home-page [id="nav"] li {color:#ffffff;}
.home-page #nav ul .color-box > a {
 
  border-radius: 5px;
  padding: 10px;
}
#nav ul .color-box > a {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px; color:#000000;
  padding: 10px;
}
body.scroll #nav ul .color-box > a { background:#999999;color:#ffffff;}
body.scroll [id="nav"] li {
  color: #fff;
}
[id='nav'] li:last-child
{
    margin-right: 0;
}

[id='nav'] li.hover:before
{
    visibility: visible;

    opacity: 1;
}

[id='nav'] li.hover > .drop,
[id='nav'] li.hover:before
{
    visibility: visible;

    opacity: 1;
}

[id='nav'] li.hover,
[id='nav'] li.selected, body.scroll [id='nav'] li.selected
{
    color: #dca52a;
}

[id='nav'] .drop
{
    position: absolute;
    top: 100%;
    left: 0;

    visibility: hidden;

    width: 190px;
    padding-top: 0;

    -webkit-transition: visibility .2s , opacity .2s;
            transition: visibility .2s , opacity .2s;
    text-align: left;

    opacity: 0;
}

[id='nav'] .drop li
{
    font-size: 15px;
    line-height: 1.60;

    display: block;

    width: auto;
    margin: 0;

    color: #000 !important;
}

[id='nav'] .drop li.hover > a,
[id='nav'] .drop li.selected > a
{
    color: #fff;
    background: #999999;
}

[id='nav'] .drop li a
{
    display: block;

    padding: 10px 25px 10px 15px;

    -webkit-transition: color .2s, background .2s;
            transition: color .2s, background .2s;

    background: #f1f1f2;
}

[id='nav'] .drop li .drop
{
    top: 0;
    left: 100%;

    padding: 0 2px;
}

[id='nav'] .drop li .drop:before
{
    display: none;
}

[id='nav'] > ul > li:before
{
    visibility: hidden;

    opacity: 0;
}

[id='nav'] .has-drop-down:before
{
    position: absolute;
    z-index: 1;
    bottom: -32px;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-right: 6px solid transparent;
    border-bottom: 13px solid #ffffff;
    border-left: 6px solid transparent;
}

[id='nav'] .has-drop-down .has-drop-down:before
{
    top: 19px;
    right: 10px;
    bottom: auto;
    left: auto;

    width: 0;
    height: 0;

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #e33d9b;
}

[id='nav'] .has-drop-down .has-drop-down.hover:before,
[id='nav'] .has-drop-down .has-drop-down.selected:before
{
    border-left-color: #fff;
}

[id='nav'] > ul > li:nth-last-child(-n+2) .drop
{
    right: 0;
    left: auto;

    text-align: right;
}

[id='nav'] > ul > li:nth-last-child(-n+2) .drop .drop
{
    right: 100%;
    left: auto;

    text-align: left;
}

[id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down:before
{
    right: auto;
    left: 10px;

    width: 0;
    height: 0;

    border-top: 4px solid transparent;
    border-right: 8px solid #e33d9b;
    border-bottom: 4px solid transparent;
    border-left-width: 0;
}

[id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down.hover:before,
[id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down.selected:before
{
    border-right-color: #fff;
}

[id='nav'] a
{
    text-decoration: none;

    color: inherit;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

#nav ul li {position:relative;}
#nav ul .first::after {
  background: rgba(0, 0, 0, 0) url("/images/icon/home.png") no-repeat scroll center bottom;
  content: "";
  height: 34px;
  left: 10px;
  position: absolute;
  bottom: 30px;
  width: 34px;
}
#nav ul .second::after {
  background: rgba(0, 0, 0, 0) url("/images/icon/aboutus.png") no-repeat scroll center bottom;
  content: "";
  height: 34px;
  left: 30px;
  position: absolute;
  bottom: 30px;
  width: 34px;
}

#nav ul .third::after {
  background: rgba(0, 0, 0, 0) url("/images/icon/service.png") no-repeat scroll center bottom;
  content: "";
  height: 34px;
  left: 25px;
  position: absolute;
  bottom: 30px;
  width: 34px;
}

#nav ul .fourth::after {
  background: rgba(0, 0, 0, 0) url("/images/icon/gallery.png") no-repeat scroll center bottom;
  content: "";
  height: 34px;
  left: 25px;
  position: absolute;
  bottom: 30px;
  width: 34px;
}

#nav ul .five::after {
  background: rgba(0, 0, 0, 0) url("/images/icon/contact.png") no-repeat scroll center bottom;
  content: "";
  height: 34px;
  left: 40px;
  position: absolute;
  bottom: 30px;
  width: 34px;
}






.nav-opener
{
    position: relative;

    display: none;

    width: 40px;
    height: 30px;

    -webkit-transition: opacity .2s, margin .2s;
            transition: opacity .2s, margin .2s;
}

.nav-opener:before,
.nav-opener:after
{
    position: absolute;
    right: 0;
    left: 0;

    height: 4px;

    content: '';
    -webkit-transition: all .2s;
            transition: all .2s;

    background: #f1f1f2;
}

.nav-opener:before
{
    bottom: 23px;

    box-shadow: 0 10px 0 #f1f1f2;
}

.nav-opener:after
{
    bottom: 3px;
}

.nav-active .nav-opener
{
    margin-right: -200px;
}

.nav-opener.close
{
    position: absolute;
    top: 5px;
    right: 10px;

    width: 30px;
    margin: 0;
    padding: 0;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

.nav-opener.close:before,
.nav-opener.close:after
{
    bottom: 50%;

    background: #000;
}

.nav-opener.close:before
{
    -webkit-transform: translateY(50%) rotate(-45deg);
        -ms-transform: translateY(50%) rotate(-45deg);
            transform: translateY(50%) rotate(-45deg);

    box-shadow: none;
}

.nav-active .nav-opener.close:before
{
    box-shadow: none;
}

.nav-opener.close:after
{
    -webkit-transform: translateY(50%) rotate(-135deg);
        -ms-transform: translateY(50%) rotate(-135deg);
            transform: translateY(50%) rotate(-135deg);
}

.search-opener
{
    font-size: 13px;
    line-height: 1;

    position: relative;

    display: inline-block;

    width: 23px;
    height: 23px;
    margin: 0 0 0 13px;

    -webkit-transition: background .2s linear;
            transition: background .2s linear;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background: #676360;
}

.search-opener:hover,
.search-active .search-opener
{
    color: #fff;
    background: #cf388e;
}

.search-opener:focus
{
    color: #fff;
}

.search-opener i
{
    position: absolute;
    top: 50%;
    left: 50%;

    padding: 0 1px 2px 0;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#wrapper
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.page-wrap
{
    position: relative;

    padding-top: 155px;
}

.nav-active .page-wrap
{
    margin: 0 200px 0 -200px;
}

.home-page .page-wrap
{
    padding-top: 39px;
}

.container
{
    position: relative;

    max-width: 1160px;
    margin: 0 auto;
    padding: 0 10px;
}
.home-page [id="main"] {
  margin: -50px 0 0;
  padding: 0 0 45px;
 
}
[id="main"] {
  margin: 0;
  overflow: hidden;
  padding: 60px 0 45px;
  position: relative;
  z-index: 0;
}
.catalog-page [id='main']
{
    padding-bottom: 0;
}

.steps-page [id='main']
{
    padding-top: 0;
}

[id='content']
{
    overflow: hidden;
}

.social-networks
{
    font-size: 0;
    line-height: 0;

    display: inline-block;

    margin: 0 4px;

    vertical-align: middle;
}

.social-networks li
{
    display: inline-block;

    margin: 0 5px 0 6px;

    vertical-align: top;
}

.social-networks li:first-child
{
    margin-left: 0;
}

.social-networks a
{
    position: relative;

    display: inline-block;

    width: 24px;
    height: 24px;

    text-align: center;
    vertical-align: top;
    text-indent: -9999px;

    color: #fff;
    border-radius: 50%;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.social-networks a:before
{
    font-family: 'icomoon';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0;
}

.social-networks a:hover
{
    background: #cf388e;
}

.social-networks .icon-facebook
{
    background: #3b5998;
}

.social-networks .icon-instagram
{
    font-size: 16px;

    background: #3f729b;
}

.social-networks .icon-instagram:before
{
    padding-bottom: 1px;
}

.social-networks .icon-google-plus
{
    background: #dd4b39;
}

.social-networks .icon-google-plus:before
{
    font-size: 13px;
}

.social-networks .icon-twitter
{
    background: #26a6d1;
}

[id='footer'] .social-networks
{
    margin: 13px 0 20px;
}

[id='footer'] .social-networks li
{
    margin: 0 7px 0 6px;
}

[id='footer'] .social-networks li:first-child
{
    margin-left: 0;
}

.visual-section
{
    line-height: 1.67;

    position: relative;

    margin-top: -56px;

    color: #fff;
}

.visual-section + .section
{
    background: #DCA52A;
}

.visual-section:before,
.visual-section:after
{
    position: absolute;
    z-index: 55;
    bottom: 0;
    left: 0;

    content: '';

    border-top: 110px solid transparent;
}

.visual-section:before
{
    border-left: 50vw solid #DCA52A;
}

.visual-section:after
{
    left: 50%;

    border-right: 50vw solid #DCA52A;
}

.visual-section .wrap,
.visual-section .slide
{
    padding: 263px 0 110px;

    background-position: 50% 50%;
    background-size: cover;
}
.visual-section .holder {
  box-sizing: border-box;
  position: relative;
  z-index: 56; padding:0;
}

.visual-section .container
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    max-width: 980px;

    text-align: center;

    -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;
}

.visual-section .container:after
{
    display: inline-block;

    width: 0;
    height: 100%;
    min-height: 560px;

    content: '';
    vertical-align: top;
}

.visual-section .img-holder
{
    margin: 0 0 24px;
}

.visual-section .img-holder img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.visual-section h1
{
    color: #fff;
}

.visual-section p
{
    margin: 0 0 50px;
}

.visual-section .pause-holder
{
    padding-top: 112px;
}

.visual-section .btn-play
{
    font-family: 'icomoon';

    position: relative;

    display: inline-block;

    width: 55px;
    height: 55px;

    vertical-align: top;

    color: #dfef31;
}

.visual-section .btn-play:hover
{
    color: #cf388e;
}

.visual-section .btn-play.play:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-top: 27.5px solid transparent;
    border-bottom: 27.5px solid transparent;
    border-left: 50px solid #dfef31;
}

.visual-section .btn-play.play:hover:before
{
    width: 0;
    height: 0;

    border-top: 27.5px solid transparent;
    border-bottom: 27.5px solid transparent;
    border-left: 50px solid #cf388e;
}

.visual-section .btn-play.pause:before
{
    font-size: 55px;
    line-height: 1;

    padding: 0 2px;

    content: '\e908';
}

.visual {
  background-position: 50% center;
  background-size: cover;
  color: #fff;
  font-family: "Raleway","Arial","Helvetica Neue","Helvetica",sans-serif;
  font-size: 30px;
  line-height: 34px;
  margin: 20px 0 45px;
  min-height: 675px;
  padding: 75px 0 145px;
}

.visual h1 {
  font-weight: 500;
  margin: 125px 0 10px;
}

.visual p
{
    margin: 0 0 10px;
}

.visual-wrap
{
    margin-top:0;
    margin-bottom: 50px;
    padding: 75px 0 145px;

    text-align: center;

    background-position: 50% 80%;
    background-size: cover;
}

.visual-wrap .container
{
    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;
}

.visual-wrap .container:after
{
    width: 0;
    min-height: 335px;
}

.visual-wrap h1
{
    margin-bottom: 23px; color:#ffffff;
}

.visual-wrap p
{
    margin: 0 0 20px; color:#ffffff;
}

.visual-wrap + .filter-panel
{
    margin-top: -50px;
}

.visual-wrap.alt .container:after
{
    min-height: 210px;
}

.section
{
    padding: 50px 0 55px;

    background-position: 50% 50%;
    background-size: cover;
}

[id='main'] > .section:last-child
{
    margin-bottom: -45px;
}

[id='main'] > .section:last-child.map-section
{
    padding-bottom: 0;
}

.gray-block
{
    background: #f1f1f2;
}

.centered-text
{
    text-align: center;
}

.align-right
{
    text-align: right;
}

.share-section
{
    padding: 30px 0 50px;
}

.share-section .share-this
{
    padding-bottom: 0;
}

.info-holder
{
    position: relative;
    z-index: 52;

    padding-bottom: 0;

    color: #000;
}

.info-holder .title
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;

    display: block;

    margin-bottom: 17px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.info-holder .progress-holder
{
    line-height: 1.2;

    margin: 0 -52px;
    padding-bottom: 13px;

    text-align: center;
}

.info-holder .progress-holder [class^='col-']
{
    padding: 0 52px;
}

.info-holder .progress-holder .icon
{
    font-size: 72px;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.info-holder .progress-holder .icon-designing
{
    font-size: 65px;
}

.info-holder .progress-holder .icon-testing
{
    font-size: 60px;
}

.head-block
{
    line-height: 1.67;

    padding: 0 0 32px;

    text-align: center;
}

.head-block h1
{
    margin: 0 0 22px;

    text-align: center;
}

.head-block .info-list
{
    font-size: 0;
    line-height: 0;

    letter-spacing: 0;
}

.head-block .info-list li
{
    font-size: 18px;
    line-height: 1.67;

    position: relative;

    display: inline-block;

    padding: 0 23px 20px;

    vertical-align: top;
}

.head-block .info-list li:not(:last-child):after
{
    position: absolute;
    top: 0;
    right: -1px;

    content: '|';
}

.head-block p
{
    margin-bottom: 1em;
}

		/*Testimonial Start*/ 
.testimonial-section {
  float: left;
  padding: 30px 0;
  width: 100%; background:#fff;
}		
.testimonials-content h3 {
  color: #000000;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.testimonials-content p {
  color: #818181;
  font-size: 13.51px;
  text-align: center;
}
.Golden_line {
  background: #f5a12d none repeat scroll 0 0;
  display: block;
  height: 3px;
  margin: 0 auto;
  max-width: 98px;
  width: 100%;
}
.testimonial-slider {
  float: left;
  padding: 30px 0;
  width: 100%;
}
.testimonials-block {
  box-sizing: border-box;
  float: left;
  padding: 0 8px;
  width: 100%;
}
.test_border {
  border: 1px solid #ececec;
  border-radius: 5px;
  box-shadow: 0 0 5px #eaeaea;
  box-sizing: border-box;
  float: left;
  
  padding:10px 18px 40px;
  position: relative;
  width: 100%;
}
.test_border > h3 {
  font-size: 22px;
  margin: 5px 0;
}
.test_border p {
  font-size: 13.51px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 2px 0;
  text-align: left;
}
.bq3 {
  background: rgba(0, 0, 0, 0) url("/images/quotation-marks.png") no-repeat scroll 0 0;
  color: #575757;
  float: left;
  line-height: 18px;
  padding-left: 55px;
  width: 100%;
}
.bq3::after {
  background: rgba(0, 0, 0, 0) url("/images/quotation-marks-bottom.png") no-repeat scroll 0 0;
  content: "";
  height: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 40px;
}
.block-image {
  float: left;
  margin-top: 24px;
  width: 100%;
}
.block-image figure {
  border-radius: 50%;
  float: left;
  height: 58px;
  margin-right: 15px;
  width: 58px;
}
.block-image figure img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.testimonials-block h6 {
  color: #272532;
  font-size: 13.51px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
}
.testimonials-block span {
  color: #948a94;
  font-size: 13.51px;
}

		
		
		/*Testimonial End*/ 

.items-holder
{
    text-align: center;
}

.items-list
{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.70;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 0 53px;

    color: #e33d9b;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.items-list li
{
    overflow: hidden;

    width: 33.33333333%;
}

.items-list li .text
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 600;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 100%;
    padding: 0 5px;

    -webkit-transition: opacity .5s, -webkit-transform .5s;
            transition: opacity .5s, transform .5s;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%);
            transform: translate(-50%, -50%) scale(0);
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;

    opacity: 0;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.items-list li .holder
{
    position: relative;

    display: block;
}

.items-list li .holder:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: background .2s;
            transition: background .2s;

            backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.items-list li .holder:hover:before
{
    -webkit-transition: background .5s;
            transition: background .5s;

    background: rgba(0, 0, 0, .7);
}

.items-list li .holder:hover .text
{
    -webkit-transition: opacity .1s, -webkit-transform .15s;
            transition: opacity .1s, transform .15s;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

.items-list .description
{
    font: 600 18px/1.8 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    position: absolute;
    right: 40px;
    bottom: 40px;
    left: 40px;

    padding: 25px;

    letter-spacing: .05em;
    text-transform: uppercase;

    color: #fff;
    background: rgba(0, 0, 0, .7);
}

.items-list .description p
{
    margin: 0;
}

.items-list img
{
    display: block;

    width: 100%;
    margin: 0;
}

.sort-list
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 0;
    line-height: 0;

    margin: 0 0 30px;

    text-align: center;
}

.sort-list li
{
    font-size: 24px;
    line-height: 34px;

    display: inline-block;

    margin: 0 33px 15px;

    vertical-align: top;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sort-list li.active
{
    font-weight: 600;

    color: #e33d9b;
}

.sort-list a
{
    -webkit-transition: color .2s;
            transition: color .2s;

    color: inherit;
}

.sort-list a:hover
{
    color: #e33d9b;
}

.triangle-bottom
{
    position: relative;
}

.triangle-bottom:before,
.triangle-bottom:after
{
    position: absolute;
    z-index: 55;
    top: 100%;
    left: 0;

    content: '';

    border-bottom: 110px solid transparent;
}

.triangle-bottom:before
{
    border-left: 50vw solid #fff;
}

.triangle-bottom:after
{
    left: 50%;

    border-right: 50vw solid #fff;
}

.triangle-bottom + .section
{
    padding-top: 92px;
}

.map-section
{
    padding-bottom: 0;
}

.map-section address
{
    font-style: normal;
}

.map-section .map,
.map-section iframe
{
    display: block;

    width: 100%;
    margin: 0;
}

.map-section img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.map-section a[href^=tel],
.map-section a[href^=skype],
.map-section a[href^=sms],
.map-section a[href^=mailto]
{
    cursor: default;
    pointer-events: none;

    color: inherit;
}

.google-map-holder
{
    width: 100% !important;
}

.info-area .block
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: center;

    background: #f1f1f2;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.info-area .block:nth-child(even)
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}

.info-area .block:nth-child(even) .date
{
    right: 15px;
    left: auto;
}

.info-area .block .date
{
    right: auto;
    left: 15px;
}

.info-area .image-holder
{
    position: relative;

    display: inline-block;

    width: 50%;

    vertical-align: top;
}

.info-area .image-holder img
{
    width: 100%;
}

.info-area .description
{
    width: 50%;
    padding: 30px 60px;
}

.info-area .description h2
{
    margin-bottom: .82em;
}

.info-area .description p
{
    margin-bottom: 36px;
}

.info-area img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.post .date,
.info-area .block .date
{
    font-size: 14px;
    line-height: 1;

    position: absolute;
    top: 15px;
    right: 15px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 65px;
    height: 65px;
    padding: 5px;

    text-transform: uppercase;

    border-radius: 7px;
    background: #fff;

    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -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;
}

.post .date span,
.info-area .block .date span
{
    font-size: 36px;
    line-height: 1;

    display: block;
}

.page-nav
{
    font: 500 24px/34px 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    -webkit-transition: color .2s linear;
            transition: color .2s linear;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.page-nav #previouspage,
.page-nav #nextpage
{
    font-size: 18px;

    display: inline-block;

    margin: 0 19px;

    vertical-align: middle;
}

.page-nav .pagination span
{
    color: #e33d9b;
}

.page-nav a
{
    color: #000;
}

.page-nav a:hover
{
    color: #e33d9b;
}

.search-result:last-of-type
{
    margin-bottom: 30px;

    border-bottom: 1px solid #f1f1f2;
}

.search-result h3
{
    margin-bottom: 6px;
}

#searchprev,
#searchnext
{
    display: inline-block;

    margin-right: 20px;

    vertical-align: top;
    text-transform: uppercase;

    color: inherit;
}

#searchprev:hover,
#searchnext:hover
{
    color: #cf388e;
}

.comments-section h3
{
    margin: 0 0 27px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.comment-block
{
    line-height: 1.2;

    margin: 0 0 26px;
    padding: 0 0 31px;

    border-bottom: 1px solid #f1f1f2;
}

.comment-block .title
{
    font-weight: 400;
    font-style: italic;

    display: block;

    margin: 0 0 10px;
}

.comment-block p
{
    margin: 0 0 10px;
}

.comment-block time
{
    font-size: 16px;

    display: block;

    color: #818181;
}

[id='sidebar'] h3
{
    margin-bottom: 13px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

[id='sidebar'] p
{
    margin: 0 0 26px;
}

[id='sidebar'] img
{
    margin-bottom: 23px;
}

.side-block
{
    margin: 0 0 31px;
}

.side-block.categories
{
    padding: 23px 20px 16px;

    background: #f1f1f2;
}

.sub-nav ul
{
    padding: 0;
}

.sub-nav li
{
    padding-left: 0;
}

.sub-nav li a
{
    border-bottom: 1px solid #dcdcdd;
}

.sub-nav li:last-child
{
    border: none;
}

.sub-nav .level0
{
    margin-bottom: 20px;
}

.sub-nav .level0 > a
{
    font-weight: 600;

    padding-top: 0;

    cursor: default;
    pointer-events: none;
}

.sub-nav a
{
    position: relative;

    display: block;
    overflow: hidden;

    padding: 7px 18px 7px 0;

    -webkit-transition: padding .2s linear;
            transition: padding .2s linear;

    color: #000;
}

.sub-nav a:before
{
    position: absolute;
    top: 50%;
    left: -18px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: left .2s linear;
            transition: left .2s linear;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 4.5px solid transparent;
    border-bottom: 4.5px solid transparent;
    border-left: 8px solid #dca52a;
}

.sub-nav .selected a,
.sub-nav a:hover
{
    padding-right: 0;
    padding-left: 18px;

    color: #dca52a;
}

.sub-nav .selected a:before,
.sub-nav a:hover:before
{
    left: 0;
}

.side-nav,
.blogListHolder .blog-side-nav ul,
.blog-side-nav .BlogPostArchive ul,
.side-block .blogpostcategories ul
{
    overflow: hidden;
}

.side-nav li,
.blogListHolder .blog-side-nav ul li,
.blog-side-nav .BlogPostArchive ul li,
.side-block .blogpostcategories ul li
{
    font-size: 18px;

    margin: 0 0 15px;
    padding: 0;
}

.side-nav li:last-child,
.blogListHolder .blog-side-nav ul li:last-child,
.blog-side-nav .BlogPostArchive ul li:last-child,
.side-block .blogpostcategories ul li:last-child
{
    margin-bottom: 8px;
}

.side-nav li:before,
.blogListHolder .blog-side-nav ul li:before,
.blog-side-nav .BlogPostArchive ul li:before,
.side-block .blogpostcategories ul li:before
{
    display: none;
}

.side-nav li:not(:first-child),
.blogListHolder .blog-side-nav ul li:not(:first-child),
.blog-side-nav .BlogPostArchive ul li:not(:first-child),
.side-block .blogpostcategories ul li:not(:first-child)
{
    padding-top: 0;

    border: none;
}

.side-nav a,
.blogListHolder .blog-side-nav ul a,
.blog-side-nav .BlogPostArchive ul a,
.side-block .blogpostcategories ul a
{
    color: inherit;
}

.side-nav a:hover,
.blogListHolder .blog-side-nav ul a:hover,
.blog-side-nav .BlogPostArchive ul a:hover,
.side-block .blogpostcategories ul a:hover
{
    color: #cf388e;
}

[id='footer']
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 15px;
    line-height: 1.60;

    position: relative;

    padding: 64px 0 30px;

    border-top: 2px solid #676360;
}

[id='footer'] .footer-block
{
    width: 20.9%;
    padding: 0 15px;
}

[id="footer"] .footer-block.info {
  width: 40%;
}
[id="footer"] .footer-block.social {
  width: 29.4%;
}
[id="footer"] .footer-block.add {
  width: 33%;
}
.footer-block.social {
  display: none;
}
[id="footer"] .footer-block {
  padding: 0 15px;
  width: 24%;
}
[id='footer'] h3
{
    line-height: 1;

    margin: 0 0 29px;

    letter-spacing: .03em;
    text-transform: uppercase;
}

[id='footer'] p
{
    margin: 0 0 10px;
}
.txt7 {
  font-size: 13px;
}
.logotype
{
    padding: 2px 0 19px;
}

.logotype img
{
    display: inline-block;

    vertical-align: top;
}

.address
{
    font-style: normal;
}

.address p
{
    margin: 0 0 7px;
}

.address a[href^=tel],
.address a[href^=skype],
.address a[href^=sms],
.address a[href^=mailto]
{
    cursor: default;
    pointer-events: none;

    color: inherit;
}

.footer-hold
{
    font-size: 0;
    line-height: 0;

    margin: 0 -5px;
}

.footer-hold .col
{
    display: inline-block;

    padding: 0 10px 20px;

    vertical-align: top;
}

.footer-hold img
{
    display: inline-block;

    vertical-align: top;
}

.footer-hold a
{
    position: relative;

    display: block;
}

.footer-hold a:before,
.footer-hold a:after
{
    position: absolute;
    right: 0;
    left: 0;

    height: 0;

    content: '';
    -webkit-transition: height .2s linear;
            transition: height .2s linear;

    background: rgba(0, 0, 0, .7);
}

.footer-hold a:before
{
    top: 0;
}

.footer-hold a:after
{
    bottom: 0;
}

.footer-hold a:hover:before,
.footer-hold a:hover:after
{
    height: 50%;
}

.add-nav
{
    font-size: 17px;
    line-height: 18px;
}

.add-nav li
{
    margin: 0 0 19px;
}

.add-nav a
{
    -webkit-transition: color .2s;
            transition: color .2s;

    color: inherit;
}

.add-nav a:hover
{
    color:#dca52a;
}

.feature-section
{
    line-height: 1.67;

    position: relative;
    z-index: 1;

    padding-bottom: 0;

    text-align: center;
}

.feature-section .holder-row
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.feature-section .container
{
    overflow: hidden;
}

.feature-section .icon
{
    position: relative;

    display: inline-block;

    width: 155px;
    height: 155px;
    margin: 0 0 21px;

    vertical-align: top;

    border: 28px solid #dfef31;
    border-radius: 50%;
}

.feature-section .icon:before
{
    font-size: 50px;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #000;
}

.feature-section .title
{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42;

    display: block;

    margin: 0 0 14px;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.feature-section [class^='col-']
{
    padding-bottom: 20px;
}

.feature-section [class^='col-'] p
{
    margin-bottom: 26px;
}

.info-holder.section
{
    padding-bottom: 0;
}

.info-holder .box-holder
{
    font-family: 'Raleway', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 0;
    line-height: 0;

    position: relative;

    overflow: hidden;

    margin: 0 -7px;

    border-top: 1px solid #fff;
}

.info-holder .box-holder .box
{
    font-size: 18px;
    line-height: 1.5;

    position: relative;

    display: inline-block;

    width: 25%;
    padding: 36px 20px 24px;

    text-align: center;
    vertical-align: top;
}

.info-holder .box-holder .box:not(:first-child):before
{
    position: absolute;
    top: 0;
    bottom: -9999px;
    left: 0;

    width: 1px;

    content: '';

    background: #fff;
}

.info-holder .value
{
    font-size: 65px;
    font-weight: 600;
    line-height: 67px;

    display: block;

    margin: 0 0 15px;
}

.contact-section {
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  float: left;
}

.contact-section form input[type='text'],
.contact-section form .form .item .textbox,
.form .item .contact-section form .textbox,
.contact-section form input[type='email'],
.contact-section form textarea,
.contact-section form textarea.error
{
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.system-page
{
    line-height: 1.4;

    max-width: 700px;
    margin: 0 auto;

    text-align: center;
}

.system-page .holder
{
    max-width: 555px;
    margin: 0 auto;
    padding-top: 5px;

    text-align: left;
}

.system-page .holder h2
{
    font-weight: 500;

    margin-bottom: 32px;
}

.system-page .summary-table,
.system-page .summary-table.items-info
{
    margin-bottom: 49px;
}

.system-page .summary-table:last-child
{
    margin-bottom: 9px;
}

.system-page .items-info.summary-table
{
    margin-bottom: 49px;
    padding: 0;
}

.system-page .items-info.summary-table th
{
    font-weight: 400;

    padding: 24px 10px;

    text-align: center;

    border-bottom: 2px solid #fff;
    background: #f1f1f2;
}

.system-page .items-info.summary-table td
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;

    padding: 15px 30px;

    text-align: center;
}

.system-page .items-info.summary-table:first-child
{
    padding-right: 30px;
    padding-left: 30px;

    letter-spacing: .05em;
}

.system-page .items-info.summary-table:last-child
{
    padding-right: 30px;
}

.system-page .items-info.summary-table td:not(:last-child),
.system-page .items-info.summary-table th:not(:last-child)
{
    border-right: 2px solid #fff;
}

.register-form
{
    text-align: center;
}

.register-form fieldset
{
    margin: 0 0 35px;
}

.contact-page h1
{
    text-align: center;
}

.location-section
{
    position: relative;

    overflow: hidden;

    min-height: 540px;
}

.location-section .container
{
    z-index: 2;
}

.location-section .map
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.location-section .map > div
{
    height: 100% !important;
}

.location-section .map img
{
    margin: 0;
}

.location-section .info-box
{
    position: relative;

    overflow: hidden;

    max-width: 458px;
    padding: 25px 25px 15px 30px;

    background: #fff;
}

.location-section .image-holder
{
    float: left;

    margin: 0 16px 10px 0;
}

.location-section .image-holder img
{
    display: inline-block;

    margin: 0;

    vertical-align: top;
}

.location-section .text
{
    overflow: hidden;

    padding: 5px 0 0;
}

.location-section address
{
    font-style: normal;
}

.location-section address span
{
    display: block;
}

.location-section address dl
{
    overflow: hidden;

    margin: 0;
}

.location-section address dt
{
    float: left;

    margin: 0 0 0 0;
}

.location-section address dd
{
    overflow: hidden;

    margin: 0 0 1px 0;
}

.location-section a[href^=tel]
{
    color: inherit;
}






/************* Gallery css***********/
section#gallery {
  float: left;
  margin: 20px 0 0;
  width: 100%;
}
.gallery-btn {
  float: left;
  margin: 0 0 40px;
  width: 100%; position:relative;
}
.gellery-item {
  float: left;
  margin: 50px 0;
  width: 100%;
}
.gellery-item img {
  max-width: 250px;
  padding: 0 10px;
}



.btn-trans {
  border: 1px solid #000; background:#000;
  border-radius: 0;
  color: #dca52a;
  font-size: 14px;
  margin: 5px 10px;
  padding: 10px 20px;
  transition: all 0.3s ease 0s;
  width: auto;
}
a.btn.btn-trans:hover {
	color: #fff;
	background: #dca52a; border: 1px solid #dca52a;
}



/********* isotop ********/




/********* Rwquest Booking Form Start ********/
.request-booking-form {
  clear: both;
  float: left;
  margin: 200px 0 40px; 
  width: 100%;
}
#footer {
  float: left;
  width: 100%;
}
.logotype img {
  background: #000000 none repeat scroll 0 0;
  padding: 5px;
}
/********* Rwquest Booking Form End ********/

/*********Inner Request Booking Form Start ********/
.request-booking-form .col-6 {
  float: left;
  width: 50%;
}
.request-booking-form .container div {
  float: left;
}
.outer-payment{float:left; clear:both; width:100%; margin:0 0 20px;}
#creditcard .jcf-select {
  width: auto;
}

/*********Inner Request Booking Form End ********/


.payment-box {
  background: #e5e5e5 none repeat scroll 0 0;
  padding: 0 10px 10px;
}
.payment-box .title {
  padding: 10px 0;
}
label {
  float: left;
  width: 100%;
}
.cat_textbox {
  height: 50px !important;
  padding: 0 10px !important;
}
.jcf-select-cat_dropdown {
  height: 50px !important;
}
.jcf-select-text {line-height:40px !important;}
.jcf-select {height:50px !important;}
.jcf-list ul li {
  height: 40px;

}
.jcf-list ul li:first-child .jcf-option {
  padding-top: 4px;
}
.jcf-list .jcf-option {
  padding: 5px 18px; height:40px;

}




/*-----------Sticky Button--------------*/

.social_iconsouter {
  background: #dca52a;
  right: -65px;
  position: fixed;
  top: 60%;
  transform: rotate(-270deg);
  z-index: 99999;
}
.social_iconsouter > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.social_iconsouter li {
  display: block;
}
.social_iconsouter ul li a {
  color: #ffffff; padding:10px; display:block;
  text-decoration: none;
  text-transform: uppercase;
}

/*-----------Sticky Button End--------------*/

/*-----------About Us Start --------------*/

.side-block #nav_1840103 > li {
  display: none;
}

/*-----------About Us End --------------*/



/*-----------Testimonials Details Start--------------*/
.content_area {
  float: left;
  padding: 40px 0 140px;
  width: 100%;
}
.content_area .block-title {
  float: left;
  width: 100%;
  padding: 10px 0;
}
.content_area .block-title h2 {
  font-size: 24px;
  margin: 0;
}
.content_area .description {
  float: left;
  width: 100%;
}
.content_area .description > p {
  color: #777777;
  font-size: 18px;
  margin: 0;
}

/*-----------Testimonials Details Start--------------*/



/*-----------Service Start--------------*/
.ServiceNavHolder .sub-nav {
  margin: 0 0 30px;
}
.ServiceNavHolder .booking-button {
  background: #dca52a none repeat scroll 0 0;
  border: medium none;
  border-radius: 6px;
  color: #fff;
  font-family: "Raleway","Arial","Helvetica Neue","Helvetica",sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
  transition: color 0.2s ease 0s, background 0.2s ease 0s;
  vertical-align: top;
}
.ServiceNavHolder .booking-button a { color: #fff;}
/*-----------Service End--------------*/


/*-----------Footer Bottom Start--------------*/
section.footer-bottom {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.footer-bottom ul {
  list-style: outside none none;
  margin: 0;
  padding: 10px 0;
  text-align: right;
}
section.footer-bottom ul li {
  display: inline-block;
  padding: 0 5px;
}
section.footer-bottom ul li a {
  color: #000; font-size:14px;
  text-decoration: none;
}

/*-----------Footer Bottom End--------------*/

#main .container .system-page {
  margin: 50px auto;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
    #fancybox-loading
    {
        background-image: url('../images/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div
    {
        background-image: url('../images/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

@media (max-width: 1599px)
{
    .cart-opener
    {
        display: block;
    }

    .shoping-cart
    {
        margin-right: -300px;
    }

    .cart-active .shoping-cart
    {
        margin-right: 0;

        -webkit-transition: margin .5s linear;
                transition: margin .5s linear;
    }

    .shoping-cart .box
    {
        padding: 6px 30px 8px 18px;
    }
}

@media (max-width: 1189px)
{
    .h1
    {
        font-size: 60px;
    }

    .btn-prev,
    .fancybox-prev,
    .btn-next,
    .fancybox-next
    {
        width: 90px;
        height: 80px;
    }

    .summary-table .form-code-area input[type=text],
    .summary-table .form-code-area input#DiscountCode,
    .summary-table .form-code-area input#GiftVoucher
    {
        width: 140px;
    }

    .top-bar .info-list dd
    {
        margin-right: 20px;
    }

    [id='nav'] li
    {
        font-size: 16px;
        line-height: 18px;
    }

    [id='nav'] .drop
    {
        width: 160px;
    }

    [id='nav'] > ul > li:nth-last-child(-n+2) .drop
    {
        right: 0;
    }

    .visual-section .container:after
    {
        min-height: 0;
    }

    .info-holder .title
    {
        font-size: 20px;
        line-height: 30px;
    }

    .info-holder .progress-holder
    {
        margin: 0 -30px;
    }

    .info-holder .progress-holder [class^='col-']
    {
        padding: 0 30px;
    }

    .head-block
    {
        padding-bottom: 20px;
    }

    .head-block h1
    {
        margin-bottom: 20px;
    }

    .items-list .description
    {
        right: 20px;
        bottom: 20px;
        left: 20px;

        padding: 20px;
    }

    .info-area .description
    {
        padding: 20px 30px;
    }

    .info-area .description p
    {
        margin-bottom: 20px;
    }

    [id='footer'] .footer-block
    {
        width: 25%;
    }

    [id='footer'] .footer-block.info
    {
        width: 25%;
    }

    [id='footer'] .footer-block.social
    {
        width: 32%;
    }

    .info-holder .box-holder
    {
        margin: 0 -5px;
    }

    .info-holder .box-holder .box
    {
        padding: 30px 10px 35px;
    }

    .info-holder .value
    {
        font-size: 50px;
        line-height: 53px;
    }
}

@media (max-width: 1023px)
{
    blockquote q
    {
        padding-left: 50px;
    }

    blockquote q:before
    {
        left: 0;
    }

    [id='main'] ul:not([class])
    {
        padding-bottom: 10px;
    }

    [id='main'] ul:not([class]) li
    {
        margin-bottom: 10px;
        padding-left: 20px;
    }

    [id='main'] ul:not([class]) li:before
    {
        top: 19px;
        left: 5px;

        width: 6px;
        height: 6px;
    }

    [id='main'] ul:not([class]) li:first-child:before
    {
        top: 9px;
    }

    hr
    {
        margin-bottom: 30px;
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .comment-form h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    .h
    {
        margin-bottom: .5em;
    }

    .h1
    {
        font-size: 40px;
    }

    h1
    {
        font-size: 35px;
    }

    h2,
    .h2
    {
        font-size: 25px;
    }

    h3,
    .comment-form h3,
    .h3
    {
        font-size: 20px;
    }

    p
    {
        margin-bottom: 1.5em;
    }

    .holder-row
    {
        margin: 0 -7px;
    }

    [class^='col-'],
    .productTable td,
    .checkout-form [class^='col-']
    {
        padding-right: 7px;
        padding-left: 7px;
    }

    fieldset
    {
        margin-bottom: 20px;
    }

    input[type='text'],
    .form .item .textbox,
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='number'],
    select,
    .jcf-select
    {
        height: 52px;
        margin-bottom: 15px;
    }

    textarea,
    .contact-section textarea.error
    {
        margin-bottom: 30px;
    }

    .search-form
    {
        right: -10px;
    }

    .search-form .row
    {
        padding: 7px 10px;
    }

    .booking-form input + input[type='submit']
    {
        margin-top: 0;
    }

    .filter-form .input-box
    {
        width: 20%;
    }

    .product-form input[type='submit']
    {
        padding: 14px 10px;
    }

    .captcha-holder label
    {
        margin-bottom: 20px;
    }

    .captcha-holder .captchaimg
    {
        margin-bottom: 20px;
    }

    button,
    input[type='button'],
    input[type='submit'],
    .button
    {
        font-size: calc(18px - 2px);
    }

    .btn-prev,
    .fancybox-prev,
    .btn-next,
    .fancybox-next
    {
        width: 50px;
        height: 45px;
    }

    .btn-prev:before,
    .fancybox-prev:before,
    .btn-next:before,
    .fancybox-next:before
    {
        font-size: 16px;
    }

    .share-this
    {
        padding-right: 0;
        padding-bottom: 10px;
    }

    .jcf-select
    {
        height: 52px;
        margin-bottom: 15px;
    }

    .jcf-select .jcf-select-text
    {
        line-height: 46px;
    }

    .jcf-list .jcf-option
    {
        padding: 12px 20px;
    }

    .tabset
    {
        font-size: 16px;

        margin: 0 -2px;
    }

    .tabset li
    {
        width: 33.33%;
    }

    .tabset li
    {
        padding: 0 2px;
    }

    .tabset a
    {
        min-width: 0;
    }

    .tab-content
    {
        padding: 20px 15px 5px;
    }

    .progressBar,
    .progressBar-contentCircle
    {
        width: 150px;
        height: 150px;
    }

    .slideshow-section
    {
        margin-bottom: 30px;
    }

    .carousel
    {
        margin-bottom: 30px;
    }

    .accordion
    {
        margin-bottom: 20px;
    }

    .accordion .opener
    {
        font-size: 18px;

        padding: 15px 20px 15px 40px;
    }

    .accordion .opener:before
    {
        left: 15px;

        width: 0;
        height: 0;

        border-top: 6.5px solid transparent;
        border-bottom: 6.5px solid transparent;
        border-left: 10px solid #dca52a;
    }

    .accordion .slide
    {
        padding: 15px;
    }

    .cart-opener
    {
        font-size: 25px;

        padding: 3px;
    }

    .banner .button
    {
        margin-bottom: 30px;
    }

    .logo-slider .slide
    {
        width: 16.67%;
    }

    .summary-table,
    .system-page .summary-table.items-info
    {
        margin-bottom: 30px;
    }

    .summary-table td,
    .system-page .summary-table.items-info td
    {
        padding: 15px 10px;
    }

    .summary-table td:last-child,
    .system-page .summary-table.items-info td:last-child
    {
        font-size: 18px;
        line-height: 20px;
    }

    .summary-table .form-code-area,
    .system-page .summary-table.items-info .form-code-area
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }

    .summary-table .form-code-area input[type=text],
    .summary-table .form-code-area input#DiscountCode,
    .summary-table .form-code-area input#GiftVoucher
    {
        width: 120px;
        margin-bottom: 5px;
    }

    .summary-table .form-code-area .button
    {
        margin: 0 5px;
    }

    [id='header']
    {
        -webkit-transition: margin .2s;
                transition: margin .2s;
    }

    [id='header']:before
    {
        position: absolute;
        z-index: 99;
        top: 0;
        right: 0;
        left: 0;

        visibility: hidden;

        height: 100vh;

        content: '';
        -webkit-transition: visibility .3s linear, background .3s linear;
                transition: visibility .3s linear, background .3s linear;

        background: transparent;
    }

    .nav-active [id='header']
    {
        margin-right: 200px;
        margin-left: -200px;
    }

    .nav-active [id='header']:before
    {
        z-index: 100;

        visibility: visible;

        background: rgba(0, 0, 0, .4);
    }

    [id='header'] .holder
    {
        padding: 35px 0;
    }

    [id='header'] .holder
    {
        padding: 25px 0;
    }

    .top-bar .info-list dd
    {
        margin-right: 10px;
    }

    [id='nav']
    {
        position: fixed;
        z-index: 5;
        top: 0;
        right: 0;

        overflow: auto;

        width: 200px;
        height: 100%;
        margin-right: -200px;
        padding: 39px 0 0;

        -webkit-transition: margin .2s;
                transition: margin .2s;

        background: #f1f1f2;
    }

    [id='nav'].fancybox-margin
    {
        margin-right: -200px;
    }

    .nav-active [id='nav'],
    .nav-active [id='nav'].fancybox-margin
    {
        margin-right: 0;
    }

    [id='nav'] ul
    {
        text-align: left;
    }

    [id='nav'] li
    {
        display: block;

        margin: 0 0 1px;

        color: #000;
    }

    [id='nav'] li.hover > .drop,
    [id='nav'] li.hover:before
    {
        display: block;

        border-top-color: #fff;
    }

    [id='nav'] li.hover,
    [id='nav'] li.selected
    {
        color: inherit;
    }

    [id='nav'] li.hover > a,
    [id='nav'] li.selected > a
    {
        color: #fff;
        background: #606061;
    }

    [id='nav'] .drop
    {
        position: static;

        display: none;
        visibility: visible;

        width: 100%;
        padding: 1px 0 0;

        opacity: 1;
    }

    [id='nav'] .drop li a
    {
        padding: 10px 25px 10px 25px;

        background: none;
    }

    [id='nav'] .drop li .drop
    {
        padding: 1px 0 0;
    }

    [id='nav'] .drop li .drop a
    {
        padding-left: 35px;
    }

    [id='nav'] .has-drop-down:before
    {
        top: 15px;
        right: 10px;
        bottom: auto;
        left: auto;

        visibility: visible;

        width: 0;
        height: 0;

        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);

        opacity: 1;
        border-top: 8px solid #dca52a;
        border-right: 4px solid transparent;
        border-bottom: none;
        border-left: 4px solid transparent;
    }

    [id='nav'] .has-drop-down .has-drop-down:before
    {
        width: 0;
        height: 0;

        border-top: 8px solid #e33d9b;
        border-right: 4px solid transparent;
        border-bottom: none;
        border-left: 4px solid transparent;
    }

    [id='nav'] .has-drop-down .has-drop-down.hover:before,
    [id='nav'] .has-drop-down .has-drop-down.selected:before
    {
        border-top-color: #fff;
        border-left-color: transparent;
    }

    [id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down:before
    {
        right: 10px;
        left: auto;

        width: 0;
        height: 0;

        border-top: 8px solid #e33d9b;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    [id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down.hover:before,
    [id='nav'] > ul > li:nth-last-child(-n+2) .has-drop-down.selected:before
    {
        border-top-color: #fff;
        border-right-color: transparent;
    }

    [id='nav'] a
    {
        display: block;

        padding: 10px 25px 10px 15px;
    }

    .nav-opener
    {
        position: absolute;
        top: 50%;
        right: 20px;

        display: block;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    body
    {
        font-size: 16px;
    }

    body.header-active
    {
        overflow: hidden;

        height: 100vh;
    }

    .page-wrap
    {
        padding-top: 116px;
    }

    .page-wrap
    {
        -webkit-transition: margin .2s;
                transition: margin .2s;
    }

    [id='main']
    {
        padding: 40px 0 30px;
    }

    [id='content']
    {
        padding-bottom: 20px;
    }

    .two-columns [id='content']
    {
        width: 66.66%;
    }

    .social-networks li
    {
        margin: 0 10px 2px 0;
    }

    .visual-section
    {
        margin-top: -40px;
    }

    .visual-section:before,
    .visual-section:after
    {
        border-top-width: 55px;
    }

    .visual-section .wrap,
    .visual-section .slide
    {
        padding: 100px 0 55px;
    }

    .visual-section p
    {
        margin-bottom: 25px;
    }

    .visual-section .pause-holder
    {
        padding-top: 40px;
    }

    .visual
    {
        font-size: 25px;
        line-height: 29px;

        min-height: 0;
        margin-top: calc(-56px + 16px);
        margin-bottom: 30px;
        padding: 30px 0;
    }

    .visual-wrap
    {
        margin-top: calc(-56px + 16px);
        margin-bottom: 40px;
        padding: 40px 0 30px;
    }

    .visual-wrap .container:after
    {
        min-height: 200px;
    }

    .visual-wrap h1
    {
        margin-bottom: 10px;
    }

    .section
    {
        padding: 40px 0 45px;
    }

    [id='main'] > .section:last-child
    {
        margin-bottom: -30px;
    }

    .share-section
    {
        margin-bottom: 30px;
    }

    .info-holder .title
    {
        font-size: 18px;
        line-height: 24px;
    }

    .info-holder .progress-holder
    {
        margin: 0 -15px;
    }

    .info-holder .progress-holder [class^='col-']
    {
        padding: 0 15px;
    }

    .head-block h1
    {
        font-size: 30px;
        line-height: 32px;

        margin-bottom: 15px;
    }

    .head-block .info-list li
    {
        font-size: 16px;

        padding: 0 10px 20px;
    }

    .items-list
    {
        margin-bottom: 40px;
    }

    .items-list .description
    {
        font-size: 16px;

        right: 10px;
        bottom: 10px;
        left: 10px;
    }

    .sort-list
    {
        margin-bottom: 10px;
    }

    .sort-list li
    {
        font-size: 20px;
        line-height: 26px;

        margin: 0 20px 10px;
    }

    .triangle-bottom:before,
    .triangle-bottom:after
    {
        border-bottom-width: 55px;
    }

    .triangle-bottom + .section
    {
        padding-top: 50px;
    }

    .google-map-holder
    {
        height: 350px !important;
    }

    .info-area .description
    {
        padding: 10px;
    }

    .info-area .description h2
    {
        margin-bottom: 10px;
    }

    .page-nav a
    {
        margin: 0 2px;
    }

    .search-result:last-of-type
    {
        margin-bottom: 20px;
    }

    .comments-section h3
    {
        margin-bottom: 20px;
    }

    .comment-block
    {
        margin-bottom: 15px;
        padding-bottom: 20px;
    }

    .two-columns [id='sidebar']
    {
        width: 33.33%;
    }

    [id='sidebar'] img
    {
        margin-bottom: 10px;
    }

    .side-block
    {
        margin-bottom: 25px;
    }

    .side-nav li,
    .blogListHolder .blog-side-nav ul li,
    .blog-side-nav .BlogPostArchive ul li,
    .side-block .blogpostcategories ul li
    {
        padding: 0;
    }

    [id='footer']
    {
        padding: 40px 0 10px;
    }

    [id='footer'] .footer-block
    {
        width: 50%;
        padding-bottom: 20px;
    }

    [id='footer'] .footer-block.info
    {
        width: 50%;

        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
                order: 5;
    }

    [id='footer'] .footer-block.social
    {
        width: 50%;
    }

    [id='footer'] .footer-block.add
    {
        width: 50%;

        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
                order: -1;
    }

    [id='footer'] h3
    {
        margin-bottom: 20px;
    }

    .address a[href^=tel],
    .address a[href^=skype],
    .address a[href^=sms],
    .address a[href^=mailto]
    {
        cursor: pointer;
        pointer-events: auto;
    }

    .footer-hold .col
    {
        padding: 0 5px 10px;
    }

    .feature-section .title
    {
        font-size: 20px;
    }

    .feature-section [class^='col-'] p
    {
        margin-bottom: 20px;
    }

    .info-holder .value
    {
        font-size: 40px;
        line-height: 43px;

        margin-bottom: 10px;
    }

    .system-page .holder h2
    {
        margin-bottom: 20px;
    }

    .system-page .summary-table,
    .system-page .summary-table.items-info
    {
        margin-bottom: 30px;
    }

    .system-page .items-info.summary-table
    {
        margin-bottom: 20px;
    }

    .system-page .items-info.summary-table td
    {
        font-size: 18px;

        padding: 15px;
    }

    .register-form fieldset
    {
        margin-bottom: 20px;
    }

    .location-section
    {
        min-height: 400px;
    }

    .location-section .map
    {
        position: relative;

        height: 200px;
    }

    .location-section .info-box
    {
        margin: 0 auto 20px;
        padding: 0;
    }
}

@media (max-width: 1023px) and (max-width: 767px)
{
    .slideshow-section
    {
        margin-bottom: 20px;
    }

    .nav-active [id='header']
    {
        margin: 0;
    }
}

@media (max-width: 767px)
{
    .fancybox-close
    {
        right: -9px;
    }

    body
    {
        font-size: calc(18px - 2px);
    }

    blockquote q
    {
        margin-bottom: 1.2em;
        padding-left: 40px;
    }

    blockquote q:before
    {
        font-size: 30px;
    }

    hr
    {
        margin-bottom: 15px;
    }

    .h1
    {
        font-size: 28px;
    }

    h1
    {
        font-size: 27px;
    }

    h2,
    .h2
    {
        font-size: 22px;
    }

    .holder-row
    {
        margin: 0;
    }

    [class^='col-'],
    .productTable td,
    .checkout-form [class^='col-']
    {
        padding-right: 0;
        padding-left: 0;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
    }

    .col-12
    {
        width: auto;
    }

    .col-9
    {
        width: auto;
    }

    .col-8
    {
        width: auto;
    }

    .col-6
    {
        width: auto;
    }

    .col-4
    {
        width: auto;
    }

    .col-3
    {
        width: auto;
    }

    form .row
    {
        display: block;

        margin: 0;
    }

    form .col-6,
    form .col-4
    {
        padding: 0;
    }

    fieldset
    {
        margin-bottom: 10px;
    }

    input[type='text'],
    .form .item .textbox,
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='number'],
    select,
    .jcf-select
    {
        margin-bottom: 10px;
    }

    textarea,
    .contact-section textarea.error
    {
        margin-bottom: 20px;
    }

    .filter-form .input-box
    {
        width: 50%;
    }

    .product-form .row
    {
        display: block;
    }

    .product-form input[type='text'],
    .product-form .form .item .textbox,
    .form .item .product-form .textbox,
    .product-form input[type='number']
    {
        width: 100%;
    }

    .product-form input[type='submit']
    {
        margin: 0;
        padding: .5em .7em;
    }

    .login-form
    {
        margin-bottom: 20px;
    }

    .login-form .input-box
    {
        margin-bottom: 0;
    }

    .settings-form
    {
        max-width: none;
    }

    button,
    input[type='button'],
    input[type='submit'],
    .button
    {
        font-size: calc(18px - 4px);
    }

    button.small,
    input.small[type='button'],
    input.small[type='submit'],
    .small.button
    {
        font-size: 14px;

        padding-top: .3em;
        padding-bottom: .3em;
    }

    .back-to-top
    {
        font-size: 30px;

        bottom: 5px;
    }

    .scroll .back-to-top
    {
        right: 10px;
    }

    .btn-prev,
    .fancybox-prev,
    .btn-next,
    .fancybox-next
    {
        width: 25px;
        height: 40px;
    }

    .btn-prev:before,
    .fancybox-prev:before,
    .btn-next:before,
    .fancybox-next:before
    {
        font-size: 14px;
    }

    .jcf-select
    {
        margin-bottom: 10px;
    }

    .cartLink
    {
        margin-top: 20px;
    }

    .tabset a
    {
        padding: 15px 10px;
    }

    .tab-content
    {
        margin-bottom: 20px;
    }

    .carousel
    {
        margin-bottom: 20px;
    }

    .banner .counter-list
    {
        font-size: 14px;
    }

    .banner .counter-list li
    {
        width: 80px;
        margin: 0 5px;
    }

    .banner .counter-list .value
    {
        font-size: 25px;
    }

    .logo-slider .slide
    {
        width: 25%;
    }

    .summary-table,
    .system-page .summary-table.items-info
    {
        font-size: 14px;
        line-height: 16px;

        margin-bottom: 20px;
    }

    .summary-table td:last-child,
    .system-page .summary-table.items-info td:last-child
    {
        font-size: 16px;
        line-height: 18px;
    }

    .summary-table .form-code-area input[type=text],
    .summary-table .form-code-area input#DiscountCode,
    .summary-table .form-code-area input#GiftVoucher
    {
        width: 80px;
    }

    .thank-you-table
    {
        font-size: 15px;
        font-weight: 400;

        text-align: left;
    }

    .thank-you-table td
    {
        display: block;

        padding: 19px 10px 17px;
    }

    .thank-you-table td strong
    {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;

        padding-left: 0;
    }

    .thank-you-table td td
    {
        margin: 0 -10px;
    }

    [id='header']
    {
        position: absolute;
    }

    .scroll.home-page [id='header'] .holder
    {
        background: none;
    }

    .top-bar .info-list
    {
        display: none;
    }

    .logo
    {
        width: 170px;
    }

    .page-wrap
    {
        padding-top: 113px;
    }

    [id='main']
    {
        padding: 35px 0 20px;
    }

    [id='content'] + [id='sidebar']
    {
        padding-top: 20px;
    }

    .two-columns [id='content']
    {
        width: auto;
    }

    [id='header'] .social-networks
    {
        display: none;
    }

    .visual-section
    {
        margin-top: -35px;
    }

    .visual-section:before,
    .visual-section:after
    {
        border-top-width: 30px;
    }

    .visual-section .container:after
    {
        display: none;
    }

    .visual-section .img-holder
    {
        margin-bottom: 20px;
    }

    .visual-section .img-holder img
    {
        max-width: 50%;
    }

    .visual
    {
        margin-top: calc(-56px + 21px);
    }

    .visual-wrap
    {
        margin-bottom: 30px;
    }

    .section
    {
        padding: 20px 0;
    }

    [id='main'] > .section:last-child
    {
        margin-bottom: -20px;
    }

    .head-block
    {
        padding-bottom: 0;
    }

    .head-block h1
    {
        font-size: 28px;
        line-height: 30px;

        margin-bottom: 10px;
    }

    .head-block .info-list
    {
        margin-bottom: 20px;
    }

    .head-block .info-list li
    {
        display: block;

        padding: 0;
    }

    .head-block .info-list li:not(:last-child):after
    {
        display: none;
    }

    .items-list
    {
        margin-bottom: 20px;
    }

    .items-list
    {
        font-size: 17px;
    }

    .items-list li
    {
        width: 50%;
    }

    .items-list .description
    {
        padding: 10px;
    }

    .sort-list li
    {
        font-size: 18px;
        line-height: 22px;

        margin: 0 10px 10px;
    }

    .triangle-bottom:before,
    .triangle-bottom:after
    {
        border-bottom-width: 30px;
    }

    .google-map-holder
    {
        height: 250px !important;
    }

    .info-area .block
    {
        display: block;
    }

    .info-area .image-holder
    {
        width: auto;
    }

    .info-area .description
    {
        width: auto;
        padding-bottom: 20px;
    }

    .post .date,
    .info-area .block .date
    {
        width: 50px;
        height: 50px;
    }

    .post .date span,
    .info-area .block .date span
    {
        font-size: 25px;
    }

    .page-nav
    {
        font-size: 18px;
    }

    .page-nav #previouspage,
    .page-nav #nextpage
    {
        font-size: 14px;

        margin: 0;
    }

    .page-nav .pagination span
    {
        margin: 0 2px;
    }

    [id='sidebar']
    {
        width: auto;

        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }

    .side-block
    {
        margin-bottom: 20px;
    }

    .side-nav li,
    .blogListHolder .blog-side-nav ul li,
    .blog-side-nav .BlogPostArchive ul li,
    .side-block .blogpostcategories ul li
    {
        margin-bottom: 10px;
    }

    [id='footer'] .holder-row
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

    [id='footer'] .footer-block
    {
        width: 100%;
        padding: 0 0 20px;
    }

    [id='footer'] .footer-block.info
    {
        width: 100%;
    }

    [id='footer'] .footer-block.social
    {
        width: 100%;
    }

    [id='footer'] .footer-block.add
    {
        width: 100%;
    }

    [id='footer'] h3
    {
        margin-bottom: 10px;
    }

    .footer-hold .col
    {
        max-width: 33.33%;
    }

    .add-nav li
    {
        margin-bottom: 10px;
    }

    .feature-section .title
    {
        margin-bottom: 10px;
    }

    .info-holder .box-holder .box
    {
        width: 50%;
    }

    .info-holder .box-holder .box:nth-child(n+3):nth-child(-n+4)
    {
        border-top: 1px solid #fff;
    }

    .system-page .holder h2
    {
        margin-bottom: 10px;
    }

    .system-page .summary-table,
    .system-page .summary-table.items-info
    {
        margin-bottom: 20px;
    }
}

@media (max-width: 479px)
{
    .logo-slider .slide
    {
        width: 33.33%;
    }

    .items-list.full-width li
    {
        width: 100%;
    }

    .items-list li
    {
        width: 100%;
    }

    .location-section .image-holder
    {
        float: none;

        margin: 0 0 10px;
    }
	.logo img{width:230px;}
}


@media(max-width:1024px){
[id="nav"] {text-align:center;}
[id="nav"] li {
  margin: 0 10px;
}
	
}


@media(max-width:768px){
#nav ul .first::after, #nav ul .second::after, #nav ul .third::after, #nav ul .fourth::after, #nav ul .five::after {display:none;}
.home-page [id="nav"] li {
  color: #000000;
}
.drop > ul {
  float: none;
  width: inherit;
}
.drop ul li a { float:none; width:inherit;
 
}
#nav ul#myMenuHeaderList .drop {
  left: -20px;
  width: 170px;
}
}




@media (min-width: 1599px){
.visual-wrap {
  background-position: 50% 80%;
  background-size: cover;
  margin-bottom: 50px;
  margin-top: 0;
  min-height: 800px;
  padding: 75px 0 145px;
  text-align: center;
}
.visual {
  background-position: 50% 25%;
  background-size: cover;
  height: 920px;
  line-height: 34px;
  margin: 20px 0 45px;
  padding: 20px;
}
.visual-section .wrap, .visual-section .slide {
  background-position: 50% 50%;
  background-size: cover; margin:50px 0 0;
  padding: 400px 0 110px;
}
}

#nav ul#myMenuHeaderList .drop {
  background: #f1f1f2 none repeat scroll 0 0;
  float: left;
  height: auto;
  left: -130px;
  position: absolute;
  top: 52px;
  width: auto;
}
.drop > ul {
  float: left;
  width: 400% !important;
}
.drop ul li a {
  float: left;
  width: auto;
}