/* 
Theme Name: Industrial
Theme URI: http://industrial.bold-themes.com
Description: Responsive theme.
Version: 1.5.1
Author: BoldThemes
Author URI: http://bold-themes.com
Tags: one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: industrial
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses

All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License

[Table of contents]

1. Base
2. Typography
3. Bootstrap grid
4. Bold themes grid 
5. Template
6. Header
7. Footer
8. Post
9. Widgets
10. Elements
11. Animations
12. Woocommerce
13. Cost calculator
14. Screens
15. Typography screens
15. Woocommerce screens
16. RTLs
17. Fixes
18. Settings panel
19. Gutenberg 

*/

:root {
    --main-color: #F10507;
}

/* FontAwesome (http://fontawesome.io/icons/) */
@font-face {
    font-family: 'FontAwesome';
    src: url(fonts/fontawesome-webfonte0a5e0a5.eot?v=4.3.0);
    src: url(fonts/fontawesome-webfontd41dd41d.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/fontawesome-webfonte0a5e0a5.woff2?v=4.3.0) format('woff2'),url(fonts/fontawesome-webfonte0a5e0a5.woff?v=4.3.0) format('woff'),url(fonts/fontawesome-webfonte0a5e0a5.ttf?v=4.3.0) format('truetype'),url(fonts/fontawesome-webfonte0a5e0a5.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html) */
@font-face {
    font-family: 'Icon7Stroke';
    src: url(fonts/Pe-icon-7-strokebb1dbb1d.eot?d7yf1v);
    src: url(fonts/Pe-icon-7-stroked41dd41d.eot?#iefixd7yf1v) format('embedded-opentype'),url(fonts/Pe-icon-7-strokebb1dbb1d.woff?d7yf1v) format('woff'),url(fonts/Pe-icon-7-strokebb1dbb1d.ttf?d7yf1v) format('truetype'),url(fonts/Pe-icon-7-strokebb1dbb1d.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Weather icons */
@font-face {
    font-family: 'WeatherIcons';
    src: url(fonts/weathericons-regular-webfont.eot);
    src: url(fonts/weathericons-regular-webfontd41dd41d.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff2) format('woff2'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Custom icons */
@font-face {
    font-family: 'CustomDesignSet';
    src: url(fonts/CustomDesignSet9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/CustomDesignSet9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/CustomDesignSet9f4d9f4d.svg?uo8kwk#CustomDesignSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomEssentialSet';
    src: url(fonts/CraftEssential9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/CraftEssential9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/CraftEssential9f4d9f4d.svg?uo8kwk#CustomEssentialSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomProductivitySet';
    src: url(fonts/Productivity9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Productivity9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Productivity9f4d9f4d.svg?uo8kwk#CustomProductivitySet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomBusinessSet';
    src: url(fonts/Business9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Business9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Business9f4d9f4d.svg?uo8kwk#CustomBusinessSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomDevelopmentSet';
    src: url(fonts/Development9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Development9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Development9f4d9f4d.svg?uo8kwk#CustomDevelopmentSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomConstructionSet';
    src: url(fonts/Construction9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Construction9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Construction9f4d9f4d.svg?uo8kwk#CustomConstructionSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomTransportationSet';
    src: url(fonts/Transportation9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Transportation9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Transportation9f4d9f4d.svg?uo8kwk#CustomTransportationSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomScienceSet';
    src: url(fonts/Science9f4d9f4d.ttf?uo8kwk) format('truetype'),url(fonts/Science9f4d9f4d.woff?uo8kwk) format('woff'),url(fonts/Science9f4d9f4d.svg?uo8kwk#CustomScienceSet) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Variables */
// Base gutter width // Headline fond // Headline supertitle font // Headline subtitle font // Headline fond // Base font // Base font // Base font size // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Main color // Dark main color // Darker main color // Very darker main color // Light main color // Secondary color // Dark secondary color // Darker secondary color // Light secondary color // Sidebar width (%) // Padding between sidebar and sontent // Left and right page padding for boxed content // Top and bottom padding between content elements (base value) // RowItem padding // Default spacing in grid gallery // Defines logo height and menu line height Defines menu height whwn below menu // Top and bottom padding of the whole horizontal menu (px) // Padding between horizontal menu elements (px) // Width of the vertical menu (px) // dropdown width (px) // Base font size // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size // Soft border radius // Soft border radius /* Aliases */
/* Reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
video {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

*:focus,
* {
    outline: none;
    outline: 0;
}

.touch * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-focus-ring-color: rgba(0,0,0,0);
}

button::-moz-focus-inner {
    border: 0;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

html,
body {
    margin: 0;
    padding: 0;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
}

/* FloatClears */
.btClear:after,
.mainHeader:after,
.menuHolder .port:after,
.topBarPort:after,
.boldSiteFooter:before,
.boldSiteFooter:after,
.boldSiteFooter .port:after,
.contentWrap:after,
.contentHolder:after,
.btBox:after,
.boldSection .port:after,
.header:after,
.boldRow:after,
.socialRow:before,
.socialRow:after,
.servicesItem .sIcon:after,
.boldSection:before,
.boldSection:after,
.psCats:after,
.psWrap:after,
.btTabs:after,
.tabsHeader:after,
.articleListItem footer:after,
.btPagination:after,
.boldArticleBody blockquote:after,
.tilesWall.classic .bgiTxt:after,
.btQuoteItem:after,
.boldArticleHeader .socialRow:before,
.tagcloud:after,
.btInstaGrid:after,
.rowItemContent:after,
.widget_shopping_cart .total:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.btClear {
    clear: both;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
    }

/* Skin */
.btDarkSkin,
.btLightSkin .btDarkSkin,
.btDarkSkin.btLightSkin .btDarkSkin {
    color: #fff;
    background-color: #232323;
}

    .btLightSkin,
    .btDarkSkin .btLightSkin,
    .btLightSkin .btDarkSkin .btLightSkin {
        color: #333;
        background-color: #fff;
    }

        .btLightSkin h1,
        .btLightSkin h2,
        .btLightSkin h3,
        .btLightSkin h4,
        .btLightSkin h5,
        .btLightSkin h6,
        .btDarkSkin .btLightSkin h1,
        .btDarkSkin .btLightSkin h2,
        .btDarkSkin .btLightSkin h3,
        .btDarkSkin .btLightSkin h4,
        .btDarkSkin .btLightSkin h5,
        .btDarkSkin .btLightSkin h6,
        .btLightSkin .btDarkSkin .btLightSkin h1,
        .btLightSkin .btDarkSkin .btLightSkin h2,
        .btLightSkin .btDarkSkin .btLightSkin h3,
        .btLightSkin .btDarkSkin .btLightSkin h4,
        .btLightSkin .btDarkSkin .btLightSkin h5,
        .btLightSkin .btDarkSkin .btLightSkin h6 {
            color: #000;
        }

        .btDarkSkin h1,
        .btDarkSkin h2,
        .btDarkSkin h3,
        .btDarkSkin h4,
        .btDarkSkin h5,
        .btDarkSkin h6,
        .btLightSkin .btDarkSkin h1,
        .btLightSkin .btDarkSkin h2,
        .btLightSkin .btDarkSkin h3,
        .btLightSkin .btDarkSkin h4,
        .btLightSkin .btDarkSkin h5,
        .btLightSkin .btDarkSkin h6,
        .btDarkSkin.btLightSkin .btDarkSkin h1,
        .btDarkSkin.btLightSkin .btDarkSkin h2,
        .btDarkSkin.btLightSkin .btDarkSkin h3,
        .btDarkSkin.btLightSkin .btDarkSkin h4,
        .btDarkSkin.btLightSkin .btDarkSkin h5,
        .btDarkSkin.btLightSkin .btDarkSkin h6 {
            color: #fff;
        }

        .btLightSkin select,
        .btLightSkin textarea,
        .btLightSkin input,
        .btLightSkin .fancy-select .trigger,
        .btDarkSkin .btLightSkin select,
        .btDarkSkin .btLightSkin textarea,
        .btDarkSkin .btLightSkin input,
        .btDarkSkin .btLightSkin .fancy-select .trigger,
        .btLightSkin .btDarkSkin .btLightSkin select,
        .btLightSkin .btDarkSkin .btLightSkin textarea,
        .btLightSkin .btDarkSkin .btLightSkin input,
        .btLightSkin .btDarkSkin .btLightSkin .fancy-select .trigger {
            border: 1px solid rgba(0,0,0,.1);
            color: #333;
        }

        .btDarkSkin select,
        .btDarkSkin textarea,
        .btDarkSkin input,
        .btDarkSkin .fancy-select .trigger,
        .btLightSkin .btDarkSkin select,
        .btLightSkin .btDarkSkin textarea,
        .btLightSkin .btDarkSkin input,
        .btLightSkin .btDarkSkin .fancy-select .trigger,
        .btDarkSkin.btLightSkin .btDarkSkin select,
        .btDarkSkin.btLightSkin .btDarkSkin textarea,
        .btDarkSkin.btLightSkin .btDarkSkin input,
        .btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger {
            border: 1px solid rgba(255,255,255,.5);
            color: #fff;
        }

/*
.btHardRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 50%;}
.btSoftRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 5px;}  */
/* Form elements */
select,
input {
    font-family: Poppins;
}

    input:not([type='checkbox']):not([type='radio']),
    button {
        -webkit-appearance: none;
    }

    input:not([type='checkbox']):not([type='radio']),
    textarea,
    select {
        outline: none;
        font: inherit;
        width: 100%;
        background: transparent;
        line-height: 1;
        font-family: "Montserrat";
        font-size: .8em;
        width: 100%;
        display: block;
        padding: .8em;
        background: transparent;
    }

.btTextRight input:not([type='checkbox']):not([type='radio']),
.btTextRight textarea,
.btTextRight select {
    text-align: right;
}

input:not([type='checkbox']):not([type='radio']),
select {
    height: 3.2em;
}

.btHardRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btHardRoundedButtons a.select2-choice {
    border-radius: 50px;
}

.btSoftRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btSoftRoundedButtons a.select2-choice {
    border-radius: 3px;
}

.btHardRoundedButtons textarea,
.btHardRoundedButtons select {
    border-radius: 20px;
}

.btSoftRoundedButtons textarea,
.btSoftRoundedButtons select {
    border-radius: 3px;
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:focus {
    -webkit-box-shadow: 0 0 4px 0 var(--main-color);
    box-shadow: 0 0 4px 0 var(--main-color);
    border: 1px solid #333;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

textarea {
    resize: vertical;
    line-height: inherit;
}

button {
    font: inherit;
}

.btDarkSkin input[type="text"]:focus,
.btLightSkin .btDarkSkin input[type="text"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="text"]:focus,
.btDarkSkin input[type="password"]:focus,
.btLightSkin .btDarkSkin input[type="password"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="password"]:focus,
.btDarkSkin input[type="email"]:focus,
.btLightSkin .btDarkSkin input[type="email"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="email"]:focus,
.btDarkSkin textarea:focus,
.btLightSkin .btDarkSkin textarea:focus,
.btDarkSkin.btLightSkin .btDarkSkin textarea:focus {
    border: 1px solid #fff;
}

/* Texts */
figure,
img,
select,
embed,
iframe {
    max-width: 100%;
    height: auto;
}

pre code {
    display: block;
}

pre {
    overflow: hidden;
}

.btContentHolder pre {
    margin: 0 0 30px;
    white-space: pre-wrap;
    padding: 20px;
    border: 1px solid rgba(0,0,0,.1);
}

/* Href */
a {
    text-decoration: none;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}

.btLightSkin a,
.btDarkSkin .btLightSkin a,
.btLightSkin .btDarkSkin .btLightSkin a {
    color: #000;
}

.btDarkSkin a,
.btLightSkin .btDarkSkin a,
.btDarkSkin.btLightSkin .btDarkSkin a {
    color: #fff;
}

    html a:hover,
    .btLightSkin a:hover,
    .btDarkSkin .btLightSkin a:hover,
    .btLightSkin .btDarkSkin .btLightSkin a:hover,
    .btDarkSkin a:hover,
    .btLightSkin .btDarkSkin a:hover,
    .btDarkSkin.btLightSkin .btDarkSkin a:hover {
        text-decoration: none;
        color: var(--main-color);
    }

.btLightSkin .btText a,
.btDarkSkin .btLightSkin .btText a,
.btLightSkin .btDarkSkin .btLightSkin .btText a,
.btDarkSkin .btText a,
.btLightSkin .btDarkSkin .btText a,
.btDarkSkin.btLightSkin .btDarkSkin .btText a {
    color: var(--main-color);
}

    .btLightSkin .btText a:hover,
    .btDarkSkin .btLightSkin .btText a:hover,
    .btLightSkin .btDarkSkin .btLightSkin .btText a:hover,
    .btDarkSkin .btText a:hover,
    .btLightSkin .btDarkSkin .btText a:hover,
    .btDarkSkin.btLightSkin .btDarkSkin .btText a:hover {
        text-decoration: underline;
    }

a img {
    border: none;
}

a,
a:active,
a:focus {
    outline: none;
}

/* Base typography */
p,
dl,
address,
cite {
    margin: 0 0 1em;
}

ul,
ol,
li {
    margin: 0 0 15px 5px;
    padding: 0 0 0 5px;
}

.btText li {
    margin-left: 1em;
}

li,
ul ul,
ol ol {
    margin-bottom: 0;
}

dt {
    font-weight: 600;
    display: inline;
    padding-right: .75em;
}

dd {
    display: inline;
}

    dd p {
        display: inline;
    }

    dd:after {
        content: ' ';
        display: table;
        clear: both;
    }

figcaption {
    font-size: .8em;
}

/* Base font */
html,
body {
    min-height: 100vh;
}

    body:not(.btPageTransitions) {
        min-height: 101vh;
    }

html {
    overflow-x: hidden;
}

body {
    font-family: "Poppins",Arial,sans-serif;
}

body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    background-size: cover;
    background-attachment: fixed;
}

small {
    font-size: 13px;
}

/* Blockquotes*/
.btContentHolder blockquote {
    display: block;
    padding: 0 0 15px 3.5em;
    margin: 0;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.7em;
    position: relative;
}

    .btContentHolder blockquote:after {
        content: " ";
        display: table;
        width: 100%;
        clear: both;
    }

    .btContentHolder blockquote:before {
        content: '\f10d';
        color: rgba(0,0,0,.1);
        font-family: FontAwesome;
        display: block;
        font-size: 5em;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

.btDarkSkin .btContentHolder blockquote:before,
.btLightSkin .btDarkSkin .btContentHolder blockquote:before,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder blockquote:before {
    color: rgba(255,255,255,.1);
}

.btContentHolder cite {
    font-size: .6em;
    font-family: "Montserrat";
    font-style: normal;
    text-align: right;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    padding: 0 0 .4em;
    line-height: 1.3;
    margin: 0;
}

h1 {
    line-height: 1.05;
    font-size: 4em;
}

h2 {
    font-size: 3em;
}

h3 {
    font-size: 2.5em;
}

h4 {
    font-size: 2em;
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.2em;
}

/* Tables */
.btContentHolder table {
    width: 100%;
    margin: 0 0 1em;
    border-collapse: collapse;
    text-align: initial;
    border: 1px solid rgba(0,0,0,.07);
}

    .btContentHolder table td,
    .btContentHolder table th {
        padding: 1em;
        border: 1px solid rgba(0,0,0,.07);
    }

    .btContentHolder table thead th {
        font-weight: 700;
        background-color: var(--main-color);
        color: white;
        font-family: "Montserrat";
    }

-.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    position: relative;
}

@media (min-width: 768px) {
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12,
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11,
    .col-ms-12 {
        min-height: 1px;
    }
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width: 480px) {
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11,
    .col-ms-12 {
        float: left;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-11 {
        width: 91.66666667%;
    }

    .col-ms-10 {
        width: 83.33333333%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-8 {
        width: 66.66666667%;
    }

    .col-ms-7 {
        width: 58.33333333%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-5 {
        width: 41.66666667%;
    }

    .col-ms-4 {
        width: 33.33333333%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-2 {
        width: 16.66666667%;
    }

    .col-ms-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.visible-xs,
.visible-ms,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 480px) {
    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .visible-ms {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hidden-ms {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

/* Grid elements base */
.gutter .port {
    max-width: 1140px;
    margin: auto;
}

.gutter.boxed-600 .port {
    max-width: 540px;
}

.gutter.boxed-700 .port {
    max-width: 640px;
}

.gutter.boxed-800 .port {
    max-width: 740px;
}

.gutter.boxed-900 .port {
    max-width: 840px;
}

.gutter.boxed-1000 .port {
    max-width: 940px;
}

.gutter.boxed-1100 .port {
    max-width: 1040px;
}

.gutter.boxed-1200 .port {
    max-width: 1140px;
}

/* Divider */
.btDivider {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
}

/* Row and column */
.boldRow {
    display: block;
    margin: 0 -15px;
}

    .boldRow.btNoRowSpacing {
        margin: 0;
    }

    .boldRow.btDoubleRowSpacing {
        margin: 0 -30px;
    }

    .boldRow.btTripleRowSpacing {
        margin: 0 -45px;
    }

.btScrollInfoRow {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.rowItem {
    padding: 0 15px;
}

.btNoRowSpacing > .boldRowInner > .rowItem {
    padding: 0;
}

.btDoubleRowSpacing > .boldRowInner .rowItem {
    padding: 0 30px;
}

.btTripleRowSpacing > .boldRowInner .rowItem {
    padding: 0 45px;
}

.btLightSkin.rowItem,
.btDarkSkin .btLightSkin.rowItem,
.btLightSkin .btDarkSkin .btLightSkin.rowItem,
.btDarkSkin.rowItem,
.btLightSkin .btDarkSkin.rowItem,
.btDarkSkin.btLightSkin .btDarkSkin.rowItem {
    background-color: transparent;
}

.rowItemContent {
    position: relative;
    width: 100%;
    background-size: cover;
}

.btDoubleRowPadding .boldRow {
    display: block;
    margin: 0 -30px;
}

.btDoubleRowPadding .rowItem {
    padding: 0 30px;
}

/* Vertical align should be removed om small screens. Otherwise it won't break into the new row  */
@media (min-width: 768px) {
    .btTableRow {
        margin: 0 -15px;
    }

        .btTableRow > .boldRowInner {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .btTableRow > .boldRowInner > .rowItem {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .btTableRow > .boldRowInner > .rowItem.btMiddleVertical > .rowItemContent {
                    width: 100%;
                }

                .btTableRow > .boldRowInner > .rowItem.btTopVertical {
                    -webkit-align-items: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch;
                }

                    .btTableRow > .boldRowInner > .rowItem.btTopVertical > .rowItemContent {
                        width: 100%;
                    }

                .btTableRow > .boldRowInner > .rowItem.btBottomVertical {
                    -webkit-align-items: flex-end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                }

                    .btTableRow > .boldRowInner > .rowItem.btBottomVertical > .rowItemContent {
                        width: 100%;
                    }

    /* Cell border, removed on c */
    .rowItem.btLeftBorder {
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .rowItem.btLeftBorder {
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .rowItem.btRightBorder {
        border-right: 1px solid rgba(0,0,0,.1);
    }

    .btDarkSkin .rowItem.btRightBorder,
    .btLightSkin .btDarkSkin .rowItem.btRightBorder,
    .btDarkSkin.btLightSkin .btDarkSkin .rowItem.btRightBorder {
        border-right: 1px solid rgba(255,255,255,.5);
    }

    .btDarkSkin .rowItem.btLeftBorder,
    .btLightSkin .btDarkSkin .rowItem.btLeftBorder,
    .btDarkSkin.btLightSkin .btDarkSkin .rowItem.btLeftBorder {
        border-left: 1px solid rgba(255,255,255,.5);
    }
}

/* Grid elements spacing */
.topExtraSmallSpaced {
    padding-top: .5em;
}

.topSmallSpaced {
    padding-top: 1em;
}

.topMediumSpaced {
    padding-top: 2em;
}

.topSemiSpaced {
    padding-top: 4em;
}

.topSpaced {
    padding-top: 8em;
}

.topLargeSpaced {
    padding-top: 12em;
}

.topExtraSpaced {
    padding-top: 16em;
}

.bottomExtraSmallSpaced {
    padding-bottom: .5em;
}

.bottomSmallSpaced {
    padding-bottom: 1em;
}

.bottomMediumSpaced {
    padding-bottom: 2em;
}

.bottomSemiSpaced {
    padding-bottom: 4em;
}

.bottomSpaced {
    padding-bottom: 8em;
}

.bottomLargeSpaced {
    padding-bottom: 12em;
}

.bottomExtraSpaced {
    padding-bottom: 16em;
}

/* Horizontal padding */
.rowItem.btDoublePadding > .rowItemContent {
    padding: 0 30px;
}

/* .btTableRow > .rowItem.btDoublePadding > .rowItemContent {
    padding: 0 math(4*$(innerHorizontalPadding), px);
} */
.rowItem.btNoPadding {
    padding: 0;
}

.rowItem.btNoPadding {
    padding: 0;
}

/* Text indent */
.btTextIndent .rowItemContent {
    padding: 0 15px;
}

    .btTextIndent .rowItemContent .btImage,
    .btTextIndent .rowItemContent .bpgPhoto {
        margin: 0 -15px;
        max-width: none;
    }

/* Highlighted section */
.btDarkSkin .btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btHighlight > .rowItemContent,
.btDarkSkin.btLightSkin .btDarkSkin .btHighlight > .rowItemContent,
.btDarkSkin.btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin.btHighlight > .rowItemContent,
.btDarkSkin.btLightSkin .btDarkSkin.btHighlight > .rowItemContent {
    background-color: rgba(0,0,0,.85);
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}

.btLightSkin .btHighlight > .rowItemContent,
.btDarkSkin .btLightSkin .btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btLightSkin .btHighlight > .rowItemContent,
.btLightSkin.btHighlight > .rowItemContent,
.btDarkSkin .btLightSkin.btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btLightSkin.btHighlight > .rowItemContent {
    background-color: rgba(255,255,255,.85);
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}

.btHardRoundedButtons .btHighlight > .rowItemContent {
    border-radius: 3px;
}

.btSoftRoundedButtons .btHighlight > .rowItemContent {
    border-radius: 3px;
}

/* Helpers */
.btTextLeft {
    text-align: left;
}

.btTextRight {
    text-align: right;
}

.btTextCenter {
    text-align: center;
}

.fullScreenHeight {
    height: 100vh;
}

    .fullScreenHeight .port {
        height: 100%;
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .fullScreenHeight .boldCell {
        height: 100%;
        width: 100%;
        display: table-cell;
    }

    .fullScreenHeight .boldCellInner {
        display: block;
    }

.btMiddleVertical .boldCell {
    vertical-align: middle;
}

.btBottomVertical .boldCell {
    vertical-align: bottom;
}

.btGhost {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

    .btGhost.btRemoveGhost {
        -webkit-transform: translateY(-100%) scale(.7);
        -moz-transform: translateY(-100%) scale(.7);
        -ms-transform: translateY(-100%) scale(.7);
        transform: translateY(-100%) scale(.7);
        opacity: 0;
    }

.wBackground {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .wBackground.cover {
        background-size: cover;
    }

    .wBackground.contain {
        background-size: contain;
    }

.boldSection.video {
    position: relative;
    overflow: hidden;
}

    .boldSection.video video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 0;
        -webkit-transition: opacity 1000ms;
        -moz-transition: opacity 1000ms;
        transition: opacity 1000ms;
    }

    .boldSection.video.video_on video {
        opacity: 1;
    }

/* Accent color background helper class */
.btAccentColorBackground {
    background-color: var(--main-color) !important;
}

    .btAccentColorBackground .headline b.animate.animated {
        color: #FF7F00;
    }

    .btAccentColorBackground .btDash.bottomDash .dash:after {
        border-color: #FF7F00;
    }

.btAccentDarkColorBackground {
    background-color: #af8401 !important;
}

    .btAccentDarkColorBackground .headline b.animate.animated {
        color: #FF7F00;
    }

.btAccentVeryDarkColorBackground {
    background-color: #4a3801 !important;
}

.btAccentLightColorBackground {
    background-color: rgba(251,189,2,0.7) !important;
}

.btAlternateColorBackground {
    background-color: #FF7F00 !important;
}

.btAlternateDarkColorBackground {
    background-color: #b35900 !important;
}

.btAlternateVeryDarkColorBackground {
    background-color: #804000 !important;
}

.btAlternateLightColorBackground {
    background-color: rgba(255,127,0,0.6) !important;
}

.btLightSkin .btDefaultColorBackground,
.btDarkSkin .btLightSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btLightSkin .btDefaultColorBackground {
    background-color: rgba(0,0,0,.07) !important;
}

.btDarkSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btDefaultColorBackground,
.btDarkSkin.btLightSkin .btDarkSkin .btDefaultColorBackground {
    background-color: rgba(255,255,255,.3) !important;
}

.boldSection.btBackgroundOverlay:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: repeat;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bt_bb_video.boldSection.btBackgroundOverlay:before {
    z-index: 2;
}

.boldSection.btBackgroundOverlay:not(.btSectionTransitions) {
    position: relative;
}

.boldSection.btBackgroundOverlay .port {
    position: relative;
    z-index: 2;
}

.boldSection.btStripedDark:before {
    background-image: url(gfx/diagonalstripe-black.png);
    opacity: .7;
}

.boldSection.btStripedLight:before {
    background-image: url(gfx/diagonalstripe.png);
    opacity: .2;
}

.boldSection.btSolidDarkBackground:before {
    background-color: #232323;
    opacity: .3;
}

.boldSection.btSolidLightBackground:before {
    background-color: #fff;
    opacity: .3;
}

.boldSection.wBackground.btSolidDarkBackground:before,
.boldSection.bt_yt_video.btSolidDarkBackground:before {
    opacity: .6;
}

.boldSection.wBackground.btSolidLightBackground:before,
.boldSection.bt_yt_video.btSolidLightBackground:before {
    opacity: .6;
}

/* Animated elements */
.btParallax,
.boldthemes_parallax {
    -webkit-transition-property: background-position;
    -moz-transition-property: background-position;
    transition-property: background-position;
    -webkit-transition-duration: 0ms;
    -moz-transition-duration: 0ms;
    transition-duration: 0ms;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
    background-attachment: fixed;
}

.animate {
    -webkit-transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
    -moz-transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
    transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
}

.animate-fadein {
    opacity: 0;
}

.touch .animate-fadein {
    opacity: 1;
}

.animate-moveleft {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

.animate-moveright {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}

.animate-moveup {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

.animate-movedown {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

.animated {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
    -moz-transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
    transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(0) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(1) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    transition-delay: 200ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(2) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(3) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    transition-delay: 600ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(4) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    transition-delay: 800ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(5) {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(6) {
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(7) {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    transition-delay: 1400ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(8) {
    -webkit-transition-delay: 1600ms;
    -moz-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(9) {
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(10) {
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    transition-delay: 2000ms;
}

body:not(.btHalfPage) .rowItem.animate:nth-child(11) {
    -webkit-transition-delay: 2200ms;
    -moz-transition-delay: 2200ms;
    transition-delay: 2200ms;
}

/* Template base */
.btPageWrap {
    position: relative;
    overflow: hidden;
    -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
    -moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
    transition: transform 1s cubic-bezier(.230,1,.320,1);
}

/* Z indexes */
.mainHeader {
    z-index: 10002;
}

.btGhost {
    z-index: 10003;
}

.btPreloader {
    z-index: 10004;
}

.btGridOverlay {
    z-index: 10005;
}

.btRemovePreloader .btGridOverlay {
    z-index: 10001;
}

/* Content holder and sidebars*/
.btNoSidebar .btContentHolder,
.btNoSidebar .btContent {
    width: auto;
    padding: 0;
}

.btWithSidebar .btContentHolder {
    max-width: 1200px;
    margin: auto;
    padding-top: 4em;
}

.btContent {
    width: 75%;
}

.btSidebar {
    width: 25%;
    padding-bottom: 15px;
}

.btSidebarLeft .btSidebar {
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}

.btSidebarLeft .btContent {
    float: right;
    padding-right: 30px;
    padding-left: 15px;
}

.btSidebarRight .btSidebar {
    float: right;
    padding-right: 30px;
    padding-left: 15px;
}

.btSidebarRight .btContent {
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}

/* Preloader */
.btPreloader {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: inherit;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s ease,opacity .3s ease;
    -moz-transition: all .3s ease,opacity .3s ease;
    transition: all .3s ease,opacity .3s ease;
}

    .btPreloader .animation {
        display: block;
        width: 100%;
        -webkit-transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        -webkit-transition: transform .3s ease,opacity .3s ease;
        -moz-transition: transform .3s ease,opacity .3s ease;
        transition: transform .3s ease,opacity .3s ease;
    }

.btAccentDarkHeader .btPreloader .animation > div:first-child,
.btLightAccentHeader .btPreloader .animation > div:first-child {
    border-radius: 10px;
    padding: .7em 1.2em;
    display: inline-block;
    background-color: #af8401;
}

.btPreloader .animation > div img {
    margin: 0 auto;
}

.btRemovePreloader .btPreloader {
    -webkit-transform: translateY(-100%) scale(0);
    -moz-transform: translateY(-100%) scale(0);
    -ms-transform: translateY(-100%) scale(0);
    transform: translateY(-100%) scale(0);
    opacity: 0;
    -webkit-transition: transform ease 1s,opacity ease 1s;
    -moz-transition: transform ease 1s,opacity ease 1s;
    transition: transform ease 1s,opacity ease 1s;
}

    .btRemovePreloader .btPreloader .animation {
        -webkit-transform: translateY(0) scale(.9);
        -moz-transform: translateY(0) scale(.9);
        -ms-transform: translateY(0) scale(.9);
        transform: translateY(0) scale(.9);
        opacity: 0;
        -webkit-transition: transform .5s ease,opacity ease .5s;
        -moz-transition: transform .5s ease,opacity ease .5s;
        transition: transform .5s ease,opacity ease .5s;
    }

.btPreloader .animation .preloaderLogo {
    height: 100px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    width: auto;
    display: block;
    line-height: 1;
}

.btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo,
.btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo {
    height: 200px;
}

/* Loader */
.btLoader {
    margin: 30px auto 30px auto;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-left: 5px solid rgba(128,128,128,.1);
    border-right: 5px solid rgba(128,128,128,.1);
    border-bottom: 5px solid rgba(128,128,128,.2);
    -webkit-animation: btLoader 1.1s infinite linear;
    -moz-animation: btLoader 1.1s infinite linear;
    animation: btLoader 1.1s infinite linear;
}

.btLightSkin .btLoader,
.btDarkSkin .btLightSkin .btLoader,
.btLightSkin .btDarkSkin .btLightSkin .btLoader {
    border-top: 5px solid #333;
}

.btDarkSkin .btLoader,
.btLightSkin .btDarkSkin .btLoader,
.btDarkSkin.btLightSkin .btDarkSkin .btLoader {
    border-top: 5px solid #fff;
}

.btLoader p:empty {
    display: none;
}

.btLoader,
.btLoader:after {
    border-radius: 50%;
    width: 64px;
    height: 64px;
}

@-webkit-keyframes btLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes btLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes btLoader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes btLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Bradcrumbs */
.btBreadCrumbs {
    text-transform: uppercase;
}

    .btBreadCrumbs ul {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
    }

    .btBreadCrumbs li {
        display: inline-block;
        margin-left: 0;
        padding-left: 0;
        padding-right: 5px;
    }

        .btBreadCrumbs li:not(:last-child):after {
            content: ' ';
            display: inline-block;
            margin: -2px 10px 0 10px;
            letter-spacing: inherit;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            line-height: inherit;
            vertical-align: middle;
        }

.btLightSkin .btBreadCrumbs li:not(:last-child):after,
.btDarkSkin .btLightSkin .btBreadCrumbs li:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btBreadCrumbs li:not(:last-child):after {
    background-color: #333;
}

.btDarkSkin .btBreadCrumbs li:not(:last-child):after,
.btLightSkin .btDarkSkin .btBreadCrumbs li:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btBreadCrumbs li:not(:last-child):after {
    background-color: #fff;
}

/* Page headline */
.btPageHeadline {
    background-color: rgba(0,0,0,.07);
}

    .btPageHeadline .header {
        max-width: 768px;
    }

.btBelowMenu.btMenuBelowLogo .btPageHeadline .header {
    margin-top: 1.5em;
}

/* Boxed page */
.btBoxedPage .btPageWrap {
    max-width: 1200px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    margin-bottom: 3em;
    margin: 0 auto 3em;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.btStickyHeaderActive.btBoxedPage .mainHeader {
    max-width: 1200px;
}

.btLightSkin.btBoxedPage .btContentWrap {
    background-color: #fff;
}

.btDarkSkin.btBoxedPage .btContentWrap {
    background-color: #232323;
}

/* Header */
.logo,
.topBarInLogoArea {
    visibility: hidden;
}

.mainHeader {
    width: 100%;
    position: absolute;
    background-color: inherit;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "Montserrat";
}

.btMenuVertical.btAccentDarkHeader .mainHeader,
.btMenuVertical.btLightAccentHeader .mainHeader {
    background-color: var(--main-color);
}

    .btMenuVertical.btAccentDarkHeader .mainHeader .btVerticalMenuTrigger .btIco.btIcoDefaultType .btIcoHolder:before,
    .btMenuVertical.btLightAccentHeader .mainHeader .btVerticalMenuTrigger .btIco.btIcoDefaultType .btIcoHolder:before {
        color: #fff;
    }

    .btMenuVertical.btAccentDarkHeader .mainHeader .logo,
    .btMenuVertical.btLightAccentHeader .mainHeader .logo {
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        transition: opacity 400ms ease;
    }

.btMenuVertical.btLightAlternateHeader .mainHeader {
    background-color: #FF7F00;
}

    .btMenuVertical.btLightAlternateHeader .mainHeader .btVerticalMenuTrigger .btIco.btIcoDefaultType .btIcoHolder:before {
        color: #fff;
    }

    .btMenuVertical.btLightAlternateHeader .mainHeader .logo {
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        transition: opacity 400ms ease;
    }

.btMenuVertical.btMenuVerticalOn .mainHeader .logo {
    opacity: 0;
}

.mainHeader:not(.gutter) .port {
    padding: 0 30px;
}

body.btAccentDarkHeader.btBoxedPage.btBelowMenu .mainHeader:not(.gutter) .port,
body.btAccentLightHeader.btBoxedPage.btBelowMenu .mainHeader:not(.gutter) .port {
    padding: 0;
}

.btPageTransitions .mainHeader {
    z-index: 1020;
}

.mainHeader.btDarkSkin,
.btLightSkin .mainHeader.btDarkSkin,
.btDarkSkin .mainHeader {
    background-color: #232323;
}

    .mainHeader.btLightSkin,
    .btDarkSkin .mainHeader.btLightSkin,
    .btLightSkin .mainHeader {
        background-color: #fff;
    }

/* Below menu */
.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
    background-color: transparent;
}

.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}

/* Main menu */
.btLogoArea {
    position: relative;
    z-index: 1;
}

.menuPort {
    font-family: "Poppins";
    visibility: hidden;
    font-size: 15px;
}

    .menuPort nav ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
        -webkit-transition: all 360ms ease 0s;
        -moz-transition: all 360ms ease 0s;
        transition: all 360ms ease 0s;
    }

        .menuPort nav ul li {
            display: block;
            margin: 0;
            padding: 0;
            position: relative;
        }

            .menuPort nav ul li a {
                display: block;
                position: relative;
                padding: 1em 1em;
                font-weight: 500 !important;
            }

                .menuPort nav ul li a:hover {
                    color: var(--main-color) !important;
                    text-decoration: none;
                }

        .menuPort nav ul ul li {
            -webkit-transition: opacity 300ms ease;
            -moz-transition: opacity 300ms ease;
            transition: opacity 300ms ease;
        }

            .menuPort nav ul ul li.on {
                opacity: 1;
            }

    .menuPort nav > ul > li > a {
        line-height: 100px;
        padding: 0;
    }

.btBelowLogoArea .menuPort nav > ul > li > a {
    line-height: 50px;
}

.menuPort nav ul ul li a {
    font-weight: 400;
}

/* Logo and triggers */
.btTextLogo {
    font-family: "Montserrat";
    font-size: 2em;
    font-weight: 800;
    line-height: 100px;
}

.btMenuVertical .btTextLogo {
    line-height: 60px;
}

.btLogoArea .logo {
    line-height: 0;
    float: left;
}

.btMenuVertical .btLogoArea .logo {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.rtl .btLogoArea .logo {
    float: right;
}

.btLogoArea .logo img {
    height: 100px;
    width: auto;
    display: block;
}

.btMenuVertical .btLogoArea .logo img {
    height: 60px;
}

.btLogoArea .logo img.btAltLogo {
    display: none;
}

.btHorizontalMenuTrigger {
    display: none;
    float: right;
    line-height: 100px;
    margin: 0 -8px 0 .5em;
    font-size: 32px;
}

/* Only horizontal menu */
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    height: 4px;
    background-color: var(--main-color);
}

.btAccentDarkHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btAccentDarkHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after,
.btAccentLightHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btAccentLightHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
    background-color: #FF7F00;
}

.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-item > a {
    color: var(--main-color) !important;
}

/* Skins */
.btDarkSkin .menuPort > nav > ul > li > a,
.btLightSkin .btDarkSkin .menuPort > nav > ul > li > a,
.btDarkSkin.btLightSkin .btDarkSkin .menuPort > nav > ul > li > a {
    color: #fff;
}

.btLightSkin .menuPort > nav > ul > li > a,
.btDarkSkin .btLightSkin .menuPort > nav > ul > li > a,
.btLightSkin .btDarkSkin .btLightSkin .menuPort > nav > ul > li > a {
    color: #333;
}

.btAccentLightHeader.btDarkSkin .menuPort > nav > ul > li > a {
    color: #333;
}

.btMenuHorizontal .menuPort ul ul {
    background-color: #fff;
}

    .btMenuHorizontal .menuPort ul ul li a {
        padding-left: 1.5em;
        padding-right: 1.5em;
        color: #333;
    }

    .btMenuHorizontal .menuPort ul ul li:not(:last-child) > a:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 1.5em;
        right: 1.5em;
        bottom: 0;
        height: 1px;
        background-color: rgba(0,0,0,.1);
    }

.btDarkSkin .topBarInMenu:after,
.btDarkSkin .topBar:before,
.btLightSkin .btDarkSkin .topBarInMenu:after,
.btLightSkin .btDarkSkin .topBar:before,
.btDarkSkin.btLightSkin .btDarkSkin .topBarInMenu:after,
.btDarkSkin.btLightSkin .btDarkSkin .topBar:before {
    background-color: rgba(255,255,255,.5);
}

/* Subtogglers */
.subToggler {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 45px;
    z-index: 80;
    padding: 0;
    text-align: center;
}

.on > .subToggler {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

body.btMenuVertical .subToggler {
    display: block !important;
    padding: 20px 0;
    line-height: 1;
    right: 0;
    top: -5px;
}

body.rtl.btMenuVertical .subToggler {
    left: 0;
    right: auto;
}

body.btMenuHorizontal .subToggler {
    right: -25px;
    line-height: 100px;
}

body.btMenuHorizontal.btStickyHeaderActive .subToggler {
    line-height: 60px;
}

body.btMenuHorizontal.btMenuBelowLogo .subToggler {
    line-height: 50px;
}

body.btMenuHorizontal .menuPort ul ul .subToggler {
    right: 0;
    line-height: inherit;
    padding: 1em 0;
}

.subToggler:before {
    content: '\f107';
    font: normal 16px/1 FontAwesome;
}

.touch .btMenuHorizontal .menuPort nav ul li a {
    padding-right: 15px;
}

.touch .btMenuHorizontal .menuPort nav ul li ul li a {
    padding-right: 35px;
}

.touch .btMenuHorizontal .menuPort nav ul li .subToggler {
    display: block;
}

/* Horizontal menu, no need for override on responsive */
.btMenuHorizontal.btSoftRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btBelowLogoArea,
.btMenuHorizontal.btHardRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btBelowLogoArea {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btMenuHorizontal.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btLogoArea,
.btMenuHorizontal.btHardRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btLogoArea {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btMenuHorizontal.btAccentLightHeader.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btBelowLogoArea,
.btMenuHorizontal.btAccentDarkHeader.btHardRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btBelowLogoArea {
    border-radius: 3px;
}

.btMenuHorizontal .menuPort > nav > ul > li {
    margin: 0 50px 0 0;
}

.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child {
    margin: 0 50px 0 0 !important;
}

    .rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul {
        right: auto;
        left: -30px;
    }

        .rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul > li {
            text-align: left;
        }

            .rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul > li > ul {
                left: 220px;
                right: auto;
            }

.btMenuHorizontal .menuPort ul > li > ul {
    opacity: 0;
}

.btMenuHorizontal .menuPort > nav > ul > li > ul > li {
    font-size: .9em;
}

.btMenuHorizontal .menuPort > nav > ul ul {
    position: absolute;
    width: 220px;
    right: 0;
    top: auto;
    margin: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    z-index: 1;
    padding: 0;
}

    .btMenuHorizontal .menuPort > nav > ul ul li {
        z-index: 4;
        float: none;
    }

    .btMenuHorizontal .menuPort > nav > ul ul ul {
        display: block;
        top: 0;
        margin: 0;
        pointer-events: none;
    }

.btMenuHorizontal .menuPort > nav > ul li.current-menu-item ul,
.btMenuHorizontal .menuPort > nav > li.current-menu-ancestor ul {
    margin: 0;
}

.btMenuHorizontal .menuPort > nav > ul > li {
    float: left;
    position: relative;
    z-index: 5;
}

.rtl.btMenuHorizontal .menuPort > nav > ul > li {
    float: right;
}

.btMenuHorizontal .menuPort > nav > ul > li.on > ul {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

    .btMenuHorizontal .menuPort > nav > ul > li.on > ul > li.on > ul {
        opacity: 1;
        pointer-events: auto;
        z-index: 3;
    }

.btMenuHorizontal .menuPort > nav:not(.leftNav) > ul > li:last-child {
    margin: 0;
}

/* Menu positions */
.btMenuHorizontal .menuPort ul ul {
    right: auto;
    left: -30px;
}

    .btMenuHorizontal .menuPort ul ul ul {
        left: 220px;
        right: auto;
    }

.rtl.btMenuHorizontal .menuPort ul ul ul {
    left: auto;
    right: 220px;
}

.btMenuHorizontal .menuPort nav {
    float: left;
    padding-left: 50px;
}

.rtl.btMenuHorizontal .menuPort nav {
    padding-right: 50px;
    padding-left: 0;
}

.btMenuHorizontal.btMenuRight .menuPort nav {
    float: right;
}

.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul {
    text-align: right;
    right: -30px;
    left: auto;
}

.rtl.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul {
    left: -30px;
    right: 0;
}

.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul ul {
    left: -220px;
    right: auto;
}

.rtl.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul ul {
    left: auto;
    right: -220px;
}

.btMenuHorizontal.btMenuCenter .logo {
    position: relative;
    z-index: 8;
    float: left;
    margin: 0 0 0 50%;
}

.btMenuHorizontal.btMenuCenter .menuPort nav {
    float: none;
}

.btMenuHorizontal.btMenuCenter .menuPort .leftNav {
    position: absolute;
    right: 50%;
    left: auto;
    padding: 0;
}

    .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul {
        float: right;
    }

        .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul {
            right: auto;
            left: -20px;
        }

            .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul {
                left: 220px;
                right: auto;
            }

.btMenuHorizontal.btMenuCenter .menuPort .rightNav {
    position: absolute;
    left: 50%;
    right: auto;
    padding-left: 50px;
}

    .btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul {
        right: -20px;
        left: auto;
    }

        .btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul {
            right: 220px;
            left: auto;
        }

    .btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
        text-align: right;
    }

/* Wide menu */
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown {
    position: static;
}

    html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
        width: 100%;
        left: 0;
    }

        html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
            top: auto;
            border-top: none !important;
            float: left;
        }

            html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
                border-top: none !important;
                border-bottom: 1px solid #000;
            }

            html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before {
                display: none;
            }

            html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul {
                opacity: 1;
                top: auto;
                margin: 0 !important;
                width: 100%;
                right: 0;
                left: 0;
                position: relative;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a {
                    border-top: none !important;
                }

            html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > il:not(:last-child) {
                border-left: 1px solid rgba(0,0,0,.1);
            }

            html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before {
                display: none;
            }

    html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li {
        width: 100%;
    }

        html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu {
            width: 100%;
        }

    html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul {
        pointer-events: auto;
    }

html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.rightNav > ul > li.btMenuWideDropdown > ul {
    width: 300%;
    left: -200%;
}

html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.leftNav > ul > li.btMenuWideDropdown > ul {
    width: 300%;
    right: -200%;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li {
    width: INF% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li {
    width: 100% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li {
    width: 50% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li {
    width: 33.33333% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li {
    width: 25% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li {
    width: 20% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li {
    width: 16.66667% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li {
    width: 14.28571% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li {
    width: 12.5% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li {
    width: 11.11111% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li {
    width: 10% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li {
    width: 9.09091% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li {
    width: 8.33333% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li {
    width: 7.69231% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li {
    width: 7.14286% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li {
    width: 6.66667% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li {
    width: 6.25% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li {
    width: 5.88235% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li {
    width: 5.55556% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li {
    width: 5.26316% !important;
}

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li {
    width: 5% !important;
}

/* Top bar */
.topBar {
    visibility: hidden;
}

.btMenuHorizontal .topBar {
    font-size: .8em;
    line-height: 42px;
    z-index: 2;
}

    .btMenuHorizontal .topBar .topBarPort {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .btMenuHorizontal .topBar .topBarPort:after,
        .btMenuHorizontal .topBar .topBarPort:before {
            display: none;
        }

.btDarkSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btDarkSkin.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar {
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.btLightSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btLightSkin .btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btLightAlternateHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.btMenuHorizontal .topBarInMenu {
    line-height: inherit;
    float: right;
    display: table;
    height: 100px;
    margin-left: 50px;
}

.rtl.btMenuHorizontal .topBarInMenu {
    float: left;
    margin-left: 0;
    margin-right: 50px;
}

.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
    line-height: 48px;
    display: table-cell;
    vertical-align: middle;
}

.btMenuHorizontal .btBelowLogoArea .topBarInMenu {
    height: 50px;
    line-height: 50px;
}

/* Menu bellow logo */
.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    padding: 0;
    z-index: 0;
}

.btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btDarkSkin.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    border-top: 1px solid rgba(255,255,255,.5);
}

.btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btLightSkin .btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    border-top: 1px solid rgba(0,0,0,.1);
}

.btMenuHorizontal.btMenuBelowLogo .menuPort {
    clear: both;
    position: relative;
    margin: 0;
    float: none;
}

    .btMenuHorizontal.btMenuBelowLogo .menuPort nav {
        padding: 0;
    }

.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
    float: right;
}

    .rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li {
        margin: 0 0 0 50px;
    }

        .rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li:last-child {
            margin: 0 !important;
        }

.btDarkSkin .btBelowLogoArea,
.btLightSkin .btDarkSkin .btBelowLogoArea,
.btDarkSkin.btLightSkin .btDarkSkin .btBelowLogoArea {
    border-color: rgba(255,255,255,.5) !important;
}

.btLightSkin .btBelowLogoArea,
.btDarkSkin .btLightSkin .btBelowLogoArea,
.btLightSkin .btDarkSkin .btLightSkin .btBelowLogoArea {
    border-color: rgba(0,0,0,.1) !important;
}

/* Header styles */
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal .topBar {
    position: relative;
}

.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a {
    color: #fff;
}

    .btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
    .btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
    .btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover,
    .btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover {
        color: #FF7F00 !important;
    }

/* Accent light */
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    background-color: #fff;
}

.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar {
    background-color: var(--main-color);
}

    .btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:before,
    .btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:before,
    .btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:before,
    .btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:before {
        display: block;
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000em;
        right: -2000em;
        background-color: var(--main-color);
    }

    .btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:after,
    .btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:after,
    .btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:after,
    .btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:after {
        content: ' ';
        display: table;
        width: 100%;
        clear: both;
    }

.btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
    background-color: transparent;
}

    .btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea,
    .btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .topBar {
        background-color: var(--main-color);
        padding-left: 20px;
        padding-right: 20px;
    }

    .btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea {
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
        box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    }

/* Light */
.btLightHeader.btMenuHorizontal .btBelowLogoArea,
.btLightHeader.btMenuHorizontal .topBar {
    position: relative;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a {
    color: #fff;
}

    .btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
    .btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
    .btLightSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover,
    .btDarkSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover {
        color: #FF7F00 !important;
    }

.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    background-color: #fff;
}

.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar {
    background-color: #232323;
}

    .btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:before,
    .btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:before,
    .btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:before,
    .btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:before {
        display: block;
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000em;
        right: -2000em;
        background-color: #232323;
        border-top: 1px solid rgba(0,0,0,.1);
    }

    .btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:after,
    .btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:after,
    .btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:after,
    .btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:after {
        content: ' ';
        display: table;
        width: 100%;
        clear: both;
    }

.btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
    background-color: transparent;
}

    .btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea,
    .btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .topBar {
        background-color: #232323;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea {
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
        box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    }

/* Accent dark */
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader {
    color: #fff;
}

    .btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a,
    .btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a {
        color: #fff;
    }

        .btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a:hover,
        .btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a:hover {
            color: #FF7F00 !important;
        }

.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    background-color: var(--main-color);
}

    .btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
    .btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
    .btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
    .btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
        position: relative;
        background-color: #232323;
    }

.btLightSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
    border-color: rgba(255,255,255,.35) !important;
}

.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:before,
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:before,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:before,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:before {
    display: block;
    content: ' ';
    position: absolute;
    top: -1px;
    bottom: 0;
    left: -2000em;
    right: -2000em;
    background-color: #232323;
    border-top: 1px solid rgba(0,0,0,.1);
}

.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:after,
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:after,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:after,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:after {
    content: ' ';
    display: table;
    width: 100%;
    clear: both;
}

.btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}

    .btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btLogoArea {
        background-color: var(--main-color);
        padding-left: 30px;
        padding-right: 30px;
    }

    .btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btBelowLogoArea,
    .btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .topBar {
        background-color: #232323;
        padding-left: 30px;
        padding-right: 30px;
    }

/* Light accent */
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea {
    color: #fff;
}

    .btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a,
    .btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a {
        color: #fff;
    }

        .btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover,
        .btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover {
            color: #FF7F00 !important;
        }

.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    background-color: var(--main-color);
}

    .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
    .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
    .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
    .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
        position: relative;
        background-color: #fff;
    }

        .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:before,
        .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:before,
        .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:before,
        .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:before {
            display: block;
            content: ' ';
            position: absolute;
            top: -1px;
            bottom: 0;
            left: -2000em;
            right: -2000em;
            background-color: #fff;
            border-top: 1px solid rgba(0,0,0,.1);
        }

        .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:after,
        .btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:after,
        .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:after,
        .btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:after {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

.btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}

    .btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btLogoArea {
        background-color: var(--main-color);
        padding-left: 30px;
        padding-right: 30px;
    }

    .btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btBelowLogoArea,
    .btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .topBar {
        background-color: #fff;
        padding-left: 30px;
        padding-right: 30px;
    }

/* Light alternate */
.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea {
    color: #fff;
}

    .btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a,
    .btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a {
        color: #fff;
    }

        .btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover,
        .btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover {
            color: var(--main-color) !important;
        }

.btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    background-color: #FF7F00;
}

    .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
    .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
    .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
    .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
        position: relative;
        background-color: #fff;
    }

        .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:before,
        .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:before,
        .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:before,
        .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:before {
            display: block;
            content: ' ';
            position: absolute;
            top: -1px;
            bottom: 0;
            left: -2000em;
            right: -2000em;
            background-color: #fff;
            border-top: 1px solid rgba(0,0,0,.1);
        }

        .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:after,
        .btLightAlternateHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:after,
        .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:after,
        .btLightAlternateHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:after {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

.btLightAlternateHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}

    .btLightAlternateHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btLogoArea {
        background-color: #FF7F00;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btLightAlternateHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btBelowLogoArea,
    .btLightAlternateHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .topBar {
        background-color: #fff;
        padding-left: 30px;
        padding-right: 30px;
    }

/* Sticky */
body.btMenuHorizontal.btStickyHeaderActive .mainHeader {
    position: fixed;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
        display: none;
    }

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea {
        padding: 0;
    }

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .logo img {
        height: 60px;
    }

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .btTextLogo {
        font-size: 1.5em;
        line-height: 60px;
    }

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .menuPort nav > ul > li > a {
        line-height: 60px;
    }

    body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .topBarInMenu {
        height: 60px;
    }

body.btMenuHorizontal.btStickyHeaderActive.btMenuBelowLogo .mainHeader .btLogoArea {
    display: none;
}

body.btMenuHorizontal.btStickyHeaderActive.btDarkSkin:not(.btAccentDarkHeader) .mainHeader {
    background-color: rgba(35,35,35,.9);
}

body.btMenuHorizontal.btStickyHeaderActive.btLightSkin:not(.btAccentDarkHeader) .mainHeader {
    background-color: rgba(255,255,255,.9);
}

body.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
    -webkit-transition: transform .5s cubic-bezier(.230,1,.320,1);
    -moz-transition: transform .5s cubic-bezier(.230,1,.320,1);
    transition: transform .5s cubic-bezier(.230,1,.320,1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Hide menu */
body.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger {
    display: block;
}

body.btMenuHorizontal.btHideMenu .menuPort {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.btShowMenu .menuPort {
    opacity: 1 !important;
}

/* Vertical and responsive menu */
.btVerticalMenuTrigger {
    display: none;
    position: relative;
    z-index: 1;
    margin: 0 .5em 0 -.5em;
    line-height: 60px;
    font-size: 1.5em;
}

.rtl .btVerticalMenuTrigger {
    margin: 0 -.5em 0 .5em;
}

.btMenuVertical > .menuPort {
    text-align: center;
    height: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    width: 320px;
    clear: both;
    -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
    -moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
    transition: transform 1s cubic-bezier(.230,1,.320,1);
    z-index: 101;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.touch .btMenuVertical > .menuPort {
    overflow: auto;
}

.btMenuVertical > .menuPort .btMainLogo {
    display: block !important;
}

.btMenuVertical > .menuPort .btAltLogo {
    display: none !important;
}

.btMenuVertical > .menuPort .logo {
    float: none;
    margin: 0;
    padding: 0 2em;
}

.btAccentDarkHeader.btMenuVertical > .menuPort .logo,
.btLightAccentHeader.btMenuVertical > .menuPort .logo {
    background-color: var(--main-color);
}

.btLightAlternateHeader.btMenuVertical > .menuPort .logo {
    background-color: #FF7F00;
}

.btMenuVertical > .menuPort .logo img {
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
}

.btMenuVertical > .menuPort .btCloseVertical {
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    right: 20px;
    top: 10px;
}

.rtl.btMenuVertical > .menuPort .btCloseVertical {
    right: auto;
    left: 20px;
}

.btMenuVertical > .menuPort .btCloseVertical:before {
    font-family: FontAwesome;
    content: '\f00d';
}

.btAccentDarkHeader.btMenuVertical > .menuPort .btCloseVertical:before,
.btLightAccentHeader.btMenuVertical > .menuPort .btCloseVertical:before,
.btLightAlternateHeader.btMenuVertical > .menuPort .btCloseVertical:before {
    color: #fff;
}

.btMenuVertical > .menuPort .btCloseVertical:before:hover {
    color: var(--main-color);
}

.btMenuVertical > .menuPort nav {
    margin: 0;
}

    .btMenuVertical > .menuPort nav ul {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

        .btMenuVertical > .menuPort nav ul li {
            padding: 0;
            position: relative;
            background-color: transparent;
        }

            .btMenuVertical > .menuPort nav ul li a {
                line-height: 1.1;
                padding: 15px 2em;
                border: none;
                font-weight: 400;
            }

            .btMenuVertical > .menuPort nav ul li li {
                font-size: .9em;
            }

            .btMenuVertical > .menuPort nav ul li:not(.current-menu-ancestor) > ul {
                display: none;
            }

        .btMenuVertical > .menuPort nav ul ul li {
            padding: 0;
            opacity: 1;
            border: none;
            background-color: transparent;
        }

            .btMenuVertical > .menuPort nav ul ul li ul {
                opacity: .8;
            }

                .btMenuVertical > .menuPort nav ul ul li ul li a {
                    border: none !important;
                }

    .btMenuVertical > .menuPort nav li.current-menu-ancestor > a,
    .btMenuVertical > .menuPort nav li.current-menu-item > a {
        font-weight: 600;
    }

.btMenuVertical .btVerticalMenuTrigger {
    display: block;
}

.btMenuVertical .menuScrollPort {
    width: 320px;
    overflow: hidden;
}

.btMenuVerticalRight > .menuPort {
    right: 0;
    -webkit-box-shadow: -2px 0 5px rgba(0,0,0,.1);
    box-shadow: -2px 0 5px rgba(0,0,0,.1);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.btMenuVerticalRight .btVerticalMenuTrigger {
    float: right;
}

.btMenuVerticalLeft > .menuPort {
    left: 0;
    -webkit-box-shadow: 2px 0 5px rgba(0,0,0,.10);
    box-shadow: 2px 0 5px rgba(0,0,0,.10);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.rtl.btMenuVerticalLeft > .menuPort {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    left: auto;
    right: 0;
}

.btMenuVerticalOn.rtl.btMenuVerticalLeft > .menuPort {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.btMenuVerticalLeft .btVerticalMenuTrigger {
    float: left;
}

.rtl.btMenuVerticalLeft .btVerticalMenuTrigger {
    float: right;
}

@media (min-width: 1200px) {
    .btMenuVerticalRight > .menuPort {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .btMenuVerticalLeft > .menuPort {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .btMenuVertical .menuPort,
    .btMenuVertical.btMenuVerticalOn .menuPort {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .btMenuVerticalLeft.btHideMenu .menuPort {
        -webkit-transform: translate3d(-320px,0,0);
        -moz-transform: translate3d(-320px,0,0);
        -ms-transform: translate3d(-320px,0,0);
        transform: translate3d(-320px,0,0);
    }

    .btMenuVerticalRight.btHideMenu .menuPort {
        -webkit-transform: translate3d(320px,0,0);
        -moz-transform: translate3d(320px,0,0);
        -ms-transform: translate3d(320px,0,0);
        transform: translate3d(320px,0,0);
    }

    .btMenuVerticalLeft.btHideMenu.btMenuVerticalOn > .menuPort {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .btMenuVerticalRight.btHideMenu.btMenuVerticalOn .menuPort {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .btMenuVertical.btMenuGutter .mainHeader {
        display: none;
    }

    .btMenuVertical.btMenuGutter.btHideMenu .mainHeader {
        display: block;
    }

    .btMenuVertical.btBelowMenu .btContentWrap {
        padding: 0 !important;
    }

    .btMenuVertical .gutter .port,
    .btMenuVerticalLeftOn.btMenuGutter .mainHeader .topBarPort,
    .btMenuVerticalRightOn.btMenuGutter .mainHeader .topBarPort {
        padding-left: 30px;
        padding-right: 30px;
    }

    .btMenuVerticalOn .btVerticalMenuTrigger .btIco a:before {
        color: var(--main-color) !important;
    }

    .btMenuVertical .btLogoArea .btVerticalMenuTrigger {
        display: none;
    }

    .btMenuVertical:not(.btHideMenu) .btLogoArea .logo,
    .btMenuVertical:not(.btHideMenu) .btCloseVertical {
        display: none;
    }

    .btMenuVertical.btHideMenu .btLogoArea .btVerticalMenuTrigger {
        display: block;
    }

    .btMenuVerticalLeft .btPageWrap,
    .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        margin: 0 0 0 320px;
    }

    .btMenuVerticalRight .btPageWrap,
    .btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        margin: 0 320px 0 0;
    }

    .btMenuVerticalRight.btHideMenu .btPageWrap,
    .btMenuVerticalLeft.btHideMenu .btPageWrap {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        margin: 0;
    }

    .btMenuVerticalLeft.btMenuVerticalOn.btHideMenu .btPageWrap {
        -webkit-transform: translate3d(320px,0,0);
        -moz-transform: translate3d(320px,0,0);
        -ms-transform: translate3d(320px,0,0);
        transform: translate3d(320px,0,0);
        margin: 0;
    }

    .btMenuVerticalRight.btMenuVerticalOn.btHideMenu .btPageWrap {
        -webkit-transform: translate3d(-320px,0,0);
        -moz-transform: translate3d(-320px,0,0);
        -ms-transform: translate3d(-320px,0,0);
        transform: translate3d(-320px,0,0);
        margin: 0;
    }
}

.btMenuVerticalOn .menuPort {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
    -moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
    transition: transform 1s cubic-bezier(.230,1,.320,1);
}

.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    -ms-transform: translateX(320px);
    transform: translateX(320px);
}

.rtl.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px);
}

.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px);
}

.btMenuVertical.btDarkSkin .menuPort {
    background-color: #232323;
    -webkit-box-shadow: 1px 0 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 0 rgba(255,255,255,.5);
}

.btMenuVertical.btLightSkin .menuPort {
    background-color: #fff;
    -webkit-box-shadow: 1px 0 0 0 rgba(0,0,0,.1);
    box-shadow: 1px 0 0 0 rgba(0,0,0,.1);
}

/* Header tools layout */
.btMenuHorizontal .btTopToolsRight,
.btMenuHorizontal .btTopToolsLeft {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.btMenuHorizontal .topBarInLogoArea {
    float: right;
    height: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.rtl.btMenuHorizontal .topBarInLogoArea {
    float: left;
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell {
    border: 0 solid var(--main-color);
}

/* Tools in vertical menu */
.btMenuVertical .menuPort .btEmptyElement {
    display: none;
}

.btMenuVertical .menuPort .btTopToolsRight,
.btMenuVertical .menuPort .btTopToolsLeft {
    max-width: none;
    float: none;
}

.btMenuVertical .menuPort .topBar {
    padding: 0;
}

.btMenuVertical .menuPort .topTools {
    position: static;
    padding: 10px 0 0;
    text-align: center;
    font-size: 14px;
}

.btMenuVertical .menuPort .topBarInLogoArea:after,
.btMenuVertical .menuPort .topBar:after {
    display: table;
    content: ' ';
    clear: both;
}

.btMenuVertical .menuPort .topBarInMenu {
    margin: 3em 0 0;
}

.btMenuVertical .menuPort nav:before,
.btMenuVertical .menuPort nav:after {
    display: inline-block;
    content: ' ';
    width: 85px;
    height: 4px;
    clear: both;
}

.btMenuVertical .menuPort nav:before {
    margin: 1em 0 1em;
}

.btMenuVertical .menuPort nav:after {
    margin: 1em 0 1em;
}

.btLightSkin nav:before,
.btDarkSkin .btLightSkin nav:before,
.btLightSkin .btDarkSkin .btLightSkin nav:before,
.btLightSkin nav:after,
.btDarkSkin .btLightSkin nav:after,
.btLightSkin .btDarkSkin .btLightSkin nav:after {
    background-color: #000;
}

.btDarkSkin nav:before,
.btLightSkin .btDarkSkin nav:before,
.btDarkSkin.btLightSkin .btDarkSkin nav:before,
.btDarkSkin nav:after,
.btLightSkin .btDarkSkin nav:after,
.btDarkSkin.btLightSkin .btDarkSkin nav:after {
    background-color: #fff;
}

.btSearchInner.btFromTopBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--main-color);
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 99998;
}

    .btSearchInner.btFromTopBox .btSearchInnerContent {
        position: relative;
    }

    .btSearchInner.btFromTopBox form {
        padding: 0 40px 0 0;
        margin: 3em 0;
        text-align: center;
        position: relative;
    }

.rtl .btSearchInner.btFromTopBox form {
    padding: 0 0 0 40px;
}

.btSearchInner.btFromTopBox form input[type="text"] {
    border: none;
    background: #fff;
    padding: 0 50px 0 20px;
    text-align: left;
    font-size: 22px;
    font-weight: 300;
    color: #333;
    line-height: 60px;
    height: 60px;
}

.rtl .btSearchInner.btFromTopBox form input[type="text"] {
    padding: 0 20px 0 50px;
    text-align: initial;
}

.btHardRoundedButtons .btSearchInner.btFromTopBox form input[type="text"] {
    border-radius: 50px;
}

.btSoftRoundedButtons .btSearchInner.btFromTopBox form input[type="text"] {
    border-radius: 3px;
}

.btSearchInner.btFromTopBox form button {
    position: absolute;
    right: 40px;
    top: 0;
    line-height: 60px;
    border-radius: 0;
    width: 60px;
    height: 60px;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.rtl .btSearchInner.btFromTopBox form button {
    right: auto;
    left: 40px;
}

.btSearchInner.btFromTopBox form button:before {
    font-family: FontAwesome;
    font-size: 21px;
    display: block;
    content: "\f002";
    color: #333;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}

.btSearchInner.btFromTopBox form button:hover:before {
    color: var(--main-color);
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
}

.btSearchInner.btFromTopBox .btSearchInnerClose {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    line-height: 58px;
    font-size: 1.5em;
}

.rtl .btSearchInner.btFromTopBox .btSearchInnerClose {
    right: auto;
    left: 0;
}

.btSearchInner.btFromTopBox .btSearchInnerClose .btIco {
    margin: 0;
}

    .btSearchInner.btFromTopBox .btSearchInnerClose .btIco .btIcoHolder:before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        color: #fff;
        -webkit-transition: transform 500ms ease;
        -moz-transition: transform 500ms ease;
        transition: transform 500ms ease;
    }

    .btSearchInner.btFromTopBox .btSearchInnerClose .btIco:hover a.btIcoHolder:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: .5;
    }

.btTopToolsSearchOpen .btSearchInner.btFromTopBox {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

/* iScroll */
.btDarkSkin .iScrollIndicator,
.btLightSkin .btDarkSkin .iScrollIndicator,
.btDarkSkin.btLightSkin .btDarkSkin .iScrollIndicator {
    background-color: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}

/* Prevent horizontal scroll on small screens when menu is open */
body.btMenuVerticalOn {
    position: relative;
    width: 100vw;
    overflow: hidden;
}

/* IE10 Menu Fix */
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li > ul {
    opacity: 1;
    pointer-events: auto;
    display: none;
}

html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul {
    display: block;
}

    html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul {
        display: none;
    }

    html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul {
        display: block;
    }

        html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul {
            display: none;
        }

        html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul {
            display: block;
        }

/* Footer */
/*.btPageWrap > footer {
	border-top: 3px solid $(accentColor);
}*/
/* Footer copyright */
.btSiteFooter {
    font-size: .9em;
}

    .btSiteFooter .port {
        max-width: 1140px;
        margin: auto;
    }

    .btSiteFooter .copyLine {
        margin-bottom: 0;
    }

    .btSiteFooter .menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .btSiteFooter .menu li {
            display: inline-block;
            margin: 0 15px 0 0;
            padding: 0;
        }

            .btSiteFooter .menu li:last-child {
                margin: 0;
            }

.btSiteFooterWidgets {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}

    .btSiteFooterWidgets .btBox {
        background-color: transparent;
    }

        .btSiteFooterWidgets .btBox .btImage img {
            margin: initial;
        }

.btSiteFooter .port .btFooterCopy,
.btSiteFooter .port .btFooterMenu {
    padding-bottom: 2em;
}

.btSiteFooter .port:before {
    content: '';
    clear: both;
    width: 100%;
    display: block;
    height: 4px;
    background-color: #fff;
    margin-bottom: 2em;
}

.btLightSkin .btSiteFooterWidgets,
.btDarkSkin .btLightSkin .btSiteFooterWidgets,
.btLightSkin .btDarkSkin .btLightSkin .btSiteFooterWidgets {
    background: #fff;
}

.btLightSkin .btSiteFooter,
.btDarkSkin .btLightSkin .btSiteFooter,
.btLightSkin .btDarkSkin .btLightSkin .btSiteFooter {
    background: #fff;
}

    .btLightSkin .btSiteFooter .port:before,
    .btDarkSkin .btLightSkin .btSiteFooter .port:before,
    .btLightSkin .btDarkSkin .btLightSkin .btSiteFooter .port:before {
        background-color: #000;
    }

.btDarkSkin .btSiteFooterWidgets,
.btLightSkin .btDarkSkin .btSiteFooterWidgets,
.btDarkSkin.btLightSkin .btDarkSkin .btSiteFooterWidgets {
    background: #232323;
}

.btDarkSkin .btSiteFooter,
.btLightSkin .btDarkSkin .btSiteFooter,
.btDarkSkin.btLightSkin .btDarkSkin .btSiteFooter {
    background: #232323;
}

    .btDarkSkin .btSiteFooter .port:before,
    .btLightSkin .btDarkSkin .btSiteFooter .port:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btSiteFooter .port:before {
        background-color: var(--main-color);
    }

section footer,
article footer {
    border-top: none;
}

/* Single post */
.sticky .headline:before {
    content: '\e69b';
    font-family: Icon7Stroke;
    display: block;
    float: left;
    margin-right: .4em;
    font-size: .7em;
    padding-top: .3em;
}

.sticky .btBlogSimpleViewCategories .headline:before {
    content: '';
}

.boldArticleBody .port,
.btArticleBody .port {
    padding: 0 !important;
}

@media (min-width: 1200px) {
    .btPostSingleItemStandard .btArticleBody {
        padding: 0 120px 20px 0;
    }
}

.btAboutAuthor {
    display: table;
    width: 100%;
}

.btLightSkin .btAboutAuthor,
.btDarkSkin .btLightSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btLightSkin .btAboutAuthor {
    border-top: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btAboutAuthor,
.btDarkSkin.btLightSkin .btDarkSkin .btAboutAuthor {
    border-top: 1px solid rgba(255,255,255,.5);
}

.btAboutAuthor .aaAvatar {
    display: table-cell;
    vertical-align: top;
    padding: 20px 10px;
    width: 150px;
}

    .btAboutAuthor .aaAvatar img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 50%;
    }

.btAboutAuthor .aaAvatar {
    width: 150px;
}

.btAboutAuthor .aaTxt {
    display: table-cell;
    vertical-align: top;
    padding: 1em;
}

    .btAboutAuthor .aaTxt h1,
    .btAboutAuthor .aaTxt h2,
    .btAboutAuthor .aaTxt h3,
    .btAboutAuthor .aaTxt h4,
    .btAboutAuthor .aaTxt h5,
    .btAboutAuthor .aaTxt h6,
    .btAboutAuthor .aaTxt h7,
    .btAboutAuthor .aaTxt h8 {
        font-size: 1.3em;
    }

/* Media box */
.btMediaBox {
    position: relative;
    overflow: hidden;
}

    .btMediaBox img {
        display: block;
        width: auto;
        height: auto;
    }

    .btMediaBox .aspectVideo {
        visibility: hidden;
        width: 100%;
    }

    .btMediaBox iframe {
        display: block;
        border: none;
    }

    .btMediaBox.video iframe {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
        border: none;
    }

    .btMediaBox.audio iframe {
        display: block;
        width: 100% !important;
    }

    .btMediaBox.btQuote,
    .btMediaBox.btLink {
        text-align: center;
        position: relative;
        display: block;
        padding: 30px;
        margin: 0;
        background-color: var(--main-color);
        font-weight: 300;
        padding: 45px;
    }

        .btMediaBox.btQuote p:before,
        .btMediaBox.btLink p:before {
            display: block;
            text-align: center;
            font: 1.2em/1.2em Icon7Stroke;
        }

        .btMediaBox.btQuote p,
        .btMediaBox.btLink p {
            font-size: 3em;
            line-height: 1.3em;
            margin: .3em;
        }

.gridItem .btMediaBox.btQuote p,
.gridItem .btMediaBox.btLink p {
    font-size: 1.5em;
    line-height: inherit;
}

.btMediaBox.btQuote cite,
.btMediaBox.btLink cite {
    display: inline-block;
    padding: 20px 0 0;
    border-top: 1px solid #fff;
    margin: 0;
    font-size: 1em;
}

.btMediaBox.btQuote a,
.btMediaBox.btLink a {
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btMediaBox.btQuote a:hover,
    .btMediaBox.btLink a:hover {
        color: #fff;
        opacity: .6;
    }

.btMediaBox.btLink p:before {
    content: "\e641";
}

.btMediaBox.btQuote p:before {
    content: "\e635";
}

.single .btMediaBox,
.blog .btMediaBox,
.archive .btMediaBox,
.search .btMediaBox {
    margin-bottom: 1em;
}

.single .btGhost .header {
    display: inline-block;
}

.btBlogColumnView .btMediaBox.btQuote p:before,
.btBlogColumnView .btMediaBox.btLink p:before {
    font: 2em/2em Icon7Stroke;
}

.btBlogColumnView .btMediaBox.btQuote p,
.btBlogColumnView .btMediaBox.btLink p {
    font-size: 2em;
    margin-bottom: .5em;
}

/* Article list */
.btArticleListItem {
    margin-bottom: 60px;
}

.btDarkSkin .btArticleListItem .headline a,
.btLightSkin .btDarkSkin .btArticleListItem .headline a,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleListItem .headline a {
    color: #fff;
}

.btLightSkin .btArticleListItem .headline a,
.btDarkSkin .btLightSkin .btArticleListItem .headline a,
.btLightSkin .btDarkSkin .btLightSkin .btArticleListItem .headline a {
    color: #000;
}

.btArticleListItem .headline a:hover {
    color: var(--main-color);
}

/* Simple view */
.btArticleListItem.btBlogSimpleView {
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.btBlogSimpleView {
    padding-left: 0 !important;
}

    .btBlogSimpleView .header .btSuperTitle,
    .btBlogSimpleView .header .btSubTitle {
        font-size: .8em !important;
        text-transform: uppercase;
    }

    .btBlogSimpleView .asgItem.avatar img {
        border-radius: 50%;
        max-width: 100px;
        float: left;
        margin-bottom: 10px;
    }

/* Column view */
.btArticleListItem.btBlogColumnView .header .btSuperTitle,
.btArticleListItem.btBlogColumnView .header .btSubTitle,
.btPostSingleItemColumns .header .btSuperTitle,
.btPostSingleItemColumns .header .btSubTitle {
    font-size: .8em !important;
    text-transform: uppercase;
}

.btArticleListItem.btBlogColumnView {
    margin-bottom: 37.5px;
    padding-bottom: 22.5px;
}

.btDarkSkin .btArticleListItem.btBlogColumnView,
.btLightSkin .btDarkSkin .btArticleListItem.btBlogColumnView,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleListItem.btBlogColumnView {
    border-bottom: 3px solid rgba(255,255,255,.3);
}

.btLightSkin .btArticleListItem.btBlogColumnView,
.btDarkSkin .btLightSkin .btArticleListItem.btBlogColumnView,
.btLightSkin .btDarkSkin .btLightSkin .btArticleListItem.btBlogColumnView {
    border-bottom: 3px solid rgba(0,0,0,.07);
}

/* Comments */
body:not(.woocommerce) .btCommentsBox .form-submit {
    margin-bottom: 0;
}

.btCommentsBox {
    margin: 0 0 1em;
}

    .btCommentsBox > h1,
    .btCommentsBox > h2,
    .btCommentsBox > h3,
    .btCommentsBox > h4,
    .btCommentsBox > h5,
    .btCommentsBox > h6,
    .btCommentsBox > h7,
    .btCommentsBox > h8 {
        margin: 0;
        padding: 0;
        font-size: 1.3em;
    }

    .btCommentsBox ul.comments,
    .btCommentsBox ul.comments li.comment {
        list-style: none;
        display: block;
        padding-left: 0;
        margin-left: 0;
        margin-top: 1em;
    }

        .btCommentsBox ul.comments > li,
        .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
            display: block;
            margin: 0;
        }

.btLightSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li,
.btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
    border-top: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .btCommentsBox ul.comments > li,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
    border-top: 1px solid rgba(255,255,255,.5);
}

.btCommentsBox ul.comments li > article {
    margin: 0;
    position: relative;
    width: 100%;
    display: table;
}

    .btCommentsBox ul.comments li > article .commentTxt {
        padding: 20px 0 30px 0;
        display: table-cell;
    }

    .btCommentsBox ul.comments li > article .commentAvatar {
        width: 75px;
        display: table-cell;
        vertical-align: top;
        padding: 20px 10px;
    }

        .btCommentsBox ul.comments li > article .commentAvatar img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 50%;
        }

.btCommentsBox ul.comments ul article {
    padding: 0 0 0 40px;
}

.btCommentsBox ul.children {
    margin: 0 0 0 20px;
}

.btCommentsBox input,
.btCommentsBox textarea {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btCommentsBox .btComment {
    line-height: 0;
}

    .btCommentsBox .btComment textarea,
    .btCommentsBox .btComment label {
        line-height: 1.8;
    }

.btCommentsBox .vcard {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
}

    .btCommentsBox .vcard h1.author,
    .btCommentsBox .vcard h2.author,
    .btCommentsBox .vcard h3.author,
    .btCommentsBox .vcard h4.author,
    .btCommentsBox .vcard h5.author,
    .btCommentsBox .vcard h6.author,
    .btCommentsBox .vcard h7.author,
    .btCommentsBox .vcard h8.author {
        margin: 0;
        padding: 0;
        line-height: 1.3;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .btCommentsBox .vcard .posted {
        margin: 0;
        opacity: .8;
        line-height: 1.15;
        text-align: right;
        padding: 0 0 0 10px;
        font-family: "Montserrat";
        font-size: .9em;
    }

.rtl .btCommentsBox .vcard .posted {
    text-align: left;
    padding: 0 10px 0 0;
}

.woocommerce .btCommentsBox .vcard .star-rating {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

    .woocommerce .btCommentsBox .vcard .star-rating strong {
        display: none;
    }

.woocommerce.rtl .btCommentsBox .vcard .star-rating {
    right: auto;
    left: 0;
}

.btCommentsBox .comment {
    clear: both;
}

.btCommentsBox .commentTxt p.edit-link,
.btCommentsBox .commentTxt p.reply {
    float: left;
    margin: 0 2em 0 0;
    font-family: "Montserrat";
    font-size: .9em;
}

    .btCommentsBox .commentTxt p.edit-link a,
    .btCommentsBox .commentTxt p.reply a {
        opacity: .5;
    }

        .btCommentsBox .commentTxt p.edit-link a:hover,
        .btCommentsBox .commentTxt p.reply a:hover {
            opacity: 1;
        }

.rtl .btCommentsBox .commentTxt p.edit-link,
.rtl .btCommentsBox .commentTxt p.reply {
    float: right;
    margin: 0 0 0 2em;
}

.btCommentsBox .commentTxt p.reply {
    clear: left;
}

.rtl .btCommentsBox .commentTxt p.reply {
    clear: right;
}

.btCommentsBox .comment-form {
    padding-bottom: 20px;
}

.btCommentsBox .comment-navigation {
    text-align: right;
    clear: right;
}

    .btCommentsBox .comment-navigation a,
    .btCommentsBox .comment-navigation span {
        display: inline-block;
    }

    .btCommentsBox .comment-navigation span {
        margin: 0 5px;
    }

.comment-respond .btnOutline button[type="submit"] {
    font-family: "Montserrat";
    margin: -7px -12px;
    padding: 7px 20px;
    height: 41px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
    font-weight: 700;
}

a#cancel-comment-reply-link {
    font-weight: 300;
    display: inline-block;
    margin: 0 0 0 1em;
    padding: 0 0 0 .9em;
    float: right;
}

    a#cancel-comment-reply-link:hover {
        color: var(--main-color);
    }

/* Image alignment (unit test) */
.btContentHolder .alignleft {
    float: left;
    margin: 0 15px 0 0;
}

.btContentHolder .alignright {
    float: right;
    margin: 0 0 0 15px;
}

.btContentHolder .aligncenter,
.btContentHolder .btContent .alignnone {
    text-align: center;
    margin: 0 auto;
}

.btContentHolder figure.aligncenter,
.btContentHolder .btContent figure.alignnone {
    margin: 0 auto 15px;
}

.btContentHolder .alignnone {
    width: auto !important;
}

/* Password protection (unit test) */
.post-password-form input[type="password"] {
    padding: 10px;
    height: 38px;
    border: 1px solid rgba(0,0,0,.1);
    width: 100%;
    display: block;
    margin: 0 0 15px;
}

.post-password-form input[type="submit"] {
    display: block;
    margin: 0 auto;
    color: #FFF;
    width: auto;
    height: 38px;
    background: var(--main-color);
    border: 0;
    cursor: pointer;
    padding: 0 15px;
    font-family: "Montserrat";
}

/* Pagination */
.btPagination {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 1em;
    line-height: 38px;
}

    .btPagination :after {
        display: table;
        content: " ";
        width: 100%;
        clear: both;
    }

    .btPagination .paging.onLeft {
        float: left;
    }

    .btPagination .paging.onRight {
        float: right;
    }

    .btPagination .paging {
        padding-bottom: 2em;
    }

        .btPagination .paging a {
            display: block;
        }

        .btPagination .paging p {
            margin: 0;
        }

        .btPagination .paging a:after {
            width: 38px;
            height: 38px;
            display: block;
            text-align: center;
            font: 28px/34px Icon7Stroke;
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            transition: all 500ms ease;
            border-radius: 6px;
        }

.btDarkSkin .btPagination .paging a:after,
.btLightSkin .btDarkSkin .btPagination .paging a:after,
.btDarkSkin.btLightSkin .btDarkSkin .btPagination .paging a:after {
    border: 2px solid #fff;
    color: #fff;
}

.btLightSkin .btPagination .paging a:after,
.btDarkSkin .btLightSkin .btPagination .paging a:after,
.btLightSkin .btDarkSkin .btLightSkin .btPagination .paging a:after {
    border: 2px solid #000;
    color: #000;
}

.btPagination .paging a:hover:after {
    border-color: var(--main-color);
}

.btPagination .paging .pagePrev a:after {
    content: "\e686";
    float: left;
    margin: 0 10px 0 0;
}

.btPagination .paging .pageNext a:after {
    content: "\e684";
    float: right;
    margin: 0 0 0 10px;
}

/* Linked pages in a single post (unit test) */
.btLinkPages ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 30px;
}

    .btLinkPages ul li {
        list-style: none;
        display: inline-block;
    }

/* Author avatar in list */
.articleSideGutter {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    width: 100px;
}

    .articleSideGutter .date {
        opacity: .8;
    }

.rtl .articleSideGutter {
    left: auto;
    right: 0;
}

.articleSideGutter .asgItem.title {
    margin: 4px 0 0;
}

.btHasAuthorInfo .btArticleListBody {
    padding: 0 0 0 120px;
}

.rtl .btHasAuthorInfo .btArticleListBody {
    padding: 0 120px 0 0;
}

/* Photo slide */
.boldPhotoSlide {
    position: relative;
}

.single .boldPhotoSlide {
    padding: 0 15px;
}

    .single .boldPhotoSlide h4.nbs {
        margin: 0 30px !important;
    }

/* Galleries (unit test) */
.gallery {
    margin-bottom: 1.6em;
}

    .gallery .gallery-item {
        display: inline-block;
        padding: 0 4px;
        text-align: center;
        vertical-align: top;
        width: 100%;
        margin: 0;
    }

.gallery-columns-2 .gallery .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery .gallery-item {
    max-width: 11.11%;
}

@media (max-width: 1200px) {
    .gallery-item {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    display: block;
    padding: 5px 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* Inner text special Rapid composer */
span.enhanced {
    display: block;
    float: left;
    margin: 0 .3em .1em 0;
    padding: 0;
    width: 1.8em;
    font-size: 1.8em;
    height: 1.8em;
    line-height: 1.6em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #333;
    border-radius: 1.8em;
}

.btLightSkin span.enhanced,
.btDarkSkin .btLightSkin span.enhanced,
.btLightSkin .btDarkSkin .btLightSkin span.enhanced {
    border-color: #333;
}

.btDarkSkin span.enhanced,
.btLightSkin .btDarkSkin span.enhanced,
.btDarkSkin.btLightSkin .btDarkSkin span.enhanced {
    border-color: #333;
}

span.btHighlight {
    display: inline-block;
    padding: .06em .5em;
    background-color: var(--main-color);
    color: #fff;
}

/* Post categories, comments, date and author spans */
.header .btSubTitle span,
.header .btSubTitle p,
.header .btSubTitle a,
.header .btSuperTitle span span,
.header .btSuperTitle span p,
.header .btSuperTitle span a {
    display: inline-block;
}

.header .btSubTitle .btArticleDate,
.header .btSubTitle .btArticleAuthor,
.header .btSubTitle .btArticleComments,
.header .btSubTitle .btArticleCategories,
.header .btSuperTitle span .btArticleDate,
.header .btSuperTitle span .btArticleAuthor,
.header .btSuperTitle span .btArticleComments,
.header .btSuperTitle span .btArticleCategories {
    display: inline-block;
}

.btArticleCategories {
    text-transform: uppercase;
}

    .btArticleCategories a:not(:first-child):before {
        content: ' ';
        display: inline-block;
        margin: -2px 10px 0 10px;
        letter-spacing: inherit;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        line-height: inherit;
        vertical-align: middle;
        background-color: var(--main-color);
    }

.btDarkSkin .btArticleCategories a:not(:first-child):before,
.btLightSkin .btDarkSkin .btArticleCategories a:not(:first-child):before,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories a:not(:first-child):before {
    background-color: #fff;
}

.btLightSkin .btArticleCategories a:not(:first-child):before,
.btDarkSkin .btLightSkin .btArticleCategories a:not(:first-child):before,
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories a:not(:first-child):before {
    background-color: #333;
}

.btArticleDate:not(:last-child):after,
.btArticleAuthor:not(:last-child):after,
.btArticleComments:not(:last-child):after,
.btArticleCategories:not(:last-child):after {
    content: ' / ';
    padding: 0 .5em;
}

.btLightSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btArticleCategories:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after {
    color: #333;
}

.btDarkSkin .btArticleDate:not(:last-child):after,
.btDarkSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin .btArticleComments:not(:last-child):after,
.btDarkSkin .btArticleCategories:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after {
    color: #fff;
}

.btLightSkin .btArticleDate:not(:last-child),
.btLightSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btArticleComments:not(:last-child),
.btLightSkin .btArticleCategories:not(:last-child),
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child),
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child),
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child) {
    border-color: rgba(0,0,0,.1);
}

.btDarkSkin .btArticleDate:not(:last-child),
.btDarkSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btArticleComments:not(:last-child),
.btDarkSkin .btArticleCategories:not(:last-child),
.btLightSkin .btDarkSkin .btArticleDate:not(:last-child),
.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btDarkSkin .btArticleComments:not(:last-child),
.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child) {
    border-color: rgba(255,255,255,.5) !important;
}

.btArticleComments:before {
    font-family: FontAwesome;
    content: "\f075";
    margin: 0;
    display: inline-block;
}

body:not(.rtl) .btArticleComments:before {
    margin-right: 5px;
}

body.rtl .btArticleComments:before {
    margin-left: 5px;
}

.btLightSkin .btArticleComments:before,
.btDarkSkin .btLightSkin .btArticleComments:before,
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:before {
    color: rgba(51,51,51,.4);
}

.btDarkSkin .btArticleComments:before,
.btLightSkin .btDarkSkin .btArticleComments:before,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:before {
    color: rgba(255,255,255,.4);
}

/* Portfolio Item */
.btPortfolioSubtitle {
    display: block;
    opacity: .3;
    font-size: .75em;
}

.btArticleMeta {
    font-family: "Montserrat";
    font-size: .9em;
}

    .btArticleMeta dd,
    .btArticleMeta dt {
        display: block;
        clear: left;
        padding-right: 0;
    }

    .btArticleMeta dd {
        padding-bottom: 1em;
    }

/* Unit test specific */
.bypostauthor {
    font-size: inherit;
}

/* btBox defaults */
.btBox {
    margin-bottom: 4em;
}

    /* Base typography */
    .btBox > h4,
    .btCustomMenu > h4,
    .btTopBox > h4 {
        font-size: 1.3em;
        margin-bottom: .75em;
    }

.btSidebar .btBox > h4,
.btSiteFooterWidgets .btBox > h4,
.btSidebar .btCustomMenu > h4,
.btSiteFooterWidgets .btCustomMenu > h4,
.btSidebar .btTopBox > h4,
.btSiteFooterWidgets .btTopBox > h4 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.btBox h5,
.btCustomMenu h5,
.btTopBox h5 {
    font-size: 1.4em;
    margin-bottom: .35em;
}

body:not(.btNoDashInSidebar) .btBox > h4:after,
body:not(.btNoDashInSidebar) .btCustomMenu > h4:after,
body:not(.btNoDashInSidebar) .btTopBox > h4:after {
    content: ' ';
    clear: both;
    width: 3em;
    display: block;
    border-bottom: 3px solid var(--main-color);
    margin: .5em 0 .6em;
}

.btBox header.small h1,
.btBox header.small h2,
.btBox header.small h3,
.btBox header.small h4,
.btBox header.small h5,
.btBox header.small h6,
.btBox header.small h7,
.btBox header.small h8,
.btCustomMenu header.small h1,
.btCustomMenu header.small h2,
.btCustomMenu header.small h3,
.btCustomMenu header.small h4,
.btCustomMenu header.small h5,
.btCustomMenu header.small h6,
.btCustomMenu header.small h7,
.btCustomMenu header.small h8,
.btTopBox header.small h1,
.btTopBox header.small h2,
.btTopBox header.small h3,
.btTopBox header.small h4,
.btTopBox header.small h5,
.btTopBox header.small h6,
.btTopBox header.small h7,
.btTopBox header.small h8 {
    font-size: 1em;
}

.btBox label,
.btCustomMenu label,
.btTopBox label {
    display: none;
}

.btBox .wp-caption,
.btCustomMenu .wp-caption,
.btTopBox .wp-caption {
    margin-bottom: .5em;
}

.btBox select,
.btCustomMenu select,
.btTopBox select {
    display: block;
    margin: .5em 0 0;
    width: 100%;
    padding: .5em;
}

.btBox ul,
.btCustomMenu ul,
.btTopBox ul {
    list-style: none;
    margin: 0;
    display: block;
    padding: 0;
}

    .btBox ul li,
    .btCustomMenu ul li,
    .btTopBox ul li {
        display: block;
        width: auto;
        margin: 0;
        position: relative;
        padding: .8em 0;
        margin-left: 0;
    }

        .btBox ul li a,
        .btCustomMenu ul li a,
        .btTopBox ul li a {
            display: block;
            line-height: 1.35;
        }

.btLightSkin .btBox ul li,
.btDarkSkin .btLightSkin .btBox ul li,
.btLightSkin .btDarkSkin .btLightSkin .btBox ul li,
.btLightSkin .btCustomMenu ul li,
.btDarkSkin .btLightSkin .btCustomMenu ul li,
.btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li,
.btLightSkin .btTopBox ul li,
.btDarkSkin .btLightSkin .btTopBox ul li,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li {
    border-bottom: 1px solid rgba(0,0,0,.07);
}

.btDarkSkin .btBox ul li,
.btLightSkin .btDarkSkin .btBox ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btBox ul li,
.btDarkSkin .btCustomMenu ul li,
.btLightSkin .btDarkSkin .btCustomMenu ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li,
.btDarkSkin .btTopBox ul li,
.btLightSkin .btDarkSkin .btTopBox ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.btBox ul li ul,
.btCustomMenu ul li ul,
.btTopBox ul li ul {
    margin: .5em 0 0;
    padding: .5em 0 0;
}

.btLightSkin .btBox ul li ul,
.btDarkSkin .btLightSkin .btBox ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btBox ul li ul,
.btLightSkin .btCustomMenu ul li ul,
.btDarkSkin .btLightSkin .btCustomMenu ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li ul,
.btLightSkin .btTopBox ul li ul,
.btDarkSkin .btLightSkin .btTopBox ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li ul {
    border-top: 1px solid rgba(0,0,0,.07);
}

.btDarkSkin .btBox ul li ul,
.btLightSkin .btDarkSkin .btBox ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btBox ul li ul,
.btDarkSkin .btCustomMenu ul li ul,
.btLightSkin .btDarkSkin .btCustomMenu ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li ul,
.btDarkSkin .btTopBox ul li ul,
.btLightSkin .btDarkSkin .btTopBox ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li ul {
    border-top: 1px solid rgba(255,255,255,.3);
}

.btBox ul li ul li a,
.btCustomMenu ul li ul li a,
.btTopBox ul li ul li a {
    padding-left: 15px;
}

.btBox ul li ul li ul,
.btBox ul li ul li li,
.btCustomMenu ul li ul li ul,
.btCustomMenu ul li ul li li,
.btTopBox ul li ul li ul,
.btTopBox ul li ul li li {
    padding-left: 0;
}

    .btBox ul li ul li li a,
    .btCustomMenu ul li ul li li a,
    .btTopBox ul li ul li li a {
        padding-left: 30px;
    }

.btBox ul li.current-menu-item > a,
.btCustomMenu ul li.current-menu-item > a,
.btTopBox ul li.current-menu-item > a {
    color: var(--main-color);
}

.btSidebar .btBox ul li:first-child,
.btSidebar .btCustomMenu ul li:first-child,
.btSidebar .btTopBox ul li:first-child {
    padding-top: 0;
}

.btBox ul li:after,
.btCustomMenu ul li:after,
.btTopBox ul li:after {
    clear: both;
    content: " ";
    display: block;
}

.btBox ul li li:last-child,
.btCustomMenu ul li li:last-child,
.btTopBox ul li li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.btBox .ppImage,
.btCustomMenu .ppImage,
.btTopBox .ppImage {
    display: table-cell;
    vertical-align: top;
    width: 36%;
}

    .btBox .ppImage a,
    .btCustomMenu .ppImage a,
    .btTopBox .ppImage a {
        display: block;
        line-height: 0;
        padding-right: 10px;
    }

.rtl .btBox .ppImage a,
.rtl .btCustomMenu .ppImage a,
.rtl .btTopBox .ppImage a {
    padding-right: 0;
    padding-left: 10px;
}

.btBox .ppImage a img,
.btCustomMenu .ppImage a img,
.btTopBox .ppImage a img {
    margin: 0;
    border: 1px solid rgba(0,0,0,.1);
    max-width: 100%;
    width: 100%;
    height: auto;
}

.btBox .ppTxt,
.btCustomMenu .ppTxt,
.btTopBox .ppTxt {
    display: table-cell;
    overflow: hidden;
    text-align: initial;
}

.mainHeader .btBox .ppTxt,
.mainHeader .btCustomMenu .ppTxt,
.mainHeader .btTopBox .ppTxt {
    vertical-align: middle;
    line-height: 1.15;
}

.btBox .ppTxt .header,
.btCustomMenu .ppTxt .header,
.btTopBox .ppTxt .header {
    margin-bottom: 0;
}

    .btBox .ppTxt .header .headline a,
    .btCustomMenu .ppTxt .header .headline a,
    .btTopBox .ppTxt .header .headline a {
        color: inherit;
    }

        .btBox .ppTxt .header .headline a a:hover,
        .btCustomMenu .ppTxt .header .headline a a:hover,
        .btTopBox .ppTxt .header .headline a a:hover {
            color: var(--main-color);
        }

    .btBox .ppTxt .header .btSuperTitle,
    .btCustomMenu .ppTxt .header .btSuperTitle,
    .btTopBox .ppTxt .header .btSuperTitle {
        color: inherit;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .btBox .ppTxt .header .btSubTitle,
    .btCustomMenu .ppTxt .header .btSubTitle,
    .btTopBox .ppTxt .header .btSubTitle {
        color: inherit;
        margin-bottom: 0;
    }

        .btBox .ppTxt .header .btSubTitle .star-rating,
        .btCustomMenu .ppTxt .header .btSubTitle .star-rating,
        .btTopBox .ppTxt .header .btSubTitle .star-rating {
            line-height: 1;
            font-size: .75em;
        }

            .btBox .ppTxt .header .btSubTitle .star-rating .rating,
            .btCustomMenu .ppTxt .header .btSubTitle .star-rating .rating,
            .btTopBox .ppTxt .header .btSubTitle .star-rating .rating {
                display: none;
            }

.btBox p.posted,
.btBox .quantity,
.btCustomMenu p.posted,
.btCustomMenu .quantity,
.btTopBox p.posted,
.btTopBox .quantity {
    font-weight: 600;
    margin: 0;
    font-size: .8em;
    font-family: Montserrat;
}

.btSiteFooterWidgets ul li {
    width: 49%;
    float: left;
}

.btTextRight .btSiteFooterWidgets ul li {
    float: right;
}

.btSiteFooterWidgets ul li:nth-child(-n + 2) {
    padding-top: 0;
}

.btTextLeft .btSiteFooterWidgets ul li:nth-child(2n) {
    margin-left: 2%;
}

.btTextRight .btSiteFooterWidgets ul li:nth-child(2n) {
    margin-right: 2%;
}

/* Popular posts BT */
.popularPosts {
    padding-top: .2em;
}

    .popularPosts ul li {
        padding: 0 0 10px;
        border: none !important;
    }

/* Calendar */
.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

    .widget_calendar table caption {
        background: var(--main-color);
        color: #FFF;
        font-family: "Montserrat";
        font-weight: 700;
        padding: 5px;
    }

    .widget_calendar table thead th {
        text-align: center;
        padding: 3px;
    }

    .widget_calendar table tfoot td {
        padding: 3px;
    }

        .widget_calendar table tfoot td#next {
            text-align: right;
        }

    .widget_calendar table tbody tr:nth-child(odd) td {
        background: transparent;
    }

    .widget_calendar table tbody td {
        text-align: center;
        padding: 2px 3px;
    }

/* Archives */
.widget_archive ul li strong,
.btBox.widget_categories ul li strong {
    text-align: center;
    display: block;
    float: right;
    margin-left: .5em;
}

/* Pages */
/* Recent comments */
.widget_recent_comments .comment-author-link a {
    font-weight: 700;
    display: inline;
    padding: 0;
}

/* RSS */
.widget_rss li {
    margin-bottom: 15px;
}

    .widget_rss li a.rsswidget {
        font-family: "Montserrat";
        font-weight: 700;
    }

    .widget_rss li .rss-date {
        display: block;
        margin: 0 0 5px;
    }

    .widget_rss li cite {
        line-height: 2em;
    }

/* Dropdown archives */
.fancy-select {
    position: relative;
}

    .fancy-select .trigger {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        position: relative;
        cursor: pointer;
        padding: .3em 0 .3em 1em;
    }

.rtl .fancy-select .trigger {
    padding: .3em 1em .3em 0;
}

.fancy-select .trigger:before {
    content: '\f078';
    font-family: FontAwesome;
    display: block;
    float: right;
    padding-right: .5em;
}

.rtl .fancy-select .trigger:before {
    float: left;
    padding-right: 0;
    padding-left: .5em;
}

.fancy-select .trigger.open:before {
    content: '\f077';
}

.fancy-select .trigger.open {
    color: var(--main-color);
}

.fancy-select .options {
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    list-style: none;
    max-height: 320px;
    overflow: auto;
    border: 1px solid rgba(0,0,0,.07);
    background-color: #fff;
    color: #333;
}

    .fancy-select .options.open {
        z-index: 20;
        display: block;
    }

    .fancy-select .options.overflowing {
        top: auto;
        bottom: 2.4em;
    }

.fancy-select ul.options {
    padding: 0;
    margin: 0;
}

    .fancy-select ul.options li {
        cursor: pointer;
        padding-left: 1em;
        margin: 0;
    }

        .fancy-select ul.options li:hover {
            color: var(--main-color);
        }

/* Woo commerce widgets */
/* Card widget */
.widget_shopping_cart ul li:last-child {
    border: none;
}

.widget_shopping_cart .total {
    width: 100%;
    border-top: 2px solid #000;
    padding: 1em 0 0;
    font-family: Montserrat;
    line-height: 1.25;
}

    .widget_shopping_cart .total strong {
        display: block;
        float: left;
        padding-right: 8px;
    }

.rtl .widget_shopping_cart .total strong {
    float: right;
    padding-right: 0;
    padding-left: 8px;
}

.widget_shopping_cart .total .amount {
    display: block;
    float: right;
}

.rtl .widget_shopping_cart .total .amount {
    float: left;
}

.btSidebar .widget_shopping_cart .btCartWidgetIcon {
    display: none;
}

.widget_shopping_cart .total strong {
    min-width: 40px;
    display: inline-block;
}

.widget_shopping_cart .buttons {
    width: 100%;
}

    .widget_shopping_cart .buttons .button {
        width: 48%;
        display: block;
        float: left;
        text-align: center;
    }

        .widget_shopping_cart .buttons .button.checkout {
            float: right;
        }

.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item {
    position: relative;
}

    .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove {
        display: block;
        float: right;
    }

.rtl .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove {
    float: left;
}

.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    height: 1em;
    line-height: 1;
    width: 1em;
    vertical-align: middle;
    color: #fff;
    background-color: var(--main-color);
}

    .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover {
        background-color: #FF7F00;
    }

    .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:before {
        content: '\e680';
        font-family: Icon7Stroke;
    }

/* Shoping cart within header */
.menuPort .widget_shopping_cart,
.topTools .widget_shopping_cart,
.topBarInLogoArea .widget_shopping_cart {
    display: inline-block;
    position: relative;
}

.btMenuVertical .menuPort .widget_shopping_cart,
.btMenuVertical .topTools .widget_shopping_cart,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart {
    position: static;
}

.menuPort .widget_shopping_cart h2.widgettitle,
.topTools .widget_shopping_cart h2.widgettitle,
.topBarInLogoArea .widget_shopping_cart h2.widgettitle {
    display: none;
}

.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon {
    cursor: pointer;
    position: relative;
}

    .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
    .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
    .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
        display: block;
        padding: 2px 3px;
        background-color: #FF7F00;
        color: #fff;
        font: normal 10px/1 Montserrat;
        border-radius: 2px;
        position: absolute;
        top: -5px;
        right: 0;
        text-align: center;
        min-width: 1em;
    }

.rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
    right: auto;
    left: 0;
}

.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
    position: relative;
    display: inline-block;
    vertical-align: 50%;
    margin: 0 0 -50px -15px;
}

.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
    width: 300px;
    background: #fff;
    padding: 1em;
    position: absolute;
    z-index: 2;
    opacity: 0;
    right: 0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    color: #000;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
}

    .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty,
    .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty,
    .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty {
        padding: 0;
    }

.rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
    right: auto;
    left: 0;
}

    .rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove,
    .rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove,
    .rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove {
        float: left;
    }

.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
    left: 0;
    top: 0;
    right: 0;
    min-height: 100vh;
    width: auto;
    z-index: 500;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    border: none !important;
    margin: 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease;
}

    .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler,
    .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler,
    .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler {
        display: block;
        text-align: center;
        margin-bottom: 1em;
        background-color: var(--main-color);
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

        .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after,
        .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after,
        .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after {
            content: '\f00d';
            display: block;
            font-family: FontAwesome;
            font-size: 1.5em;
            margin: 0 auto;
        }

.menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.topBar .widget_shopping_cart .btCartWidgetInnerContent {
    font-size: 1.25em;
    color: #333 !important;
    text-align: left;
}

.topBar .btTopToolsRight .widget_shopping_cart .btIco {
    margin-right: .5em;
}

/* Product widgets */
.widget_recent_reviews {
    font-family: Montserrat;
    font-size: .8em;
    line-height: 1.4;
}

    .widget_recent_reviews li a img {
        display: block;
        width: 80px;
        height: auto;
        margin: 0 0 0 10px;
        float: right;
        border: 1px solid rgba(0,0,0,.1);
    }

.widget_product_categories li li {
    margin: 0 0 0 1em;
}

.product_list_widget .reviewer {
    display: block;
    line-height: 1;
}

.product_list_widget li:after {
    display: table !important;
}

/* Price filter */
.widget_price_filter .price_slider_wrapper .ui-slider {
    border-radius: 1em;
    background-color: rgba(0,0,0,.07);
    border: 0;
    position: relative;
    text-align: left;
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: 1em;
}

    .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1em;
        height: 1em;
        background-color: var(--main-color);
        border-radius: 1em;
        cursor: ew-resize;
        outline: 0;
        top: -.25em;
        margin-left: -.5em;
    }

        .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle .ui-slider .ui-slider-range {
            position: absolute;
            z-index: 1;
            font-size: .7em;
            display: block;
            border: 0;
            border-radius: 1em;
            background-color: rgba(0,0,0,.07);
        }

.widget_price_filter .price_slider_wrapper .ui-slider-horizontal {
    height: .5em;
}

    .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
        left: -1px;
    }

    .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
        right: -1px;
    }

.widget_price_filter .price_slider_amount {
    text-align: right;
}

    .widget_price_filter .price_slider_amount .button {
        float: left;
    }

    .widget_price_filter .price_slider_amount .price_label {
        padding-top: 8px;
    }

        .widget_price_filter .price_slider_amount .price_label span {
            font-weight: 600;
        }

/* Layered nav */
.widget_layered_nav ul li.chosen a:before,
.widget_layered_nav_filters ul li.chosen a:before {
    text-indent: 0;
    display: block;
    float: left;
    content: '\e680';
    font-family: Icon7Stroke;
    margin-right: .5em;
    background-color: transparent;
    position: relative;
}

/* Tags */
.btBox .tagcloud a,
.btTags ul a {
    display: inline-block;
    float: left;
    margin: 0 .3em .3em 0;
    text-transform: uppercase;
    padding: 1em 2em;
    margin: 0 .3em .3em 0;
    font-size: .65em !important;
    background: var(--main-color);
    color: white;
    font-family: "Montserrat";
}

.btTextRight .btBox .tagcloud a,
.btTextRight .btTags ul a {
    float: right;
    margin: 0 0 .3em .3em;
}

.btHardRoundedButtons .btBox .tagcloud a,
.btHardRoundedButtons .btTags ul a {
    border-radius: 50px;
}

.btSoftRoundedButtons .btBox .tagcloud a,
.btSoftRoundedButtons .btTags ul a {
    border-radius: 3px;
}

.btLightSkin.btBox .tagcloud a,
.btDarkSkin .btLightSkin.btBox .tagcloud a,
.btLightSkin .btDarkSkin .btLightSkin.btBox .tagcloud a,
.btLightSkin.btTags ul a,
.btDarkSkin .btLightSkin.btTags ul a,
.btLightSkin .btDarkSkin .btLightSkin.btTags ul a {
    color: #333;
}

.btDarkSkin.btBox .tagcloud a,
.btLightSkin .btDarkSkin.btBox .tagcloud a,
.btDarkSkin.btLightSkin .btDarkSkin.btBox .tagcloud a,
.btDarkSkin.btTags ul a,
.btLightSkin .btDarkSkin.btTags ul a,
.btDarkSkin.btLightSkin .btDarkSkin.btTags ul a {
    color: #fff;
}

.btLightSkin .btBox .tagcloud a:hover,
.btDarkSkin .btLightSkin .btBox .tagcloud a:hover,
.btLightSkin .btDarkSkin .btLightSkin .btBox .tagcloud a:hover,
.btLightSkin .btTags ul a:hover,
.btDarkSkin .btLightSkin .btTags ul a:hover,
.btLightSkin .btDarkSkin .btLightSkin .btTags ul a:hover {
    background: #232323;
    color: #fff;
}

.btDarkSkin .btBox .tagcloud a:hover,
.btLightSkin .btDarkSkin .btBox .tagcloud a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .tagcloud a:hover,
.btDarkSkin .btTags ul a:hover,
.btLightSkin .btDarkSkin .btTags ul a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btTags ul a:hover {
    background: #fff;
    color: #333;
}

.btTags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .btTags ul li {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

.btTextLeft .btTags ul li {
    float: left;
}

.btTextRight .btTags ul li {
    float: right;
}

/* Instagram feed */
.btInstaWrap {
    padding: .3em 0 15px;
}

.btInstaGrid {
    margin: 0 -10px;
}

    .btInstaGrid span {
        display: block;
        width: 33.3333%;
        padding: 0 0 10px 10px;
        float: left;
    }

        .btInstaGrid span:hover img {
            opacity: .6;
        }

        .btInstaGrid span:nth-child(3n + 1) {
            clear: left;
        }

    .btInstaGrid img {
        display: block;
        width: 100%;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
    }

/* BT Text */
.btBox .btImage {
    margin-bottom: .5em;
}

    .btBox .btImage img {
        width: auto;
        margin: auto;
    }

/* Icon widget in Sidebar */
.btSidebar .btIconWidget,
footer .btIconWidget {
    margin: 0 0 1.6em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

    .btSidebar .btIconWidget .btIconWidgetIcon,
    footer .btIconWidget .btIconWidgetIcon {
        line-height: 1;
        padding: 0 .15em 0 0;
        text-align: left;
        margin: .25em 0 0;
    }

        .btSidebar .btIconWidget .btIconWidgetIcon .btIcoHolder:before,
        footer .btIconWidget .btIconWidgetIcon .btIcoHolder:before {
            font-size: 32px;
            font-weight: 400;
        }

    .btSidebar .btIconWidget .btIconWidgetContent,
    footer .btIconWidget .btIconWidgetContent {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

        .btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetTitle,
        footer .btIconWidget .btIconWidgetContent .btIconWidgetTitle {
            margin-bottom: .35em;
            font-size: .7em;
            text-transform: uppercase;
        }

        .btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetText,
        footer .btIconWidget .btIconWidgetContent .btIconWidgetText {
            font-size: 1.1em;
            display: block;
            line-height: 1;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .btSidebar .btIconWidget:hover .btIconWidgetText,
    footer .btIconWidget:hover .btIconWidgetText {
        color: var(--main-color);
    }

    .btSidebar .btIconWidget.btCartWidget,
    footer .btIconWidget.btCartWidget {
        margin: 0;
    }

.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetIcon,
.btSiteFooterWidgets .btBox.widget_shopping_cart .verticalMenuCartToggler {
    display: none;
}

.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li,
.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:nth-child(2n) {
    width: auto;
    float: none;
    padding: .8em 0;
    margin: 0;
}

    .btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:first-child {
        padding: 0 0 .8em;
    }

/* Header text widget */
.btTopBox.widget_bt_text_image {
    display: inline-block;
    line-height: inherit;
    vertical-align: -15%;
    position: relative;
    z-index: 1;
}

.btLightSkin .btTopBox.widget_bt_text_image,
.btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image {
    color: #333;
}

    .btLightSkin .btTopBox.widget_bt_text_image h2,
    .btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image h2,
    .btLightSkin .btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image h2 {
        color: #333;
    }

.btDarkSkin .btTopBox.widget_bt_text_image,
.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image {
    color: #fff;
}

    .btDarkSkin .btTopBox.widget_bt_text_image h2,
    .btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image h2,
    .btDarkSkin.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image h2 {
        color: #fff;
    }

.btMenuHorizontal.btLightHeader .btTopBox.widget_bt_text_image,
.btMenuHorizontal.btAccentLightHeader .btTopBox.widget_bt_text_image,
.btMenuHorizontal.btAccentDarkHeader .btTopBox.widget_bt_text_image {
    color: #fff !important;
}

    .btMenuHorizontal.btLightHeader .btTopBox.widget_bt_text_image h2,
    .btMenuHorizontal.btAccentLightHeader .btTopBox.widget_bt_text_image h2,
    .btMenuHorizontal.btAccentDarkHeader .btTopBox.widget_bt_text_image h2 {
        color: #fff !important;
    }

.btTopBox.widget_bt_text_image h2 {
    font-size: 12px;
    line-height: 1.15;
    margin: 0;
    padding: .7em 0 0;
    font-weight: 700;
    text-transform: uppercase;
}

.btTopBox.widget_bt_text_image p {
    margin: 0;
    padding: 0;
}

.btTopBox.widget_bt_text_image .widget_sp_image-description {
    font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
    font-family: 'Poppins',arial,sans-serif;
}

.btTopToolsLeft .btTopBox.widget_bt_text_image:not(:first-child) {
    margin: 0 0 0 .6em;
}

.btTopToolsRight .btTopBox.widget_bt_text_image:not(:first-child) {
    margin: 0 .3em;
}

/* IconWidget */
.btLightSkin .btIconWidget,
.btDarkSkin .btLightSkin .btIconWidget,
.btLightSkin .btDarkSkin .btLightSkin .btIconWidget {
    color: #333;
}

.btDarkSkin .btIconWidget,
.btLightSkin .btDarkSkin .btIconWidget,
.btDarkSkin.btLightSkin .btDarkSkin .btIconWidget {
    color: #fff;
}

.btIconWidget .btIconWidgetTitle {
    opacity: .7;
}

.btIconWidget .btIconWidgetText {
    opacity: .99;
}

.btMenuHorizontal .topBar .btIco {
    font-size: 1.2em;
    margin-top: 0;
}

    .btMenuHorizontal .topBar .btIco .btIcoHolder {
        margin-top: -2px;
    }

.btMenuHorizontal .topBarInMenu .btIconWidgetIcon .btIco .btIcoHolder span {
    display: none;
}

.btMenuHorizontal .topTools .btIconWidget,
.btMenuHorizontal .topBarInMenu .btIconWidget {
    position: relative;
    display: inline-block;
}

    .btMenuHorizontal .topTools .btIconWidget:hover,
    .btMenuHorizontal .topBarInMenu .btIconWidget:hover {
        color: var(--main-color);
    }

    .btMenuHorizontal .topTools .btIconWidget:not(:first-child),
    .btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
        margin-left: .5em;
    }

.rtl.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
.rtl.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
    margin-right: .5em;
    margin-left: 0;
}

.btMenuHorizontal .topTools .btIconWidget.btWidgetWithText .btIco,
.btMenuHorizontal .topBarInMenu .btIconWidget.btWidgetWithText .btIco {
    margin-right: .2em;
}

.rtl.btMenuHorizontal .topTools .btIconWidget.btWidgetWithText .btIco,
.rtl.btMenuHorizontal .topBarInMenu .btIconWidget.btWidgetWithText .btIco {
    margin-right: 0;
    margin-left: .1em;
}

.btMenuHorizontal .topTools .btAccentIconWidget,
.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
    background-color: var(--main-color);
    color: #fff;
    margin-left: 1em;
    padding: 0 1em;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 1;
}

.rtl.btMenuHorizontal .topTools .btAccentIconWidget,
.rtl.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
    margin-right: 1em;
    margin-left: 0;
}

.btTopToolsInMenuArea.btMenuHorizontal .topTools .btAccentIconWidget,
.btTopToolsInMenuArea.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
    background-color: #FF7F00;
}

    .btTopToolsInMenuArea.btMenuHorizontal .topTools .btAccentIconWidget:hover,
    .btTopToolsInMenuArea.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
        color: var(--main-color);
    }

.btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget,
.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget,
.btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget,
.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
    background-color: #FF7F00;
}

    .btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
    .btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
    .btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover,
    .btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
        background-color: #fff;
        color: #333;
    }

        .btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
        .btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
        .btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle,
        .btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
            color: #333;
        }

.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
    color: #FF7F00;
}

.btLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btAccentDarkHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover,
.btAccentDarkHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
    background-color: #fff;
    color: #333;
}

    .btLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
    .btAccentDarkHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
    .btLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle,
    .btAccentDarkHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
        color: #333;
    }

.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
    background-color: var(--main-color);
    color: #fff;
}

    .btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
    .btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
        color: #fff;
    }

.btMenuHorizontal .topTools .btIconWidgetContent,
.btMenuHorizontal .topBarInMenu .btIconWidgetContent {
    line-height: inherit;
}

.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topTools .btIconWidgetText,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetText {
    display: inline-block;
    line-height: inherit;
    margin-right: .5em;
}

.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIconWidgetContent,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIconWidgetContent {
    color: #fff;
}

.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before {
    color: #FF7F00;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIconWidgetContent,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIconWidgetContent {
    color: #fff;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
    color: #FF7F00;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before {
    color: #FF7F00;
}

.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIconWidgetContent,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIconWidgetContent {
    color: #fff;
}

.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
    color: #FF7F00;
}

.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
    color: #fff;
}

.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:hover:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:hover:before {
    color: #FF7F00;
}

.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent {
    color: #fff;
}

.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
    color: #FF7F00;
}

.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
    color: #fff;
}

.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before {
    color: #FF7F00;
}

.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent {
    color: #fff;
}

.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
    color: var(--main-color);
}

.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
    color: #fff;
}

.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before {
    color: #fff;
}

.btLightSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before,
.btDarkSkin.btLightAlternateHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before {
    color: var(--main-color);
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
    display: table;
    float: left;
    margin: 0 0 0 2em;
}

.rtl.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
    float: right;
    margin: 0 2em 0 0;
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetContent {
    display: table-cell;
    vertical-align: middle;
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon {
    line-height: 1;
    padding: 0 .35em 0 0;
    text-align: left;
}

    .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon .btIco .btIcoHolder:before {
        font-size: 32px;
        font-weight: 400;
    }

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
    display: block;
    line-height: 1;
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle {
    margin-bottom: .35em;
    font-size: .7em;
    text-transform: uppercase;
}

.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
    font-size: 1.1em;
}

.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
    line-height: 32px;
}

    .btMenuHorizontal .btBelowLogoArea .btAccentIconWidget .btIconWidgetContent {
        font-size: .8em;
    }

.btHardRoundedButtons.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
    border-radius: 50px;
}

.btSoftRoundedButtons.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
    border-radius: 3px;
}

.btMenuVertical .menuPort .topBarPort .btTopToolsLeft span.btIco,
.btMenuVertical .menuPort .topBarPort .btTopToolsRight span.btIco {
    margin: 0 5px;
    font-size: 1em;
}

.btMenuVertical .menuPort .topBarPort .btTopToolsLeft .btWidgetWithText span.btIco,
.btMenuVertical .menuPort .topBarPort .btTopToolsRight .btWidgetWithText span.btIco {
    font-size: 2em;
}

.btMenuVertical .menuPort .btIco {
    font-size: 1.2em;
}

.btMenuVertical .menuPort .btIconWidget {
    padding: 0;
    margin-bottom: 1em;
}

    .btMenuVertical .menuPort .btIconWidget .btIconWidgetIcon {
        margin: 0 auto 15px;
        text-align: center;
    }

    .btMenuVertical .menuPort .btIconWidget .btIconWidgetContent {
        float: none;
        margin: 0;
        text-align: center;
        clear: both;
    }

    .btMenuVertical .menuPort .btIconWidget .btIconWidgetTitle,
    .btMenuVertical .menuPort .btIconWidget .btIconWidgetText {
        display: block;
        font-size: 14px;
    }

    .btMenuVertical .menuPort .btIconWidget .btIconWidgetTitle {
        margin: 0;
        line-height: 1;
    }

    .btMenuVertical .menuPort .btIconWidget .btIconWidgetText {
        margin: 5px 0 20px;
        line-height: 1.5;
    }

    .btMenuVertical .menuPort .btIconWidget.btWidgetWithText {
        display: block;
    }

        .btMenuVertical .menuPort .btIconWidget.btWidgetWithText .btIconWidgetIcon {
            display: block;
            margin: 0 auto;
        }

.btSpecialHeaderIcon .btIco .btIcoHolder:before,
.btSpecialHeaderIcon .btIconWidgetTitle,
.btSpecialHeaderIcon .btIconWidgetText {
    color: var(--main-color) !important;
}

/* /IconWidget */
/* Search widget */
.btBox .btSearch,
form.woocommerce-product-search {
    padding: 0 38px 0 0;
}

.rtl .btBox .btSearch,
.rtl form.woocommerce-product-search {
    padding: 0 0 0 38px;
}

.btBox .btSearch input[type="text"],
.btBox .btSearch input[type="search"],
form.woocommerce-product-search input[type="text"],
form.woocommerce-product-search input[type="search"] {
    padding: 0 10px;
    background: transparent;
    height: 38px;
    width: 100%;
    display: block;
}

.btSoftRoundedButtons .btBox .btSearch input[type="text"],
.btSoftRoundedButtons .btBox .btSearch input[type="search"],
.btSoftRoundedButtons form.woocommerce-product-search input[type="text"],
.btSoftRoundedButtons form.woocommerce-product-search input[type="search"] {
    border-radius: 3px 0 0 3px;
}

.rtl.btSoftRoundedButtons .btBox .btSearch input[type="text"],
.rtl.btSoftRoundedButtons .btBox .btSearch input[type="search"],
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type="text"],
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type="search"] {
    border-radius: 0 3px 3px 0;
}

.btBox .btSearch button,
.btBox .btSearch input[type=submit],
form.woocommerce-product-search button,
form.woocommerce-product-search input[type=submit] {
    width: 38px;
    height: 38px;
    border: 0;
    float: right;
    margin: -38px -38px 0 0;
    cursor: pointer;
    padding: 0 !important;
}

.rtl .btBox .btSearch button,
.rtl .btBox .btSearch input[type=submit],
.rtl form.woocommerce-product-search button,
.rtl form.woocommerce-product-search input[type=submit] {
    float: left;
    margin: -38px 0 0 -38px;
}

.btHardRoundedButtons .btBox .btSearch button,
.btHardRoundedButtons .btBox .btSearch input[type=submit],
.btHardRoundedButtons form.woocommerce-product-search button,
.btHardRoundedButtons form.woocommerce-product-search input[type=submit] {
    border-radius: 50px;
}

.btSoftRoundedButtons .btBox .btSearch button,
.btSoftRoundedButtons .btBox .btSearch input[type=submit],
.btSoftRoundedButtons form.woocommerce-product-search button,
.btSoftRoundedButtons form.woocommerce-product-search input[type=submit] {
    border-radius: 0 3px 3px 0;
}

.rtl.btSoftRoundedButtons .btBox .btSearch button,
.rtl.btSoftRoundedButtons .btBox .btSearch input[type=submit],
.rtl.btSoftRoundedButtons form.woocommerce-product-search button,
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type=submit] {
    border-radius: 3px 0 0 3px;
}

.btLightSkin .btBox .btSearch button,
.btDarkSkin .btLightSkin .btBox .btSearch button,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button,
.btLightSkin .btBox .btSearch input[type=submit],
.btDarkSkin .btLightSkin .btBox .btSearch input[type=submit],
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch input[type=submit],
.btLightSkin form.woocommerce-product-search button,
.btDarkSkin .btLightSkin form.woocommerce-product-search button,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button,
.btLightSkin form.woocommerce-product-search input[type=submit],
.btDarkSkin .btLightSkin form.woocommerce-product-search input[type=submit],
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search input[type=submit] {
    background-color: #232323 !important;
    border-color: #232323 !important;
    color: #fff;
}

.btDarkSkin .btBox .btSearch button,
.btLightSkin .btDarkSkin .btBox .btSearch button,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button,
.btDarkSkin .btBox .btSearch input[type=submit],
.btLightSkin .btDarkSkin .btBox .btSearch input[type=submit],
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch input[type=submit],
.btDarkSkin form.woocommerce-product-search button,
.btLightSkin .btDarkSkin form.woocommerce-product-search button,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button,
.btDarkSkin form.woocommerce-product-search input[type=submit],
.btLightSkin .btDarkSkin form.woocommerce-product-search input[type=submit],
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search input[type=submit] {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #333;
}

.btBox .btSearch button,
form.woocommerce-product-search button {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btBox .btSearch button:before,
    form.woocommerce-product-search button:before {
        font-family: FontAwesome;
        content: "\f002";
        display: inline-block;
    }

.btLightSkin .btBox .btSearch button:before,
.btDarkSkin .btLightSkin .btBox .btSearch button:before,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button:before,
.btLightSkin form.woocommerce-product-search button:before,
.btDarkSkin .btLightSkin form.woocommerce-product-search button:before,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button:before {
    color: #fff;
}

.btDarkSkin .btBox .btSearch button:before,
.btLightSkin .btDarkSkin .btBox .btSearch button:before,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button:before,
.btDarkSkin form.woocommerce-product-search button:before,
.btLightSkin .btDarkSkin form.woocommerce-product-search button:before,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button:before {
    color: #333;
}

.btLightSkin .btBox .btSearch button:hover,
.btDarkSkin .btLightSkin .btBox .btSearch button:hover,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button:hover,
.btDarkSkin .btBox .btSearch button:hover,
.btLightSkin .btDarkSkin .btBox .btSearch button:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button:hover,
.btLightSkin form.woocommerce-product-search button:hover,
.btDarkSkin .btLightSkin form.woocommerce-product-search button:hover,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button:hover,
.btDarkSkin form.woocommerce-product-search button:hover,
.btLightSkin .btDarkSkin form.woocommerce-product-search button:hover,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button:hover {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: #fff;
}

.btBox .btSearch .btIco,
form.woocommerce-product-search .btIco {
    display: none;
}

/* Header search */
.topTools .widget_search,
.topBarInMenu .widget_search {
    display: inline-block;
    margin-left: .2em;
}

    .topTools .widget_search h2,
    .topBarInMenu .widget_search h2 {
        display: none;
    }

    .topTools .widget_search .btSearch,
    .topBarInMenu .widget_search .btSearch {
        position: relative;
    }

        .topTools .widget_search .btSearch .btSearchInner,
        .topBarInMenu .widget_search .btSearch .btSearchInner {
            position: absolute;
            top: 0;
            left: -300px;
            width: 300px;
            font-size: 12px;
            display: none;
            text-align: right;
        }

    .topTools .widget_search input,
    .topBarInMenu .widget_search input {
        font-size: inherit;
        max-width: 150px;
        padding-left: 5px;
        clear: none;
        background: rgba(255,255,255,.3);
    }

    .topTools .widget_search button,
    .topBarInMenu .widget_search button {
        width: 23px;
        height: 23px;
        background: var(--main-color);
        border: 0;
        float: right;
        margin: 0;
        cursor: pointer;
    }

        .topTools .widget_search button:before,
        .topBarInMenu .widget_search button:before {
            font-family: FontAwesome;
            content: "\f002";
            display: inline-block;
            color: var(--main-color);
        }

        .topTools .widget_search button:hover,
        .topBarInMenu .widget_search button:hover {
            background: #af8401;
        }

.btMenuHorizontal .topTools .widget_search .btSearch .btIco,
.btMenuHorizontal .topBarInMenu .widget_search .btSearch .btIco {
    margin-left: .5em;
}

.rtl.btMenuHorizontal .topTools .widget_search .btSearch .btIco,
.rtl.btMenuHorizontal .topBarInMenu .widget_search .btSearch .btIco {
    margin-left: 0;
    margin-right: .5em;
}

/* /Search widget */
/* Icons */
.btIco .btIcoHolder[data-ico-fa]:before {
    font-family: FontAwesome;
    content: attr(data-ico-fa);
}

.btIco .btIcoHolder[data-ico-s7]:before {
    font-family: Icon7Stroke;
    content: attr(data-ico-s7);
}

.btIco .btIcoHolder[data-ico-wi]:before {
    font-family: WeatherIcons;
    content: attr(data-ico-wi);
    font-weight: 100;
}

.btIco .btIcoHolder[data-ico-ds]:before {
    font-family: CustomDesignSet;
    content: attr(data-ico-ds);
}

.btIco .btIcoHolder[data-ico-es]:before {
    font-family: CustomEssentialSet;
    content: attr(data-ico-es);
}

.btIco .btIcoHolder[data-ico-pr]:before {
    font-family: CustomProductivitySet;
    content: attr(data-ico-pr);
}

.btIco .btIcoHolder[data-ico-bs]:before {
    font-family: CustomBusinessSet;
    content: attr(data-ico-bs);
}

.btIco .btIcoHolder[data-ico-dv]:before {
    font-family: CustomDevelopmentSet;
    content: attr(data-ico-dv);
}

.btIco .btIcoHolder[data-ico-cs]:before {
    font-family: CustomConstructionSet;
    content: attr(data-ico-cs);
}

.btIco .btIcoHolder[data-ico-ts]:before {
    font-family: CustomTransportationSet;
    content: attr(data-ico-ts);
}

.btIco .btIcoHolder[data-ico-ss]:before {
    font-family: CustomScienceSet;
    content: attr(data-ico-ss);
}

.btIco {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .btIco .btIcoHolder {
        line-height: inherit;
        display: inline-block;
        float: left;
    }

        .btIco .btIcoHolder span,
        .btIco .btIcoHolder a {
            line-height: inherit;
        }

        .btIco .btIcoHolder:before {
            color: inherit;
            border-radius: 50%;
            display: inline-block;
            float: left;
            text-align: center;
            vertical-align: middle;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
        }

.btIconSquareShape.btIco .btIcoHolder:before {
    border-radius: 0;
}

.btIconCircleShape.btIco .btIcoHolder:before {
    border-radius: 50%;
}

.btIconHexagonShape.btIco .btIcoHolder:before {
    border-radius: 0;
}

.btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
}

.btIconHexagonShape.btIco .btIcoHolder {
    position: relative;
}

    .btIconHexagonShape.btIco .btIcoHolder:before {
        z-index: 2;
        position: relative;
    }

    .btIconHexagonShape.btIco .btIcoHolder svg {
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: -4% 0 0;
    }

        .btIconHexagonShape.btIco .btIcoHolder svg .hex {
            stroke-width: 3;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

.btIcoOutlineType.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: transparent;
}

.btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: #333;
}

.btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: #fff;
}

.btIcoFilledType.btIcoAccentColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: var(--main-color);
}

.btIcoFilledType.btIcoAlternateColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: #FF7F00;
}

.btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    stroke: #333;
}

:darkkinSelector .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    stroke: #fff;
}

.btIcoOutlineType.btIcoAccentColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: transparent;
    stroke: var(--main-color);
}

.btIcoOutlineType.btIcoAlternateColor.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: transparent;
    stroke: #FF7F00;
}

.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
    fill: transparent;
    stroke: #333;
}

.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
    fill: transparent;
    stroke: #fff;
}

.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
    fill: #333;
    stroke: #333;
}

.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
    fill: #fff;
    stroke: #fff;
}

.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex {
    fill: var(--main-color);
    stroke: var(--main-color);
}

.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex {
    fill: #FF7F00;
    stroke: #FF7F00;
}

.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex {
    fill: transparent;
    stroke: #FF7F00;
}

.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex {
    fill: transparent;
    stroke: var(--main-color);
}

/* Hexagonal take */
.btIconHexagonShape .btIco .btIcoHolder {
    position: relative;
}

    .btIconHexagonShape .btIco .btIcoHolder svg {
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: -1px;
    }

        .btIconHexagonShape .btIco .btIcoHolder svg .hex {
            stroke: #000;
            fill: transparent;
            stroke-width: 1;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder:before,
.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder:hover:before,
.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder:before,
.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder:hover:before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    position: relative;
    z-index: 10;
    vertical-align: 20%;
}

.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder svg .hex {
    stroke: none;
    fill: var(--main-color);
    stroke-width: 0;
}

.btIconHexagonShape .btIco.btIcoFilledType:hover .btIcoHolder svg .hex {
    stroke: var(--main-color);
    fill: transparent;
    stroke-width: 3px;
}

.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder svg .hex {
    stroke: var(--main-color);
    fill: transparent;
    stroke-width: 3px;
}

.btIconHexagonShape .btIco.btIcoOutlineType:hover .btIcoHolder svg .hex {
    stroke: var(--main-color);
    fill: var(--main-color);
    stroke-width: 3px;
}

.btIco.borderless a.btIcoHolder:before {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btIco.btIcoLargeSize .btIcoHolder:before {
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    transition: all .55s ease;
}

.btIco.borderless a.btIcoHolder:before {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.btIco.borderless:hover a.btIcoHolder:before {
    -webkit-transform: translate3d(0,-3px,0);
    -moz-transform: translate3d(0,-3px,0);
    -ms-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0);
}

/* Margins  */
.btIco .btIcoHolder span {
    margin-left: .25em;
    line-height: inherit;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btIco.btIcoLargeSize .btIcoHolder span {
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    transition: all 550ms ease;
}

.btIco {
    margin-left: .25em;
    margin-right: .25em;
}

    .btIco.btIcoLargeSize {
        margin-right: 1em;
        margin-left: 1em;
    }

.btTextLeft .btIco {
    margin-right: .5em;
    margin-left: 0;
}

    .btTextLeft .btIco.btIcoLargeSize {
        margin-right: 2em;
        margin-left: 0;
    }

.btTextRight .btIco {
    margin-left: .5em;
    margin-right: 0;
}

    .btTextRight .btIco.btIcoLargeSize {
        margin-left: 2em;
        margin-right: 0;
    }

/* Filled and Outline Accent */
.btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1em var(--main-color) inset;
    box-shadow: 0 0 0 1em var(--main-color) inset;
    color: #fff;
}

.btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset;
    box-shadow: 0 0 0 1px var(--main-color) inset;
    color: var(--main-color);
}

/* Filled and Outline Alternate */
.btIco.btIcoFilledType.btIcoAlternateColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor:hover .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1em #FF7F00 inset;
    box-shadow: 0 0 0 1em #FF7F00 inset;
    color: #fff;
}

.btIco.btIcoFilledType.btIcoAlternateColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1px #FF7F00 inset;
    box-shadow: 0 0 0 1px #FF7F00 inset;
    color: #FF7F00;
}

/* Filled and Outline Normal */
.btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1em #fff inset;
    box-shadow: 0 0 0 1em #fff inset;
    color: #232323;
}

.btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff;
}

.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1em #333 inset;
    box-shadow: 0 0 0 1em #333 inset;
    color: #fff;
}

.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
    -webkit-box-shadow: 0 0 0 1px #333 inset;
    box-shadow: 0 0 0 1px #333 inset;
    color: #333;
}

/* Default */
.btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before {
    color: var(--main-color);
}

.btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before {
    color: #FF7F00;
}

.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before {
    color: #333;
}

.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before {
    color: #fff;
}

/* Icon sizes */
.btIco {
    line-height: inherit;
}

    .btIco .btIcoHolder:before {
        font-size: inherit;
        width: auto;
        height: auto;
        line-height: inherit;
    }

    .btIco .btIcoHolder span {
        font-size: inherit;
    }

    .btIco.btIcoExtraSmallSize {
        line-height: 21px;
    }

.btIconHexagonShape.btIco.btIcoExtraSmallSize {
    line-height: 26px;
}

.btIco.btIcoExtraSmallSize .btIcoHolder:before {
    font-size: 10.5px;
    width: 21px;
    height: 21px;
    line-height: 21px;
}

.btIco.btIcoExtraSmallSize .btIcoHolder span {
    font-size: 12px;
}

.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
    font-size: 15.5px;
}

.btIco.btIcoSmallSize {
    line-height: 28px;
}

.btIconHexagonShape.btIco.btIcoSmallSize {
    line-height: 33px;
}

.btIco.btIcoSmallSize .btIcoHolder:before {
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.btIconHexagonShape.btIco.btIcoSmallSize .btIcoHolder:before {
    height: 33px;
    line-height: 33px;
}

.btIco.btIcoSmallSize .btIcoHolder span {
    font-size: 14px;
}

.btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
    font-size: 19px;
}

.btIco.btIcoMediumSize {
    line-height: 40px;
}

.btIconHexagonShape.btIco.btIcoMediumSize {
    line-height: 45px;
}

.btIco.btIcoMediumSize .btIcoHolder:before {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.btIconHexagonShape.btIco.btIcoMediumSize .btIcoHolder:before {
    height: 45px;
    line-height: 45px;
}

.btIco.btIcoMediumSize .btIcoHolder span {
    font-size: 16px;
}

.btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
    font-size: 40px;
}

.btIco.btIcoBigSize {
    line-height: 52px;
}

.btIconHexagonShape.btIco.btIcoBigSize {
    line-height: 57px;
}

.btIco.btIcoBigSize .btIcoHolder:before {
    font-size: 26px;
    width: 52px;
    height: 52px;
    line-height: 52px;
}

.btIconHexagonShape.btIco.btIcoBigSize .btIcoHolder:before {
    height: 57px;
    line-height: 57px;
}

.btIco.btIcoBigSize .btIcoHolder span {
    font-size: 18px;
}

.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
    font-size: 52px;
}

.btIco.btIcoLargeSize {
    line-height: 74px;
}

.btIconHexagonShape.btIco.btIcoLargeSize {
    line-height: 79px;
}

.btIco.btIcoLargeSize .btIcoHolder:before {
    font-size: 37px;
    width: 74px;
    height: 74px;
    line-height: 74px;
    border-width: 2px;
}

.btIconHexagonShape.btIco.btIcoLargeSize .btIcoHolder:before {
    height: 79px;
    line-height: 79px;
}

.btIco.btIcoLargeSize .btIcoHolder span {
    font-size: 24px;
}

.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
    font-size: 74px;
}

/* Default icon size */
.btIco.btIcoDefaultType .btIcoHolder:before {
    width: auto;
    padding: 0 2px;
    position: relative;
}

.btTextLeft .btIco.btIcoDefaultType .btIcoHolder:before {
    margin-right: 2px;
}

.btTextRight .btIco.btIcoDefaultType .btIcoHolder:before {
    margin-left: 2px;
}

/* Icons side text color */
.btIcoAccentColor span {
    color: var(--main-color);
}

.btIcoAccentColor:hover span {
    color: #fff;
}

.btLightSkin .btIcoAccentColor:hover span,
.btDarkSkin .btLightSkin .btIcoAccentColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAccentColor:hover span {
    color: #333;
}

.btIcoAlternateColor span {
    color: #FF7F00;
}

.btIcoAlternateColor:hover span {
    color: #fff;
}

.btLightSkin .btIcoAlternateColor:hover span,
.btDarkSkin .btLightSkin .btIcoAlternateColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAlternateColor:hover span {
    color: #333;
}

.btIcoDefaultColor:hover span {
    color: var(--main-color);
}

/* Buttons */
.btBtn {
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Montserrat";
    margin-top: .2em;
    padding: 1.2em 2.4em;
}

.btHardRoundedButtons .btBtn {
    border-radius: 50px;
}

.btSoftRoundedButtons .btBtn {
    border-radius: 3px;
}

body.rtl .btBtn {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.btBtn .btIco .btIcoHolder:before,
.btBtn button {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: inherit;
    line-height: inherit;
}

.btBtn .btIco {
    display: inline-block;
    float: left;
    font-weight: 400;
    margin: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.btBtn .btnInnerText {
    display: inline-block;
    float: left;
    font-size: inherit;
    line-height: inherit;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.btBtn.btnRightPosition:not(.btnNoIcon) .btnInnerText {
    padding-right: 2em;
}

.btBtn.btnLeftPosition:not(.btnNoIcon) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

body.rtl .btBtn.btnLeftPosition:not(.btnNoIcon) {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.btBtn.btnLeftPosition:not(.btnNoIcon) .btnInnerText {
    padding-left: 2em;
}

.btBtn.btnInlinePosition .btIco {
    display: inline-block;
}

.btBtn.btnInlinePosition .btnInnerText {
    padding-right: 1em;
}

    .btBtn.btnInlinePosition .btnInnerText body.rtl {
        padding-right: 0;
        padding-left: 1em;
    }

.btnExtraSmall {
    font-size: .75em;
    font-weight: 700;
    padding: .8em 1.6em;
}

    .btnExtraSmall .btIco {
        padding: 0;
    }

.btnSmall {
    font-size: .8em;
    font-weight: 700;
}

.btnMedium {
    font-size: .9em;
}

.btnBig {
    font-size: 1.1em;
}

.btnNormalWidth {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

.btnFullWidth {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .btnFullWidth .btnInnerText {
        float: none;
    }

.btTextLeft .btBtn {
    margin-right: .6em;
}

.btTextRight .btBtn {
    margin-left: .6em;
}

.btTextCenter .btBtn {
    margin-left: .6em;
    margin-right: .6em;
}

.btnBorderlessStyle {
    padding-left: 0;
    padding-right: 0;
}

/* Button colors */
/* Accent */
.btnFilledStyle.btnAccentColor,
.btnOutlineStyle.btnAccentColor:hover {
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
}

    .btnFilledStyle.btnAccentColor span,
    .btnOutlineStyle.btnAccentColor:hover span,
    .btnFilledStyle.btnAccentColor span:before,
    .btnOutlineStyle.btnAccentColor:hover span:before,
    .btnFilledStyle.btnAccentColor a,
    .btnOutlineStyle.btnAccentColor:hover a,
    .btnFilledStyle.btnAccentColor .btIco a:before,
    .btnOutlineStyle.btnAccentColor:hover .btIco a:before,
    .btnFilledStyle.btnAccentColor button,
    .btnOutlineStyle.btnAccentColor:hover button {
        color: #fff !important;
    }

    .btnOutlineStyle.btnAccentColor,
    .btnFilledStyle.btnAccentColor:hover {
        background-color: transparent;
        border: 2px solid var(--main-color);
        color: var(--main-color);
    }

        .btnOutlineStyle.btnAccentColor span,
        .btnFilledStyle.btnAccentColor:hover span,
        .btnOutlineStyle.btnAccentColor span:before,
        .btnFilledStyle.btnAccentColor:hover span:before,
        .btnOutlineStyle.btnAccentColor a,
        .btnFilledStyle.btnAccentColor:hover a,
        .btnOutlineStyle.btnAccentColor .btIco a:before,
        .btnFilledStyle.btnAccentColor:hover .btIco a:before,
        .btnOutlineStyle.btnAccentColor button,
        .btnFilledStyle.btnAccentColor:hover button {
            color: var(--main-color) !important;
        }

.btnBorderlessStyle.btnAccentColor span,
.btnBorderlessStyle.btnNormalColor:hover span,
.btnBorderlessStyle.btnAccentColor span:before,
.btnBorderlessStyle.btnNormalColor:hover span:before,
.btnBorderlessStyle.btnAccentColor a,
.btnBorderlessStyle.btnNormalColor:hover a,
.btnBorderlessStyle.btnAccentColor .btIco a:before,
.btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btnBorderlessStyle.btnAccentColor button,
.btnBorderlessStyle.btnNormalColor:hover button {
    color: var(--main-color);
}

/* Alternate */
.btnFilledStyle.btnAlternateColor,
.btnOutlineStyle.btnAlternateColor:hover {
    background-color: #FF7F00;
    border: 2px solid #FF7F00;
}

    .btnFilledStyle.btnAlternateColor span,
    .btnOutlineStyle.btnAlternateColor:hover span,
    .btnFilledStyle.btnAlternateColor span:before,
    .btnOutlineStyle.btnAlternateColor:hover span:before,
    .btnFilledStyle.btnAlternateColor a,
    .btnOutlineStyle.btnAlternateColor:hover a,
    .btnFilledStyle.btnAlternateColor .btIco a:before,
    .btnOutlineStyle.btnAlternateColor:hover .btIco a:before,
    .btnFilledStyle.btnAlternateColor button,
    .btnOutlineStyle.btnAlternateColor:hover button {
        color: #fff !important;
    }

    .btnOutlineStyle.btnAlternateColor,
    .btnFilledStyle.btnAlternateColor:hover {
        background-color: transparent;
        border: 2px solid #FF7F00;
        color: #FF7F00;
    }

        .btnOutlineStyle.btnAlternateColor span,
        .btnFilledStyle.btnAlternateColor:hover span,
        .btnOutlineStyle.btnAlternateColor span:before,
        .btnFilledStyle.btnAlternateColor:hover span:before,
        .btnOutlineStyle.btnAlternateColor a,
        .btnFilledStyle.btnAlternateColor:hover a,
        .btnOutlineStyle.btnAlternateColor .btIco a:before,
        .btnFilledStyle.btnAlternateColor:hover .btIco a:before,
        .btnOutlineStyle.btnAlternateColor button,
        .btnFilledStyle.btnAlternateColor:hover button {
            color: #FF7F00 !important;
        }

.btnBorderlessStyle.btnAlternateColor span,
.btnBorderlessStyle.btnAlternateColor span:before,
.btnBorderlessStyle.btnAlternateColor a,
.btnBorderlessStyle.btnAlternateColor .btIco a:before,
.btnBorderlessStyle.btnAlternateColor button {
    color: #FF7F00;
}

/* Normal */
.btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button {
    color: #000;
}

.btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button {
    color: #fff;
}

.btLightSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff !important;
}

    .btLightSkin .btnFilledStyle.btnNormalColor span,
    .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
    .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
    .btLightSkin .btnFilledStyle.btnNormalColor a,
    .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btLightSkin .btnFilledStyle.btnNormalColor a:before,
    .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btLightSkin .btnFilledStyle.btnNormalColor button,
    .btLightSkin .btnOutlineStyle.btnNormalColor:hover button,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button {
        color: #fff !important;
    }

    .btLightSkin .btnOutlineStyle.btnNormalColor,
    .btLightSkin .btnFilledStyle.btnNormalColor:hover,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover {
        border: 1px solid #FFF;
        background-color: transparent;
        color: #FFF;
    }

        .btLightSkin .btnOutlineStyle.btnNormalColor span,
        .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
        .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
        .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btLightSkin .btnOutlineStyle.btnNormalColor a,
        .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
        .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
        .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btLightSkin .btnOutlineStyle.btnNormalColor button,
        .btLightSkin .btnFilledStyle.btnNormalColor:hover button,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button {
            color: #000 !important;
        }

.btDarkSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

    .btDarkSkin .btnFilledStyle.btnNormalColor span,
    .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
    .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
    .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
    .btDarkSkin .btnFilledStyle.btnNormalColor a,
    .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
    .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
    .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
    .btDarkSkin .btnFilledStyle.btnNormalColor button,
    .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button {
        color: #000 !important;
    }

    .btDarkSkin .btnOutlineStyle.btnNormalColor,
    .btDarkSkin .btnFilledStyle.btnNormalColor:hover,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover {
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
    }

        .btDarkSkin .btnOutlineStyle.btnNormalColor span,
        .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
        .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
        .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
        .btDarkSkin .btnOutlineStyle.btnNormalColor a,
        .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
        .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
        .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
        .btDarkSkin .btnOutlineStyle.btnNormalColor button,
        .btDarkSkin .btnFilledStyle.btnNormalColor:hover button,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button {
            color: #fff !important;
        }

.btLightSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btnOutlineStyle.btnLightColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover {
    background: rgba(0,0,0,.1);
    color: #000 !important;
    border: 1px solid rgba(0,0,0,.1);
}

    .btLightSkin .btnOutlineStyle.btnLightColor,
    .btLightSkin .btnFilledStyle.btnLightColor:hover,
    .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor,
    .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover,
    .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor,
    .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover {
        background-color: transparent;
        border: 1px solid rgba(0,0,0,.1);
        color: #000 !important;
    }

        .btLightSkin .btnOutlineStyle.btnLightColor a,
        .btLightSkin .btnFilledStyle.btnLightColor:hover a,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a,
        .btLightSkin .btnOutlineStyle.btnLightColor a:before,
        .btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a:before,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a:before,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btLightSkin .btnOutlineStyle.btnLightColor button,
        .btLightSkin .btnFilledStyle.btnLightColor:hover button,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor button,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover button,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor button,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover button,
        .btLightSkin .btnOutlineStyle.btnLightColor span,
        .btLightSkin .btnFilledStyle.btnLightColor:hover span,
        .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor span,
        .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover span,
        .btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor span,
        .btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover span {
            color: #000 !important;
        }

.btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover {
    background: rgba(0,0,0,.1);
    color: #000 !important;
    border: 1px solid #000;
}

    .btDarkSkin .btnFilledStyle.btnLightColor a,
    .btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor a,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor a,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
    .btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
    .btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
    .btDarkSkin .btnFilledStyle.btnLightColor button,
    .btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor button,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor button,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
    .btDarkSkin .btnFilledStyle.btnLightColor span,
    .btDarkSkin .btnOutlineStyle.btnLightColor:hover span,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor span,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover span,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor span,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover span {
        color: #000 !important;
    }

    .btDarkSkin .btnOutlineStyle.btnLightColor,
    .btDarkSkin .btnFilledStyle.btnLightColor:hover,
    .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor,
    .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover,
    .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor,
    .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff !important;
    }

        .btDarkSkin .btnOutlineStyle.btnLightColor a,
        .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
        .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
        .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
        .btDarkSkin .btnOutlineStyle.btnLightColor button,
        .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
        .btDarkSkin .btnOutlineStyle.btnLightColor span,
        .btDarkSkin .btnFilledStyle.btnLightColor:hover span,
        .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span,
        .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span,
        .btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span,
        .btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span {
            color: #fff !important;
        }

/* Divider */
.btSeparator {
    clear: both;
}

    .btSeparator hr {
        clear: both;
        border: none;
        padding: 0;
        margin: 0;
    }

.btLightSkin .btSeparator hr,
.btDarkSkin .btLightSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btLightSkin .btSeparator hr {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btSeparator hr,
.btDarkSkin.btLightSkin .btDarkSkin .btSeparator hr {
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.btSeparator.noBorder hr {
    border-bottom: 0 solid transparent !important;
}

/* Counter */
.btCounterHolder {
    font-family: "Montserrat";
    font-size: 3em;
    height: 1em;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
    overflow: hidden;
}

    .btCounterHolder.btCounterLargeSize {
        font-size: 4em;
    }

    .btCounterHolder .btCounter {
        display: block;
        height: 1em;
        overflow: hidden;
    }

    .btCounterHolder span.onedigit {
        display: inline-block;
        height: 3em;
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

        .btCounterHolder span.onedigit span {
            display: block;
            position: relative;
            height: 1em;
            text-align: center;
        }

.btLightSkin .btCounterHolder,
.btDarkSkin .btLightSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btLightSkin .btCounterHolder {
    color: #000;
}

.btDarkSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btCounterHolder,
.btDarkSkin.btLightSkin .btDarkSkin .btCounterHolder {
    color: #fff;
}

.btCounterHolder .btCountdownHolder {
    overflow: hidden;
}

    .btCounterHolder .btCountdownHolder > span {
        vertical-align: top;
        display: inline-block;
    }

        .btCounterHolder .btCountdownHolder > span > span.numbers {
            padding-top: .3em;
        }

            .btCounterHolder .btCountdownHolder > span > span.numbers > span {
                display: inline-block;
                float: left;
                padding-top: .1em;
            }

                .btCounterHolder .btCountdownHolder > span > span.numbers > span > span {
                    display: block;
                    width: .6em;
                    text-align: center;
                    -webkit-transition-delay: 0ms;
                    -moz-transition-delay: 0ms;
                    transition-delay: 0ms;
                    -webkit-transform: translateY(-1em);
                    -moz-transform: translateY(-1em);
                    -ms-transform: translateY(-1em);
                    transform: translateY(-1em);
                }

                    .btCounterHolder .btCountdownHolder > span > span.numbers > span > span.countdown_anim {
                        -webkit-transition: transform 200ms ease-out;
                        -moz-transition: transform 200ms ease-out;
                        transition: transform 200ms ease-out;
                        -webkit-transform: translateY(0);
                        -moz-transform: translateY(0);
                        -ms-transform: translateY(0);
                        transform: translateY(0);
                    }

        .btCounterHolder .btCountdownHolder > span.days > span.numbers > span > span {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

    .btCounterHolder .btCountdownHolder .days,
    .btCounterHolder .btCountdownHolder .hours,
    .btCounterHolder .btCountdownHolder .minutes,
    .btCounterHolder .btCountdownHolder .seconds {
        position: relative;
    }

    .btCounterHolder .btCountdownHolder .days_text,
    .btCounterHolder .btCountdownHolder .hours_text,
    .btCounterHolder .btCountdownHolder .minutes_text,
    .btCounterHolder .btCountdownHolder .seconds_text {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        text-align: center;
        font-size: .15em;
        font-family: Montserrat;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--main-color);
        -webkit-backface-visibility: hidden;
        line-height: 1;
        letter-spacing: 3px;
    }

        .btCounterHolder .btCountdownHolder .days_text span,
        .btCounterHolder .btCountdownHolder .hours_text span,
        .btCounterHolder .btCountdownHolder .minutes_text span,
        .btCounterHolder .btCountdownHolder .seconds_text span {
            width: auto !important;
            -webkit-transform: translate(-50%,-.1em) !important;
            -moz-transform: translate(-50%,-.1em) !important;
            -ms-transform: translate(-50%,-.1em) !important;
            transform: translate(-50%,-.1em) !important;
        }

/* Progress bar */
.btProgressContent {
    font-family: "Montserrat";
    background-color: rgba(0,0,0,.07);
    line-height: 3em;
    overflow: hidden;
    font-size: .8em;
}

    .btProgressContent .btProgressAnim {
        text-align: right;
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        width: auto;
        background-color: var(--main-color);
        color: #fff;
    }

        .btProgressContent .btProgressAnim span {
            display: block;
            padding: 0 .5em;
        }

.btProgressBarLineStyle .btProgressContent {
    background-color: transparent !important;
}

    .btProgressBarLineStyle .btProgressContent .btProgressAnim {
        background-color: transparent;
        color: #000;
        -webkit-box-shadow: 0 -4px 0 0 #000 inset;
        box-shadow: 0 -4px 0 0 #000 inset;
    }

        .btProgressBarLineStyle .btProgressContent .btProgressAnim span {
            font-weight: 300;
        }

.btLightSkin .btProgressContent,
.btDarkSkin .btLightSkin .btProgressContent,
.btLightSkin .btDarkSkin .btLightSkin .btProgressContent {
    background-color: rgba(0,0,0,.07);
}

.btDarkSkin .btProgressContent,
.btLightSkin .btDarkSkin .btProgressContent,
.btDarkSkin.btLightSkin .btDarkSkin .btProgressContent {
    background-color: rgba(255,255,255,.3);
}

@media (max-width: 768px) {
    .btProgressContent {
        line-height: 1.5;
    }
}

/* Image */
.boldPhotoBox {
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .boldPhotoBox .bpbItem {
        display: block;
        width: auto;
        margin: auto;
    }

        .boldPhotoBox .bpbItem .btImage {
            -webkit-transition: all 900ms ease;
            -moz-transition: all 900ms ease;
            transition: all 900ms ease;
        }

        .boldPhotoBox .bpbItem img {
            max-width: 100%;
            height: auto;
        }

.btToGrayscaleHoverType .boldPhotoBox .btImage {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .btToGrayscaleHoverType .boldPhotoBox .btImage img {
        -webkit-transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        transition: all 900ms ease;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.btToGrayscaleHoverType.btCircleImage .boldPhotoBox img {
    border-radius: 50%;
}

.btToGrayscaleHoverType.btRoundedImage .boldPhotoBox img {
    border-radius: 20px;
}

.btToGrayscaleHoverType:hover .boldPhotoBox .btImage img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btZoomInHoverType .boldPhotoBox {
    overflow: hidden;
}

    .btZoomInHoverType .boldPhotoBox .bpbItem {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

.btZoomInHoverType:hover .boldPhotoBox .btImage {
    -webkit-transform: scale3d(1.15,1.15,1);
    -moz-transform: scale3d(1.15,1.15,1);
    -ms-transform: scale3d(1.15,1.15,1);
    transform: scale3d(1.15,1.15,1);
}

.btZoomInTwistHoverType .boldPhotoBox {
    overflow: hidden;
}

    .btZoomInTwistHoverType .boldPhotoBox .bpbItem {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        -moz-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        -ms-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }

.btZoomInTwistHoverType:hover .boldPhotoBox .btImage {
    -webkit-transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
    -moz-transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
    -ms-transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
    transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
}

.bpgPhoto.btSimpleHoverType .captionPane {
    background-color: transparent !important;
}

.bpgPhoto.btToGrayscaleHoverType .captionPane,
.bpgPhoto.btZoomInHoverType .captionPane,
.bpgPhoto.btZoomInTwistHoverType .captionPane {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    -ms-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
}

    .bpgPhoto.btToGrayscaleHoverType .captionPane .captionTable .captionCell .captionTxt,
    .bpgPhoto.btZoomInHoverType .captionPane .captionTable .captionCell .captionTxt,
    .bpgPhoto.btZoomInTwistHoverType .captionPane .captionTable .captionCell .captionTxt {
        -webkit-transform: translateY(0) scale3d(0,0,1);
        -moz-transform: translateY(0) scale3d(0,0,1);
        -ms-transform: translateY(0) scale3d(0,0,1);
        transform: translateY(0) scale3d(0,0,1);
        -webkit-transition: transform 400ms ease 280ms;
        -moz-transition: transform 400ms ease 280ms;
        transition: transform 400ms ease 280ms;
    }

.bpgPhoto.btToGrayscaleHoverType:hover .captionPane,
.bpgPhoto.btZoomInHoverType:hover .captionPane,
.bpgPhoto.btZoomInTwistHoverType:hover .captionPane {
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

    .bpgPhoto.btToGrayscaleHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
    .bpgPhoto.btZoomInHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
    .bpgPhoto.btZoomInTwistHoverType:hover .captionPane .captionTable .captionCell .captionTxt {
        -webkit-transform: translateY(0) scale3d(1,1,1);
        -moz-transform: translateY(0) scale3d(1,1,1);
        -ms-transform: translateY(0) scale3d(1,1,1);
        transform: translateY(0) scale3d(1,1,1);
        -webkit-transition: transform 400ms ease 380ms;
        -moz-transition: transform 400ms ease 380ms;
        transition: transform 400ms ease 380ms;
    }

.bpgPhoto {
    display: block;
    overflow: hidden;
    max-width: 100%;
    line-height: 0;
    position: relative;
}

.bclItem .bpgPhoto {
    max-width: none;
    width: 100%;
}

    .bclItem .bpgPhoto .boldPhotoBox {
        display: block;
    }

        .bclItem .bpgPhoto .boldPhotoBox .bpbItem img {
            max-width: none;
            width: 100%;
        }

.btTextCenter .bpgPhoto {
    margin: 0 auto;
}

    .btTextCenter .bpgPhoto .btImage {
        display: inline-block;
    }

.bpgPhoto .boldPhotoBox {
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}

    .bpgPhoto .boldPhotoBox img {
        line-height: 0;
    }

.btCircleImage.bpgPhoto .boldPhotoBox {
    border-radius: 50%;
}

.bpgPhoto > a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.bpgPhoto .captionPane {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #232323 !important;
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 6;
    pointer-events: none;
}

    .bpgPhoto .captionPane .captionTable {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

        .bpgPhoto .captionPane .captionTable .captionCell {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
        }

            .bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {
                content: "\e623";
                font: normal 36px/1.1 Icon7Stroke;
                display: block;
                margin: 10px auto;
            }

            .bpgPhoto .captionPane .captionTable .captionCell .captionTxt {
                display: inline-block;
                margin: auto;
                padding: 0 20px;
                color: #FFF;
                line-height: 1.4;
                opacity: 0;
            }

                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h1,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h2,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h3,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h4,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h5,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h6,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h7,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h8,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt p,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt a,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSubTitle {
                    color: #fff;
                }

                    .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle:after {
                        border-color: #fff;
                    }

                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleDate:not(:last-child),
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleAuthor:not(:last-child),
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleComments:not(:last-child),
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleCategories:not(:last-child) {
                    border-color: rgba(255,255,255,.5) !important;
                }

                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:after,
                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:before {
                    border-color: #fff;
                }

                .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p {
                    display: block !important;
                    margin: 5px auto;
                }

                    .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p:before {
                        content: "\f00c";
                        font: normal 11px/1 FontAwesome;
                        padding-right: 5px;
                        margin-left: -10px;
                    }

/* Entrance animations */
.in-right.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: in-right .6s cubic-bezier(.165,.84,.44,1);
    -moz-animation: in-right .6s cubic-bezier(.165,.84,.44,1);
    animation: in-right .6s cubic-bezier(.165,.84,.44,1);
}

.in-top.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: in-top .6s cubic-bezier(.165,.84,.44,1);
    -moz-animation: in-top .6s cubic-bezier(.165,.84,.44,1);
    animation: in-top .6s cubic-bezier(.165,.84,.44,1);
}

.in-bottom.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
    -moz-animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
    animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
}

.in-left.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: in-left .6s cubic-bezier(.165,.84,.44,1);
    -moz-animation: in-left .6s cubic-bezier(.165,.84,.44,1);
    animation: in-left .6s cubic-bezier(.165,.84,.44,1);
}

/* Withdrawal animatinos */
.out-right.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
    -moz-animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
    animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
}

.out-top.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
    -moz-animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
    animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
}

.out-bottom.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
    -moz-animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
    animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
}

.out-left.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
    -webkit-animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
    -moz-animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
    animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
}

@-webkit-keyframes in-right {
    0% {
        -webkit-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    20% {
        -webkit-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-moz-keyframes in-right {
    0% {
        -moz-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    20% {
        -moz-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    100% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@keyframes in-right {
    0% {
        -webkit-transform: translated3d(-50%,0,0);
        -moz-transform: translated3d(-50%,0,0);
        -ms-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    20% {
        -webkit-transform: translated3d(-50%,0,0);
        -moz-transform: translated3d(-50%,0,0);
        -ms-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-webkit-keyframes in-top {
    0% {
        -webkit-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    20% {
        -webkit-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-moz-keyframes in-top {
    0% {
        -moz-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    20% {
        -moz-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    100% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@keyframes in-top {
    0% {
        -webkit-transform: translated3d(0,-50%,0);
        -moz-transform: translated3d(0,-50%,0);
        -ms-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    20% {
        -webkit-transform: translated3d(0,-50%,0);
        -moz-transform: translated3d(0,-50%,0);
        -ms-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-webkit-keyframes in-bottom {
    0% {
        -webkit-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    20% {
        -webkit-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-moz-keyframes in-bottom {
    0% {
        -moz-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    20% {
        -moz-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    100% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@keyframes in-bottom {
    0% {
        -webkit-transform: translated3d(0,50%,0);
        -moz-transform: translated3d(0,50%,0);
        -ms-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    20% {
        -webkit-transform: translated3d(0,50%,0);
        -moz-transform: translated3d(0,50%,0);
        -ms-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-webkit-keyframes in-left {
    0% {
        -webkit-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    20% {
        -webkit-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-moz-keyframes in-left {
    0% {
        -moz-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    20% {
        -moz-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    100% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@keyframes in-left {
    0% {
        -webkit-transform: translated3d(50%,0,0);
        -moz-transform: translated3d(50%,0,0);
        -ms-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    20% {
        -webkit-transform: translated3d(50%,0,0);
        -moz-transform: translated3d(50%,0,0);
        -ms-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }
}

@-webkit-keyframes out-right {
    0% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }
}

@-moz-keyframes out-right {
    0% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -moz-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }
}

@keyframes out-right {
    0% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(-50%,0,0);
        -moz-transform: translated3d(-50%,0,0);
        -ms-transform: translated3d(-50%,0,0);
        transform: translated3d(-50%,0,0);
    }
}

@-webkit-keyframes out-top {
    0% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }
}

@-moz-keyframes out-top {
    0% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -moz-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }
}

@keyframes out-top {
    0% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,-50%,0);
        -moz-transform: translated3d(0,-50%,0);
        -ms-transform: translated3d(0,-50%,0);
        transform: translated3d(0,-50%,0);
    }
}

@-webkit-keyframes out-bottom {
    0% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }
}

@-moz-keyframes out-bottom {
    0% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -moz-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }
}

@keyframes out-bottom {
    0% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(0,50%,0);
        -moz-transform: translated3d(0,50%,0);
        -ms-transform: translated3d(0,50%,0);
        transform: translated3d(0,50%,0);
    }
}

@-webkit-keyframes out-left {
    0% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }
}

@-moz-keyframes out-left {
    0% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -moz-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -moz-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }
}

@keyframes out-left {
    0% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    35% {
        -webkit-transform: translated3d(0,0,0);
        -moz-transform: translated3d(0,0,0);
        -ms-transform: translated3d(0,0,0);
        transform: translated3d(0,0,0);
    }

    100% {
        -webkit-transform: translated3d(50%,0,0);
        -moz-transform: translated3d(50%,0,0);
        -ms-transform: translated3d(50%,0,0);
        transform: translated3d(50%,0,0);
    }
}

.bpgPhoto.lightbox .captionTxt {
    z-index: 0 !important;
}

.bpgPhoto[class*="-in"] .captionPane {
    pointer-events: auto;
}

.btCircleImage .bpbItem,
.btCircleImage .btImage {
    border-radius: 50%;
    overflow: hidden;
}

    .btCircleImage .bpbItem img,
    .btCircleImage .btImage img {
        width: auto;
    }

.btCircleImage .captionPane {
    border-radius: 50%;
}

.bpgPhoto.btOutlinedImage {
    border: 1px solid rgba(0,0,0,.1);
}

.bpgPhoto.btRoundedImage {
    border-radius: 20px;
}

    .bpgPhoto.btRoundedImage .captionPane {
        border-radius: 20px;
    }

    .bpgPhoto.btRoundedImage .bpbItem {
        overflow: hidden;
        border-radius: 20px;
    }

.btTextCenter .tilesWall .bpgPhoto {
    display: block;
}

.btTextRight > .rowItemContent > .bpgPhoto {
    float: right;
}

.btTextLeft > .rowItemContent > .bpgPhoto {
    float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .captionPane {
        right: -1px;
    }
}

.touch .captionPane {
    display: none !important;
}

.btShowTitle {
    position: absolute;
    top: auto;
    bottom: 0;
    margin: 0;
    padding: 1em 1.5em 1em;
    right: 0;
    left: 0;
    border-left: 4px solid var(--main-color);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    display: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.btAccentColorBackground .btShowTitle {
    border-left: 4px solid #FF7F00;
}

.btTextLeft .btShowTitle {
    right: auto;
}

.btTextRight .btShowTitle {
    left: auto;
}

.btShowTitle .header.small {
    margin: 0;
}

    .btShowTitle .header.small h1,
    .btShowTitle .header.small h2,
    .btShowTitle .header.small h3,
    .btShowTitle .header.small h4,
    .btShowTitle .header.small h5,
    .btShowTitle .header.small h6,
    .btShowTitle .header.small h7,
    .btShowTitle .header.small h8 {
        margin: 0;
        padding: 0;
    }

.btLightSkin .btShowTitle,
.btDarkSkin .btLightSkin .btShowTitle,
.btLightSkin .btDarkSkin .btLightSkin .btShowTitle {
    color: #333;
    background-color: rgba(255,255,255,.9);
}

.btDarkSkin .btShowTitle,
.btLightSkin .btDarkSkin .btShowTitle,
.btDarkSkin.btLightSkin .btDarkSkin .btShowTitle {
    color: #fff;
    background-color: rgba(35,35,35,.9);
}

.btShowTitle .btSuperTitle {
    line-height: 1.4;
}

.btHasTitles .btShowTitle,
html.touch .btShowTitle {
    display: block;
}

.bpgPhoto:hover .captionPane {
    opacity: .8;
}

    .bpgPhoto:hover .captionPane .captionTable .captionTxt {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.bpgPhoto:hover .btShowTitle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.in-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: in-top 300ms ease 0ms 1 forwards;
    -moz-animation: in-top 300ms ease 0ms 1 forwards;
    animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: in-right 300ms ease 0ms 1 forwards;
    -moz-animation: in-right 300ms ease 0ms 1 forwards;
    animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
    -moz-animation: in-bottom 300ms ease 0ms 1 forwards;
    animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    -moz-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: out-top 300ms ease 0ms 1 forwards;
    -moz-animation: out-top 300ms ease 0ms 1 forwards;
    animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: out-right 300ms ease 0ms 1 forwards;
    -moz-animation: out-right 300ms ease 0ms 1 forwards;
    animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    -moz-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
    -webkit-animation: out-left 300ms ease 0ms 1 forwards;
    -moz-animation: out-left 300ms ease 0ms 1 forwards;
    animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-moz-keyframes in-top {
    from {
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes in-top {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@-moz-keyframes out-top {
    from {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes out-top {
    from {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-moz-keyframes in-right {
    from {
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-moz-keyframes out-right {
    from {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-moz-keyframes in-bottom {
    from {
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes in-bottom {
    from {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@-moz-keyframes out-bottom {
    from {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes out-bottom {
    from {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-moz-keyframes in-left {
    from {
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@-moz-keyframes out-left {
    from {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

/* Price table */
.btPriceTable {
    position: relative;
    border-top: 0;
}

    .btPriceTable .btPriceTableHeader {
        background: var(--main-color);
        padding: 2em;
    }

.btHardRoundedButtons .btPriceTable .btPriceTableHeader {
    border-radius: 50px;
}

.btSoftRoundedButtons .btPriceTable .btPriceTableHeader {
    border-radius: 3px;
}

.btPriceTable .btPriceTableHeader .header .btSuperTitle {
    color: white;
}

.btPriceTable .btPriceTableHeader .header .dash:after,
.btPriceTable .btPriceTableHeader .header .dash:before {
    border-color: white;
}

.btPriceTable .btPriceTableHeader .header.extralarge {
    margin: 0;
}

.btPriceTable .btPriceTableHeader .header .btPriceTableCurrency {
    margin: -.1em 0 0 -.8em;
    font-size: .7em;
    position: absolute;
    left: auto;
    top: auto;
    opacity: .55;
}

.btPriceTable .btSubTitle {
    font-weight: 300;
}

.btPriceTable ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .btPriceTable ul li {
        display: block;
        padding: 1.2em;
        margin: 0 1em;
    }

.btLightSkin .btPriceTable ul li,
.btDarkSkin .btLightSkin .btPriceTable ul li,
.btLightSkin .btDarkSkin .btLightSkin .btPriceTable ul li {
    border-bottom: rgba(0,0,0,.1) 1px solid;
}

    .btLightSkin .btPriceTable ul li:last-child,
    .btDarkSkin .btLightSkin .btPriceTable ul li:last-child,
    .btLightSkin .btDarkSkin .btLightSkin .btPriceTable ul li:last-child {
        border-bottom: none;
    }

.btDarkSkin .btPriceTable,
.btLightSkin .btDarkSkin .btPriceTable,
.btDarkSkin.btLightSkin .btDarkSkin .btPriceTable {
    border: rgba(255,255,255,.5) 1px solid;
}

    .btDarkSkin .btPriceTable ul li,
    .btLightSkin .btDarkSkin .btPriceTable ul li,
    .btDarkSkin.btLightSkin .btDarkSkin .btPriceTable ul li {
        border-bottom: rgba(255,255,255,.5) 1px solid;
    }

        .btDarkSkin .btPriceTable ul li:last-child,
        .btLightSkin .btDarkSkin .btPriceTable ul li:last-child,
        .btDarkSkin.btLightSkin .btDarkSkin .btPriceTable ul li:last-child {
            border-bottom: none;
        }

.btPriceTableSticker {
    padding: 10px;
    position: absolute;
    top: -10px;
    left: 15px;
    right: 0;
    background: #232323;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-family: "Montserrat";
}

    .btPriceTableSticker > div {
        display: table;
        height: 100%;
        width: 100%;
    }

        .btPriceTableSticker > div > div {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            padding: .5em;
            font-size: .7em;
        }

.btLightSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker {
    background: #232323;
    color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
}

.btDarkSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}

/* Service icon */
.servicesItem .btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
    font-size: 21px;
}

.servicesItem .btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
    font-size: 28px;
}

.servicesItem .btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
    font-size: 40px;
}

.servicesItem .btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
    font-size: 52px;
}

.servicesItem header.small .btSuperTitle {
    text-transform: uppercase;
    font-size: .8em;
}

.servicesItem .sIcon {
    line-height: 1;
}

.servicesItem.btIcoExtraSmallSizeIcon .sTxt {
    margin-top: -.2em;
}

/* .btHighlight  .servicesItem  {
	padding-left: $(innerHorizontalPadding)px;
	padding-right: $(innerHorizontalPadding)px;
} */
.btTextCenter .sIcon {
    margin-bottom: 15px;
}

.btTextRight .sIcon {
    float: right;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 0 0 -100%;
}

.btTextRight .sTxt {
    position: relative;
    float: right;
}

.btTextLeft .sIcon {
    float: left;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 -100% 0 0;
}

.btTextLeft .sTxt {
    position: relative;
    float: left;
}

.sTxt h1,
.sTxt h2,
.sTxt h3,
.sTxt h4,
.sTxt h5,
.sTxt h6,
.sTxt h7,
.sTxt h8 {
    clear: none;
}

.sTxt .header.small.btDash {
    margin-bottom: 0;
}

.btTextRight .btIcoExtraSmallSizeIcon .sTxt {
    margin-right: 36px;
}

.btTextLeft .btIcoExtraSmallSizeIcon .sTxt {
    margin-left: 36px;
}

.btTextRight .btIcoSmallSizeIcon .sTxt {
    margin-right: 43px;
}

.btTextLeft .btIcoSmallSizeIcon .sTxt {
    margin-left: 43px;
}

.btTextLeft .btIcoMediumSizeIcon .sTxt {
    margin-left: 55px;
}

.btTextRight .btIcoMediumSizeIcon .sTxt {
    margin-right: 55px;
}

.btTextLeft .btIcoBigSizeIcon .sTxt {
    margin-left: 67px;
}

.btTextRight .btIcoBigSizeIcon .sTxt {
    margin-right: 67px;
}

.btTextLeft .btIcoLargeSizeIcon .sTxt {
    margin-left: 89px;
}

.btTextRight .btIcoLargeSizeIcon .sTxt {
    margin-right: 89px;
}

.servicesItem:after {
    display: table;
    content: " ";
    clear: both;
    width: 100%;
}

.btTextLeft .mediumIcon .sTxt {
    margin-left: 70px;
}

.sTxt p:last-of-type,
.btText p:last-of-type {
    margin-bottom: 0;
}

/* Header */
.header {
    display: inline-block;
}

    .header .headline,
    .header .dash {
        display: block;
    }

    .header .btSuperTitle {
        font-family: "Montserrat";
        margin-bottom: .6em;
    }

    .header .btSubTitle {
        font-family: "Poppins";
        font-size: 1em;
        margin-bottom: .75em;
        clear: both;
    }

/* Dash */
.btDash.bottomDash .dash:after {
    content: ' ';
    clear: both;
    width: 5em;
    display: block;
    margin: 0 0 1.4em;
    border-bottom: 4px solid var(--main-color);
    float: left;
}

.btTextRight .btDash.bottomDash .dash:after {
    float: right;
}

.btTextCenter .btDash.bottomDash .dash:after {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.btDash.topDash .btSuperTitle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.btTextCenter .btDash.topDash .btSuperTitle {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btTextLeft .btDash.topDash .btSuperTitle {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .btTextLeft .btDash.topDash .btSuperTitle:before {
        display: none;
    }

.btTextRight .btDash.topDash .btSuperTitle {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .btTextRight .btDash.topDash .btSuperTitle:after {
        display: none;
    }

body.rtl .btDash.topDash .btSuperTitle {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.btDash.topDash .btSuperTitle span {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btDash.topDash .btSuperTitle:after,
.btDash.topDash .btSuperTitle:before {
    content: ' ';
    display: block;
    -webkit-flex: 15 1 auto;
    -ms-flex: 15 1 auto;
    flex: 15 1 auto;
    border-top: 1px solid var(--main-color);
}

.btDash.topDash .btSuperTitle:after {
    margin-left: 1em;
}

.btDash.topDash .btSuperTitle:before {
    margin-right: 1em;
}

.header.extrasmall h1,
.header.extrasmall h2,
.header.extrasmall h3,
.header.extrasmall h4,
.header.extrasmall h5,
.header.extrasmall h6,
.header.extrasmall h7,
.header.extrasmall h8 {
    font-size: 1.1em;
    padding-bottom: .2em;
}

.header.extrasmall .btSuperTitle {
    font-size: .7em;
    margin-bottom: .35em;
}

.header.extrasmall .btSubTitle {
    margin-bottom: .5em;
    font-size: .85em;
}

.header.extrasmall .dash:after {
    border-width: 2px !important;
    margin-bottom: .3em;
    margin-top: .4em;
}

.header.small h1,
.header.small h2,
.header.small h3,
.header.small h4,
.header.small h5,
.header.small h6,
.header.small h7,
.header.small h8 {
    font-size: 1.2em;
    padding-bottom: .15em;
}

.header.small .btSuperTitle {
    font-size: .8em;
    margin-bottom: .4em;
}

.header.small .btSubTitle {
    margin-bottom: .65em;
    font-size: .9em;
}

.header.small .dash:after {
    width: 3em;
    border-width: 2px !important;
    margin-bottom: .4em;
    margin-top: .4em;
}

.header.normal h1,
.header.normal h2,
.header.normal h3,
.header.normal h4,
.header.normal h5,
.header.normal h6,
.header.normal h7,
.header.normal h8 {
    font-size: 1.88em;
    padding-bottom: .33em;
    font-weight: 600;
}

.header.normal .btSuperTitle {
    margin-bottom: .3em;
}

.header.normal .btSubTitle {
    margin-bottom: .65em;
}

.header.normal .dash:after {
    border-width: 3px !important;
    margin-bottom: .7em;
    margin-top: .25em;
}

.header.medium h1,
.header.medium h2,
.header.medium h3,
.header.medium h4,
.header.medium h5,
.header.medium h6,
.header.medium h7,
.header.medium h8 {
    font-size: 2.133em;
    padding-bottom: .25em;
    font-weight: 600;
}

.header.medium .btSuperTitle {
    margin-bottom: .3em;
}

.header.medium .btSubTitle {
    margin-bottom: .65em;
}

.header.medium .dash:after {
    border-width: 3px !important;
    margin-bottom: .7em;
    margin-top: .25em;
}

.header.large h1,
.header.large h2,
.header.large h3,
.header.large h4,
.header.large h5,
.header.large h6,
.header.large h7,
.header.large h8 {
    font-size: 2.667em;
    font-weight: 600;
    padding-bottom: .4em;
}

.header.large .btSuperTitle {
    font-size: 1.1em;
    margin-bottom: .4em;
}

.header.large .btSubTitle {
    font-size: 1.2em;
    margin-bottom: .5em;
}

.header.large .dash:after {
    border-width: 4px !important;
    margin-bottom: 1.2em;
}

.header.extralarge h1,
.header.extralarge h2,
.header.extralarge h3,
.header.extralarge h4,
.header.extralarge h5,
.header.extralarge h6,
.header.extralarge h7,
.header.extralarge h8 {
    font-size: 4.4em;
    padding-bottom: .3em;
    font-weight: 600;
}

.header.extralarge .btSuperTitle {
    font-size: 1.2em;
}

.header.extralarge .btSubTitle {
    font-size: 1.4em;
    line-height: 1.6;
}

.header.extralarge .dash:after {
    margin-top: .5em;
}

.header.huge h1,
.header.huge h2,
.header.huge h3,
.header.huge h4,
.header.huge h5,
.header.huge h6,
.header.huge h7,
.header.huge h8 {
    font-size: 7em;
    font-weight: 600;
    padding-bottom: .2em;
}

.header.huge .btSuperTitle {
    font-size: 1.3em;
}

.header.huge .btSubTitle {
    font-size: 1.6em;
}

/* Heading Style */
.header.bold h1,
.header.bold h2,
.header.bold h3,
.header.bold h4,
.header.bold h5,
.header.bold h6,
.header.bold h7,
.header.bold h8 {
    font-weight: 800;
}

.header.thin h1,
.header.thin h2,
.header.thin h3,
.header.thin h4,
.header.thin h5,
.header.thin h6,
.header.thin h7,
.header.thin h8 {
    font-weight: 100;
}

/* Grid and tiles */
.btGridContainer {
    overflow: hidden;
}

    .btGridContainer .btGridContent {
        padding: 15px 0 0;
    }

        .btGridContainer .btGridContent p {
            max-height: 5em;
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

.gridItem {
    opacity: .05;
    -webkit-transition: transform 360ms ease 500ms,opacity .5s ease;
    -moz-transition: transform 360ms ease 500ms,opacity .5s ease;
    transition: transform 360ms ease 500ms,opacity .5s ease;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

    .gridItem .slick-prev,
    .gridItem .slick-next {
        display: none !important;
    }

    .gridItem .nbsImgHolder {
        display: none !important;
    }

    .gridItem.btMarkedImage {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

.btLightSkin .gridItem,
.btDarkSkin .btLightSkin .gridItem,
.btLightSkin .btDarkSkin .btLightSkin .gridItem {
    background-color: rgba(0,0,0,.07);
}

.btDarkSkin .gridItem,
.btLightSkin .btDarkSkin .gridItem,
.btDarkSkin.btLightSkin .btDarkSkin .gridItem {
    background-color: rgba(255,255,255,.3);
}

.gridItem.btGridItemLoaded {
    opacity: 1;
}

.gridItem:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-left: 5px solid white;
    border-top: 5px solid white;
    pointer-events: none;
    z-index: 10;
}

.btDarkSkin .gridItem:after,
.btLightSkin .btDarkSkin .gridItem:after,
.btDarkSkin.btLightSkin .btDarkSkin .gridItem:after {
    border-color: #232323 !important;
}

.btLightSkin .gridItem:after,
.btDarkSkin .btLightSkin .gridItem:after,
.btLightSkin .btDarkSkin .btLightSkin .gridItem:after {
    border-color: #fff !important;
}

.btNoMore {
    display: none;
    opacity: 1;
    padding: 3em 0;
    font-family: Montserrat;
}

.btGridContent {
    padding: 7.5px;
}

    .btGridContent .header .btSuperTitle a:hover {
        color: var(--main-color);
    }

.btGridGap-0 .gridItem:after {
    border-left: 0 solid white;
    border-top: 0 solid white;
}

.boldSection .btGridGap-0 .tilesWall,
.boldSection .tilesWall.btGridGap-0 {
    margin-top: -0px;
}

.boldSection.gutter .btGridGap-0 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-0 {
    margin-left: -0px;
}

.boldSection:not(.gutter) .btGridGap-0 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-0 {
    margin-right: 0;
}

.btGridGap-0 .tilesWall.classic .btGridOuterContent {
    padding: 20px 20px 20px 20px;
}

.btGridGap-0.tilesWall .btShowTitle {
    margin: 0;
}

    .btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-0.tilesWall .captionPane {
    padding: 0;
}

.btGridGap-1 .gridItem:after {
    border-left: 1px solid white;
    border-top: 1px solid white;
}

.boldSection .btGridGap-1 .tilesWall,
.boldSection .tilesWall.btGridGap-1 {
    margin-top: -1px;
}

.boldSection.gutter .btGridGap-1 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-1 {
    margin-left: -1px;
}

.boldSection:not(.gutter) .btGridGap-1 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-1 {
    margin-right: 1px;
}

.btGridGap-1 .tilesWall.classic .btGridOuterContent {
    padding: 21px 20px 20px 21px;
}

.btGridGap-1.tilesWall .btShowTitle {
    margin: 0 0 0 1px;
}

    .btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-1.tilesWall .captionPane {
    padding: 1px 0 0 1px;
}

.btGridGap-2 .gridItem:after {
    border-left: 2px solid white;
    border-top: 2px solid white;
}

.boldSection .btGridGap-2 .tilesWall,
.boldSection .tilesWall.btGridGap-2 {
    margin-top: -2px;
}

.boldSection.gutter .btGridGap-2 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-2 {
    margin-left: -2px;
}

.boldSection:not(.gutter) .btGridGap-2 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-2 {
    margin-right: 2px;
}

.btGridGap-2 .tilesWall.classic .btGridOuterContent {
    padding: 22px 20px 20px 22px;
}

.btGridGap-2.tilesWall .btShowTitle {
    margin: 0 0 0 2px;
}

    .btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-2.tilesWall .captionPane {
    padding: 2px 0 0 2px;
}

.btGridGap-3 .gridItem:after {
    border-left: 3px solid white;
    border-top: 3px solid white;
}

.boldSection .btGridGap-3 .tilesWall,
.boldSection .tilesWall.btGridGap-3 {
    margin-top: -3px;
}

.boldSection.gutter .btGridGap-3 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-3 {
    margin-left: -3px;
}

.boldSection:not(.gutter) .btGridGap-3 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-3 {
    margin-right: 3px;
}

.btGridGap-3 .tilesWall.classic .btGridOuterContent {
    padding: 23px 20px 20px 23px;
}

.btGridGap-3.tilesWall .btShowTitle {
    margin: 0 0 0 3px;
}

    .btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-3.tilesWall .captionPane {
    padding: 3px 0 0 3px;
}

.btGridGap-4 .gridItem:after {
    border-left: 4px solid white;
    border-top: 4px solid white;
}

.boldSection .btGridGap-4 .tilesWall,
.boldSection .tilesWall.btGridGap-4 {
    margin-top: -4px;
}

.boldSection.gutter .btGridGap-4 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-4 {
    margin-left: -4px;
}

.boldSection:not(.gutter) .btGridGap-4 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-4 {
    margin-right: 4px;
}

.btGridGap-4 .tilesWall.classic .btGridOuterContent {
    padding: 24px 20px 20px 24px;
}

.btGridGap-4.tilesWall .btShowTitle {
    margin: 0 0 0 4px;
}

    .btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-4.tilesWall .captionPane {
    padding: 4px 0 0 4px;
}

.btGridGap-5 .gridItem:after {
    border-left: 5px solid white;
    border-top: 5px solid white;
}

.boldSection .btGridGap-5 .tilesWall,
.boldSection .tilesWall.btGridGap-5 {
    margin-top: -5px;
}

.boldSection.gutter .btGridGap-5 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-5 {
    margin-left: -5px;
}

.boldSection:not(.gutter) .btGridGap-5 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-5 {
    margin-right: 5px;
}

.btGridGap-5 .tilesWall.classic .btGridOuterContent {
    padding: 25px 20px 20px 25px;
}

.btGridGap-5.tilesWall .btShowTitle {
    margin: 0 0 0 5px;
}

    .btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-5.tilesWall .captionPane {
    padding: 5px 0 0 5px;
}

.btGridGap-6 .gridItem:after {
    border-left: 6px solid white;
    border-top: 6px solid white;
}

.boldSection .btGridGap-6 .tilesWall,
.boldSection .tilesWall.btGridGap-6 {
    margin-top: -6px;
}

.boldSection.gutter .btGridGap-6 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-6 {
    margin-left: -6px;
}

.boldSection:not(.gutter) .btGridGap-6 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-6 {
    margin-right: 6px;
}

.btGridGap-6 .tilesWall.classic .btGridOuterContent {
    padding: 26px 20px 20px 26px;
}

.btGridGap-6.tilesWall .btShowTitle {
    margin: 0 0 0 6px;
}

    .btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-6.tilesWall .captionPane {
    padding: 6px 0 0 6px;
}

.btGridGap-7 .gridItem:after {
    border-left: 7px solid white;
    border-top: 7px solid white;
}

.boldSection .btGridGap-7 .tilesWall,
.boldSection .tilesWall.btGridGap-7 {
    margin-top: -7px;
}

.boldSection.gutter .btGridGap-7 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-7 {
    margin-left: -7px;
}

.boldSection:not(.gutter) .btGridGap-7 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-7 {
    margin-right: 7px;
}

.btGridGap-7 .tilesWall.classic .btGridOuterContent {
    padding: 27px 20px 20px 27px;
}

.btGridGap-7.tilesWall .btShowTitle {
    margin: 0 0 0 7px;
}

    .btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-7.tilesWall .captionPane {
    padding: 7px 0 0 7px;
}

.btGridGap-8 .gridItem:after {
    border-left: 8px solid white;
    border-top: 8px solid white;
}

.boldSection .btGridGap-8 .tilesWall,
.boldSection .tilesWall.btGridGap-8 {
    margin-top: -8px;
}

.boldSection.gutter .btGridGap-8 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-8 {
    margin-left: -8px;
}

.boldSection:not(.gutter) .btGridGap-8 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-8 {
    margin-right: 8px;
}

.btGridGap-8 .tilesWall.classic .btGridOuterContent {
    padding: 28px 20px 20px 28px;
}

.btGridGap-8.tilesWall .btShowTitle {
    margin: 0 0 0 8px;
}

    .btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-8.tilesWall .captionPane {
    padding: 8px 0 0 8px;
}

.btGridGap-9 .gridItem:after {
    border-left: 9px solid white;
    border-top: 9px solid white;
}

.boldSection .btGridGap-9 .tilesWall,
.boldSection .tilesWall.btGridGap-9 {
    margin-top: -9px;
}

.boldSection.gutter .btGridGap-9 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-9 {
    margin-left: -9px;
}

.boldSection:not(.gutter) .btGridGap-9 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-9 {
    margin-right: 9px;
}

.btGridGap-9 .tilesWall.classic .btGridOuterContent {
    padding: 29px 20px 20px 29px;
}

.btGridGap-9.tilesWall .btShowTitle {
    margin: 0 0 0 9px;
}

    .btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-9.tilesWall .captionPane {
    padding: 9px 0 0 9px;
}

.btGridGap-10 .gridItem:after {
    border-left: 10px solid white;
    border-top: 10px solid white;
}

.boldSection .btGridGap-10 .tilesWall,
.boldSection .tilesWall.btGridGap-10 {
    margin-top: -10px;
}

.boldSection.gutter .btGridGap-10 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-10 {
    margin-left: -10px;
}

.boldSection:not(.gutter) .btGridGap-10 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-10 {
    margin-right: 10px;
}

.btGridGap-10 .tilesWall.classic .btGridOuterContent {
    padding: 30px 20px 20px 30px;
}

.btGridGap-10.tilesWall .btShowTitle {
    margin: 0 0 0 10px;
}

    .btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-10.tilesWall .captionPane {
    padding: 10px 0 0 10px;
}

.btGridGap-15 .gridItem:after {
    border-left: 15px solid white;
    border-top: 15px solid white;
}

.boldSection .btGridGap-15 .tilesWall,
.boldSection .tilesWall.btGridGap-15 {
    margin-top: -15px;
}

.boldSection.gutter .btGridGap-15 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-15 {
    margin-left: -15px;
}

.boldSection:not(.gutter) .btGridGap-15 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-15 {
    margin-right: 15px;
}

.btGridGap-15 .tilesWall.classic .btGridOuterContent {
    padding: 35px 20px 20px 35px;
}

.btGridGap-15.tilesWall .btShowTitle {
    margin: 0 0 0 15px;
}

    .btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-15.tilesWall .captionPane {
    padding: 15px 0 0 15px;
}

.btGridGap-20 .gridItem:after {
    border-left: 20px solid white;
    border-top: 20px solid white;
}

.boldSection .btGridGap-20 .tilesWall,
.boldSection .tilesWall.btGridGap-20 {
    margin-top: -20px;
}

.boldSection.gutter .btGridGap-20 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-20 {
    margin-left: -20px;
}

.boldSection:not(.gutter) .btGridGap-20 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-20 {
    margin-right: 20px;
}

.btGridGap-20 .tilesWall.classic .btGridOuterContent {
    padding: 40px 20px 20px 40px;
}

.btGridGap-20.tilesWall .btShowTitle {
    margin: 0 0 0 20px;
}

    .btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-20.tilesWall .captionPane {
    padding: 20px 0 0 20px;
}

.btGridGap-30 .gridItem:after {
    border-left: 30px solid white;
    border-top: 30px solid white;
}

.boldSection .btGridGap-30 .tilesWall,
.boldSection .tilesWall.btGridGap-30 {
    margin-top: -30px;
}

.boldSection.gutter .btGridGap-30 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-30 {
    margin-left: -30px;
}

.boldSection:not(.gutter) .btGridGap-30 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-30 {
    margin-right: 30px;
}

.btGridGap-30 .tilesWall.classic .btGridOuterContent {
    padding: 50px 20px 20px 50px;
}

.btGridGap-30.tilesWall .btShowTitle {
    margin: 0 0 0 30px;
}

    .btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-30.tilesWall .captionPane {
    padding: 30px 0 0 30px;
}

.btGridGap-40 .gridItem:after {
    border-left: 40px solid white;
    border-top: 40px solid white;
}

.boldSection .btGridGap-40 .tilesWall,
.boldSection .tilesWall.btGridGap-40 {
    margin-top: -40px;
}

.boldSection.gutter .btGridGap-40 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-40 {
    margin-left: -40px;
}

.boldSection:not(.gutter) .btGridGap-40 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-40 {
    margin-right: 40px;
}

.btGridGap-40 .tilesWall.classic .btGridOuterContent {
    padding: 60px 20px 20px 60px;
}

.btGridGap-40.tilesWall .btShowTitle {
    margin: 0 0 0 40px;
}

    .btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-40.tilesWall .captionPane {
    padding: 40px 0 0 40px;
}

.btGridGap-50 .gridItem:after {
    border-left: 50px solid white;
    border-top: 50px solid white;
}

.boldSection .btGridGap-50 .tilesWall,
.boldSection .tilesWall.btGridGap-50 {
    margin-top: -50px;
}

.boldSection.gutter .btGridGap-50 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-50 {
    margin-left: -50px;
}

.boldSection:not(.gutter) .btGridGap-50 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-50 {
    margin-right: 50px;
}

.btGridGap-50 .tilesWall.classic .btGridOuterContent {
    padding: 70px 20px 20px 70px;
}

.btGridGap-50.tilesWall .btShowTitle {
    margin: 0 0 0 50px;
}

    .btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt {
        display: block;
    }

        .btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
        .btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
            content: ' ';
            display: table;
            width: 100%;
            clear: both;
        }

        .btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
            display: block;
        }

.btGridGap-50.tilesWall .captionPane {
    padding: 50px 0 0 50px;
}

.btCatFilter {
    padding: 2em 20px;
    text-transform: uppercase;
    font-size: .8em;
    font-family: Montserrat;
}

    .btCatFilter .btCatFilterItem {
        padding: 0 1em;
        cursor: pointer;
        display: inline-block;
    }

        .btCatFilter .btCatFilterItem:hover {
            color: var(--main-color);
        }

    .btCatFilter .btCatFilterTitle {
        font-weight: 400;
        opacity: .6;
    }

    .btCatFilter .btCatFilterItem.active {
        color: var(--main-color);
    }

/* Prev next button */
.nbs {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -60px;
}

.gridItem .nbs {
    margin-left: 0;
    margin-right: 0;
}

.btCarouselSmallNav .nbs {
    margin-top: -25px;
}

.btSimpleArrows .nbs {
    margin-top: -38px;
}

.nsPrev.nbs {
    left: 0;
}

body.rtl .nsPrev.nbs {
    right: 0;
    left: auto;
}

.nsNext.nbs {
    right: 0;
}

body.rtl .nsNext.nbs {
    left: 0;
    right: auto;
}

.nbs a {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 120px;
    height: 120px;
}

.btSimpleArrows .nbs a {
    width: 76px;
    height: 76px;
}

.btCarouselSmallNav .nbs a {
    width: 50px;
    height: 50px;
}

.nbs a .nbsImage {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
    opacity: 0;
    top: 0;
    right: 0;
    z-index: 2;
}

.btNextPrevRow .nbs a .nbsImage {
    opacity: 1;
}

.nbs a .nbsImage .nbsImgHolder {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}

.btHardRoundedButtons .nbs a .nbsImage .nbsImgHolder {
    border-radius: 50px;
}

.btSoftRoundedButtons .nbs a .nbsImage .nbsImgHolder {
    border-radius: 3px;
}

.nbs a .nbsItem {
    pointer-events: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 35vw;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nsPrev.nbs a .nbsItem {
    -webkit-transform: translate3d(40px,0,0);
    -moz-transform: translate3d(40px,0,0);
    -ms-transform: translate3d(40px,0,0);
    transform: translate3d(40px,0,0);
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 140px;
}

body.rtl .nsPrev.nbs a .nbsItem {
    left: auto;
    right: 140px;
}

.nsPrev.nbs a .nbsItem .btCarouselSmallNav {
    left: 60px;
}

body.rtl .nsPrev.nbs a .nbsItem .btCarouselSmallNav {
    left: auto;
    right: 60px;
}

.nsNext.nbs a .nbsItem {
    -webkit-transform: translate3d(-40px,0,0);
    -moz-transform: translate3d(-40px,0,0);
    -ms-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 140px;
}

body.rtl .nsNext.nbs a .nbsItem {
    right: auto;
    left: 140px;
}

.nsNext.nbs a .nbsItem .btCarouselSmallNav {
    right: 60px;
}

body.rtl .nsNext.nbs a .nbsItem .btCarouselSmallNav {
    right: auto;
    left: 60px;
}

.btNextPrevRow .nbs a .nbsItem {
    opacity: 1;
}

.nbs a .nbsItem .nbsDir {
    display: block;
    font-size: .8em;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 400;
}

.nbs a .nbsItem .nbsTitle {
    display: block;
    overflow: hidden;
    font-size: .85em;
    line-height: 1.2;
}

.nbs a:hover .nbsItem {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.nbs a:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btCarouselSmallNav .nbs a:after {
    display: none;
}

.btSimpleArrows .nbs a:after {
    display: none;
}

.btHardRoundedButtons .nbs a:after {
    border-radius: 50px;
}

.btSoftRoundedButtons .nbs a:after {
    border-radius: 3px;
}

.touch .nbs a:after {
    opacity: 1;
}

.nbs a:hover:after {
    opacity: 1;
}

.nbs a:before {
    display: block;
    line-height: 1;
    font-family: 'CustomEssentialSet';
    font-weight: normal;
    font-size: 80px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btSimpleArrows .nbs a:before {
    font-size: 38px;
}

.btCarouselSmallNav .nbs a:before {
    font-size: 26px;
}

.nsNext.nbs a:before {
    content: '\ea7d';
}

body.rtl .nsNext.nbs a:before {
    content: '\ea7c';
}

.nsPrev.nbs a:before {
    content: '\ea7c';
}

body.rtl .nsPrev.nbs a:before {
    content: '\ea7d';
}

.btLightSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin .btLightSkin .btSimpleArrows .nbs a:hover:before,
.btLightSkin .btDarkSkin .btLightSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin .btSimpleArrows .nbs a:hover:before,
.btLightSkin .btDarkSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin.btLightSkin .btDarkSkin .btSimpleArrows .nbs a:hover:before {
    color: var(--main-color) !important;
}

.btLightSkin .nbs a,
.btDarkSkin .btLightSkin .nbs a,
.btLightSkin .btDarkSkin .btLightSkin .nbs a {
    color: #333;
}

.btDarkSkin .nbs a,
.btLightSkin .btDarkSkin .nbs a,
.btDarkSkin.btLightSkin .btDarkSkin .nbs a,
.btMediaBox .nbs a {
    color: #fff;
}

.btLightSkin .nbs a:hover,
.btDarkSkin .btLightSkin .nbs a:hover,
.btLightSkin .btDarkSkin .btLightSkin .nbs a:hover {
    color: #333;
}

.btDarkSkin .nbs a:hover,
.btLightSkin .btDarkSkin .nbs a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .nbs a:hover,
.btMediaBox .nbs a:hover {
    color: #fff;
}

.nbs a:hover:before {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.nbs a:hover .nbsItem {
    opacity: 1;
}

.nbs a:hover .nbsImage {
    opacity: 1;
}

.btNextPrevRow .nbs a:hover .nbsImage {
    opacity: 0;
}

.neighboringArticles .nbs {
    margin: 0;
    position: relative;
    width: auto;
}

    .neighboringArticles .nbs a {
        overflow: hidden;
        position: relative;
        width: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .neighboringArticles .nbs a:before,
        .neighboringArticles .nbs a:after {
            display: none;
        }

        .neighboringArticles .nbs a .nbsImage {
            opacity: 1;
            position: relative;
            width: 80px;
            height: 80px;
            -webkit-flex: 0 0 80px;
            -ms-flex: 0 0 80px;
            flex: 0 0 80px;
            overflow: hidden;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

.btLightSkin .neighboringArticles .nbs a .nbsImage,
.btDarkSkin .btLightSkin .neighboringArticles .nbs a .nbsImage,
.btLightSkin .btDarkSkin .btLightSkin .neighboringArticles .nbs a .nbsImage {
    border: 1px solid #333;
}

.btDarkSkin .neighboringArticles .nbs a .nbsImage,
.btLightSkin .btDarkSkin .neighboringArticles .nbs a .nbsImage,
.btDarkSkin.btLightSkin .btDarkSkin .neighboringArticles .nbs a .nbsImage {
    border: 1px solid #fff;
}

.btHardRoundedButtons .neighboringArticles .nbs a .nbsImage {
    border-radius: 50px;
}

.btSoftRoundedButtons .neighboringArticles .nbs a .nbsImage {
    border-radius: 3px;
}

.neighboringArticles .nbs a .nbsImage:before {
    display: block;
    line-height: 1;
    font-family: 'CustomEssentialSet';
    font-weight: normal;
    font-size: 40px;
}

.neighboringArticles .nbs a .nbsImage .nbsImgHolder {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btHardRoundedButtons .neighboringArticles .nbs a .nbsImage .nbsImgHolder {
    border-radius: 0;
}

.btSoftRoundedButtons .neighboringArticles .nbs a .nbsImage .nbsImgHolder {
    border-radius: 0;
}

.neighboringArticles .nbs a .nbsItem {
    width: auto;
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0 15px;
}

    .neighboringArticles .nbs a .nbsItem .nbsDir {
        font-size: 12px;
        font-weight: 700;
        line-height: 1.1;
        font-family: 'Poppins',arial,sans-serif;
    }

    .neighboringArticles .nbs a .nbsItem .nbsTitle {
        font-size: 24px;
        line-height: 1.3;
        font-weight: 400;
    }

.neighboringArticles .nbs a:hover .nbsImage {
    opacity: 1;
}

    .neighboringArticles .nbs a:hover .nbsImage .nbsImgHolder {
        opacity: 0;
    }

.neighboringArticles .nbs a:hover .nbsDir {
    color: var(--main-color);
}

.neighboringArticles .nbs.nsPrev .nbsItem {
    left: auto;
    right: auto;
}

.rtl .neighboringArticles .nbs.nsPrev .nbsItem {
    text-align: right;
}

.neighboringArticles .nbs.nsPrev .nbsImage:before {
    content: '\ea7c';
}

.rtl .neighboringArticles .nbs.nsPrev .nbsImage:before {
    content: '\ea7d';
}

.neighboringArticles .nbs.nsNext .nbsItem {
    left: auto;
    right: auto;
}

.rtl .neighboringArticles .nbs.nsNext .nbsItem {
    text-align: left;
}

.neighboringArticles .nbs.nsNext .nbsImage:before {
    content: '\ea7d';
}

.rtl .neighboringArticles .nbs.nsNext .nbsImage:before {
    content: '\ea7c';
}

h4.nbs.slick-disabled {
    opacity: .35;
    cursor: default;
}

    h4.nbs.slick-disabled a {
        cursor: none;
        pointer-events: none;
    }

.btSliderHideArrows h4.nbs {
    display: none !important;
}

.nbs a:hover:before .btDarkSkin,
.nbs a:hover:before .btLightSkin .btDarkSkin,
.nbs a:hover:before .btDarkSkin.btLightSkin .btDarkSkin,
.nbs a:hover:after .btDarkSkin,
.nbs a:hover:after .btLightSkin .btDarkSkin,
.nbs a:hover:after .btDarkSkin.btLightSkin .btDarkSkin {
    color: #fff !important;
}

.btMediaBox .nbs a:hover:before .btDarkSkin,
.btMediaBox .nbs a:hover:before .btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:before .btDarkSkin.btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin,
.btMediaBox .nbs a:hover:after .btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin.btLightSkin .btDarkSkin {
    color: #fff;
}

.nbs a:hover:before .btLightSkin,
.nbs a:hover:before .btDarkSkin .btLightSkin,
.nbs a:hover:before .btLightSkin .btDarkSkin .btLightSkin,
.nbs a:hover:after .btLightSkin,
.nbs a:hover:after .btDarkSkin .btLightSkin,
.nbs a:hover:after .btLightSkin .btDarkSkin .btLightSkin {
    color: #333 !important;
}

.btMediaBox .nbs a:hover:before .btLightSkin,
.btMediaBox .nbs a:hover:before .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:before .btLightSkin .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:after .btLightSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:after .btLightSkin .btDarkSkin .btLightSkin {
    color: #fff;
}

/* IE 9 */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	h4.nbs.nsPrev a:before,  h4.nbs.nsNext a:after {
		background-position: center center;
		background-repeat: no-repeat;
	}

	h4.nbs.nsPrev a:before {
		background-image: url('../gfx/nbs-angle-left.png');
	}
	h4.nbs.nsNext a:after {
		background-image: url('../gfx/nbs-angle-right.png');
	}
}*/
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .btLatestPostsContainer.verticalPosts .btSingleLatestPostContent {
        max-width: 67%;
    }

    .btLatestPostsContainer.verticalPosts .btSingleLatestPostImage {
        max-width: 33%;
    }

    .btTextIndent .rowItemContent .btImage,
    .btTextIndent .rowItemContent .bpgPhoto {
        max-width: 100%;
    }

    .btTextCenter .bpgPhoto .btImage {
        display: block;
    }

    .bpgPhoto .boldPhotoBox {
        display: block;
    }
}

/* Slider dots navigation */
.slick-dots {
    position: absolute;
    bottom: 30px;
    width: 320px;
    left: 50%;
    margin: 0 0 0 -160px;
    text-align: center;
    padding: 0;
}

.btSliderHidePaging .slick-dots {
    display: none !important;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    list-style: none;
}

    .slick-dots li button {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        width: 12px;
        height: 12px;
        line-height: 12px;
        vertical-align: middle;
        list-style: none;
        background-color: transparent;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
        font-size: 0;
    }

.btLightSkin .slick-dots li button,
.btDarkSkin .btLightSkin .slick-dots li button,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li button {
    border: 2px solid #333;
}

.btDarkSkin .slick-dots li button,
.btLightSkin .btDarkSkin .slick-dots li button,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li button {
    border: 2px solid #fff;
}

.slick-dots li.slick-active button {
    cursor: pointer;
    cursor: default;
}

.btLightSkin .slick-dots li.slick-active button,
.btDarkSkin .btLightSkin .slick-dots li.slick-active button,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li.slick-active button,
.btLightSkin .slick-dots li button:hover,
.btDarkSkin .btLightSkin .slick-dots li button:hover,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li button:hover {
    background-color: #333;
}

.btDarkSkin .slick-dots li.slick-active button,
.btLightSkin .btDarkSkin .slick-dots li.slick-active button,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li.slick-active button,
.btDarkSkin .slick-dots li button:hover,
.btLightSkin .btDarkSkin .slick-dots li button:hover,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li button:hover {
    background-color: #fff;
}

/* Slick slider */
.slick-slider {
    position: relative;
    direction: ltr;
}

body.rtl .slick-slider {
    direction: rtl;
}

.btDarkSkin.slick-slider {
    background: transparent;
}

.slick-slider .slick-list {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0 -15px;
}

.slick-slider .slick-track {
    display: block;
    position: relative;
}

.fixedSliderHeight.slick-slider .slick-track {
    display: table;
    width: 100%;
    height: 100%;
}

.slick-slider .slick-track:after {
    clear: both;
}

.slick-slider .slick-track:before,
.slick-slider .slick-track:after {
    content: "";
    display: table;
}

.slick-slider .slick-track .slick-slide {
    display: none;
    float: left;
    min-height: 1px;
    -webkit-transition: opacity 360ms ease 0s;
    -moz-transition: opacity 360ms ease 0s;
    transition: opacity 360ms ease 0s;
    z-index: 3;
}

.slick-initialized.slick-slider .slick-track .slick-slide {
    display: block;
}

.fixedSliderHeight.slick-initialized.slick-slider .slick-track .slick-slide {
    display: table-cell !important;
    vertical-align: middle;
    float: none;
}

body.rtl .slick-slider .slick-track .slick-slide {
    float: right;
}

.slick-slider .slick-track .slick-slide .btSliderPort {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
}

.autoSliderHeight .slick-slider .slick-track .slick-slide .btSliderPort {
    height: auto;
}

.largeSliderHeight.slick-slider .slick-track .slick-slide .btSliderPort {
    min-height: 100vh;
    height: 100vh;
}

.slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell {
    display: table-cell;
    vertical-align: middle;
}

    .slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter {
        max-width: 1140px;
        margin: 0 auto;
        width: auto;
        height: auto;
    }

        .slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter .btSlidePane {
            -webkit-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
            -moz-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
            transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
            -webkit-transform: translate3d(100px,0,0);
            -moz-transform: translate3d(100px,0,0);
            -ms-transform: translate3d(100px,0,0);
            transform: translate3d(100px,0,0);
            opacity: 0;
        }

.slick-slider .slidedItem.slick-center .btSliderCell .btSlideGutter .btSlidePane,
.slick-slider .slidedItem.slick-current .btSliderCell .btSlideGutter .btSlidePane,
.slick-slider .slidedItem.slick-active .btSliderCell .btSlideGutter .btSlidePane {
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    opacity: 1 !important;
}

.slidedVariable .slidedItem.firstItem,
.slidedVariable .slidedItem.firstItem .btSliderPort {
    width: 100vw;
}

    .slidedVariable .slidedItem.firstItem .btSliderPort,
    .slidedVariable .slidedItem.firstItem .btSliderPort .btSliderPort {
        width: 100vw;
    }

/* Fixed slider height IE11 Fix */
@media all and (-ms-high-contrast:none) {
    .fixedSliderHeight.slick-slider.slick-initialized .slick-track {
        display: block;
        height: 100%;
    }

        .fixedSliderHeight.slick-slider.slick-initialized .slick-track .slidedItem.slick-slide {
            height: 100%;
            float: left;
            display: table !important;
        }
}

.variableImg {
    height: 100%;
    overflow: hidden;
}

    .variableImg img {
        height: 100%;
        width: auto;
    }

.variableImg {
    position: relative;
}

.slidedItem.firstItem > .port:after,
.slidedItem .variableImg:after,
.btGhost > .port:after {
    content: ' ';
    display: block;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.slidedItem > .port .btSlideGutter,
.btGhost > .port .rowItem {
    position: relative;
    z-index: 2;
}

.slidedItem.firstItem > .port:after,
.btGhost > .port:after {
    background-color: rgba(0,0,0,.6);
}

.slidedItem.slick-current .variableImg:after {
    background-color: rgba(0,0,0,0);
}

/* Simple slider / Client list */
.boldClientList,
.boldClientRegularList {
    position: relative;
    padding: 0;
    margin: 0 -15px;
}

    .boldClientList .bclItem,
    .boldClientRegularList .bclItem {
        position: relative;
        margin: 0;
    }

        .boldClientList .bclItem .bclItemChild,
        .boldClientRegularList .bclItem .bclItemChild {
            display: block;
            position: relative;
        }

            .boldClientList .bclItem .bclItemChild .bclItemChildContent,
            .boldClientRegularList .bclItem .bclItemChild .bclItemChildContent {
                width: 100%;
                padding: 15px;
            }

.boldClientList {
    margin: 0;
}

.boldSection.gutter .boldClientList {
    margin: 0 -15px;
}

    .boldSection.gutter .boldClientList .slick-slider h4.nbs {
        padding: 0;
    }

.boldClientList .bclPort {
    max-width: 1140px;
    position: static !important;
    margin: 0 auto;
    overflow: hidden;
}

.col-ms-12 .boldClientRegularList .bclItem {
    width: 16.6666667%;
}

    .col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) {
        clear: none;
    }

    .col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) {
        clear: left;
    }

@media (max-width: 1200px) {
    .bclPort {
        max-width: 1200px;
    }
}

/* Twitter widget */
/*
.recentTweets .bclItem {
	padding: 0 math($(innerHorizontalPadding)*2, px) 0 0;
}*/
.recentTweets {
    -webkit-backface-visibility: hidden;
}

    .recentTweets img {
        margin: 0 auto 7.5px;
        border-radius: 50%;
        display: block;
    }

    .recentTweets small:before {
        content: '\f099';
        font: 19px/1 FontAwesome;
        position: relative;
        top: 3px;
        margin-right: 3px;
        color: var(--main-color);
        clear: both;
    }

    .recentTweets small {
        margin-bottom: 20px;
    }

    .recentTweets p {
        margin: 0 0 25px;
    }

        .recentTweets p a {
            opacity: .7;
        }

            .recentTweets p a:hover {
                opacity: 1;
            }

/* Overlay gallery slider info bar and close */
.btCloseGhost {
    display: block;
    position: absolute;
    z-index: 7;
    top: 10px;
    right: 10px;
}

body.rtl .btCloseGhost {
    right: auto;
    left: 10px;
}

.btGetInfo {
    position: absolute;
    z-index: 7;
    bottom: 10px;
    left: 30px;
}

body.rtl .btGetInfo {
    left: auto;
    right: 30px;
}

.btInfoBar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 6;
    background-color: rgba(0,0,0,.7);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 260ms ease;
    -moz-transition: transform 260ms ease;
    transition: transform 260ms ease;
}

    .btInfoBar .btInfoBarMeta {
        padding: 10px 40px 10px 40px;
        line-height: 26px;
    }

        .btInfoBar .btInfoBarMeta p {
            display: inline-block;
            margin: 0 8px 0 8px;
            font-weight: 400;
            color: white;
            text-transform: uppercase;
        }

            .btInfoBar .btInfoBarMeta p strong {
                color: var(--main-color);
                padding: 0 5px 0 5px;
            }

body.rtl .btInfoBar .btInfoBarMeta {
    text-align: right;
}

.btInfoBar.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Tabs */
.tabsHeader {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    clear: left;
    overflow: hidden;
    overflow: hidden;
}

.rtl .tabsHeader {
    clear: right;
}

.btLightSkin .tabsHeader,
.btDarkSkin .btLightSkin .tabsHeader,
.btLightSkin .btDarkSkin .btLightSkin .tabsHeader {
    border: 1px solid #000;
}

.btDarkSkin .tabsHeader,
.btLightSkin .btDarkSkin .tabsHeader,
.btDarkSkin.btLightSkin .btDarkSkin .tabsHeader {
    border: 1px solid #fff;
}

.btHardRoundedButtons .tabsHeader {
    border-radius: 50px;
}

.btSoftRoundedButtons .tabsHeader {
    border-radius: 3px;
}

.tabsHeader li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border-bottom: 0;
    padding: 0;
    clear: none;
    cursor: pointer;
    position: relative;
    font-family: "Montserrat";
}

.rtl .tabsHeader li {
    float: right;
}

.tabsHeader li a,
.tabsHeader li span {
    display: block;
    padding: 1em 2em 1em;
    line-height: 1;
}

.btLightSkin .tabsHeader li.on a,
.btLightSkin .tabsHeader li.on span,
.btDarkSkin .btLightSkin .tabsHeader li.on a,
.btDarkSkin .btLightSkin .tabsHeader li.on span,
.btLightSkin .btDarkSkin .btLightSkin .tabsHeader li.on a,
.btLightSkin .btDarkSkin .btLightSkin .tabsHeader li.on span {
    background-color: #000;
    color: #fff;
}

.btDarkSkin .tabsHeader li.on a,
.btDarkSkin .tabsHeader li.on span,
.btLightSkin .btDarkSkin .tabsHeader li.on a,
.btLightSkin .btDarkSkin .tabsHeader li.on span,
.btDarkSkin.btLightSkin .btDarkSkin .tabsHeader li.on a,
.btDarkSkin.btLightSkin .btDarkSkin .tabsHeader li.on span {
    background-color: #fff;
    color: #333;
}

.tabPanes {
    clear: both;
}

    .tabPanes .tabPane {
        padding: 0;
    }

        .tabPanes .tabPane.on {
            padding: 1em 0;
        }

.tabsHorizontal .tabPane {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

    .tabsHorizontal .tabPane.on {
        visibility: visible;
        height: auto;
        overflow: initial;
    }

/*:lightSkinSelector {
	.tabPanes {
		border-top: 4px solid $(lightHeadlineColor);
		border-bottom: 4px solid $(lightHeadlineColor);
	}

}

:darkSkinSelector {
	.tabPanes {
		border-top: 1px solid $(darkHeadlineColor);
		border-bottom: 1px solid $(darkHeadlineColor);
	}

}*/
/* Accordions */
.tabsVertical .tabAccordionTitle {
    display: block;
    padding: 1em 80px 1em 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    font-family: "Montserrat";
    font-size: 21px;
}

    .tabsVertical .tabAccordionTitle span {
        display: inline-block;
        padding: 0;
        position: relative;
    }

    .tabsVertical .tabAccordionTitle:before {
        content: "\f067";
        line-height: 4em;
        font-family: FontAwesome;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 56px;
        text-align: center;
    }

    .tabsVertical .tabAccordionTitle.on:before,
    .tabsVertical .tabAccordionTitle:hover:before {
        content: "\f068";
    }

.btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .tabsVertical .tabAccordionTitle.on,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle.on,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle.on {
    color: #000;
}

.btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin .tabsVertical .tabAccordionTitle.on,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle.on,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle.on {
    color: #fff;
}

.tabsVertical .tabPane {
    padding: 0;
}

    .tabsVertical .tabPane:last-child .tabAccordionTitle {
        border-bottom: none;
    }

    .tabsVertical .tabPane:last-child .tabAccordionContent {
        border-bottom: 0;
    }

    .tabsVertical .tabPane:first-child .tabAccordionTitle {
        border-top: none;
    }

.tabsVertical .tabAccordionContent {
    padding: 15px 0 30px;
    display: none;
}

.tabsVertical .tabsHeader {
    display: none;
}

.btLightSkin .tabsVertical .tabAccordionTitle,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle {
    border-top: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .tabsVertical .tabAccordionTitle,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle {
    border-top: 1px solid rgba(255,255,255,.5);
}

/* Latest posts */
.btLatestPostsContainer .header.small .btSubTitle {
    font-style: italic;
}

.btLatestPostsContainer .btSingleLatestPostImage .bpgPhoto,
.btLatestPostsContainer .btSingleLatestPostImage .boldPhotoBox,
.btLatestPostsContainer .btSingleLatestPostImage .bpgPhoto .btImage img {
    width: 100%;
}

.horizontalPosts.btLatestPostsContainer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0 -15px;
}

    .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin: 0 15px;
    }

.btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btDarkSkin .btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btLightSkin .btDarkSkin .btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
    background-color: #fff;
}

.btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btLightSkin .btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btDarkSkin.btLightSkin .btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
    background-color: #232323;
}

.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostContent {
    padding: 1em;
}

.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostImage:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.verticalPosts.btLatestPostsContainer .btSingleLatestPost {
    margin: 0 0 1.5em;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .verticalPosts.btLatestPostsContainer .btSingleLatestPost:last-child {
        margin-bottom: 0;
    }

.verticalPosts.btLatestPostsContainer .btSingleLatestPostImage {
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}

.verticalPosts.btLatestPostsContainer .btSingleLatestPostContent {
    -webkit-flex: 0 0 67%;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    padding: 15px;
}

.verticalPosts.btLatestPostsContainer .btLatestPostContent {
    max-height: 5.4em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: .9em;
}

.btLatestPostsContainer p.btLatestPostContent {
    margin-bottom: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 5,4em;
}

/* Gmap */
.btGoogleMap {
    width: 100%;
}

    .btGoogleMap figure,
    .btGoogleMap img,
    .btGoogleMap select {
        max-width: none;
    }

.btGoogleMapsWrapper {
    position: relative;
}

    .btGoogleMapsWrapper .btGoogleMapsContainer.btGoogleMapsContainerWithContent {
        height: 100% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .btGoogleMapsWrapper .btGoogleMapsContent {
        max-width: 1185px;
        padding: 4em 0;
        padding-left: 15px;
    }

        .btGoogleMapsWrapper .btGoogleMapsContent > .port {
            position: relative;
        }

        .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
            padding: 15px;
            overflow: hidden;
            width: 25%;
            position: relative;
            z-index: 2;
        }

.btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btLightSkin .btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
    color: #333;
    background-color: rgba(255,255,255,.85);
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}

.btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btDarkSkin.btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
    color: #fff;
    background-color: rgba(0,0,0,.85);
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}

.btTextRight .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
    right: 0;
    left: auto;
}

.btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap .bpgPhoto {
    margin: -15px -15px 0;
    max-width: none;
}

.btHardRoundedButtons .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
    border-radius: 3px;
}

.btSoftRoundedButtons .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
    border-radius: 3px;
}

/* Visualizer plugin support */
.btVisualizer {
    font-family: Montserrat;
}

/* Contact form 7 support */
form.wpcf7-form .wpcf7-submit {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 1.1em 2.5em;
    border: none;
    font-size: .8em;
    line-height: 1;
    width: auto;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--main-color);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btHardRoundedButtons form.wpcf7-form .wpcf7-submit {
    border-radius: 50px;
}

.btSoftRoundedButtons form.wpcf7-form .wpcf7-submit {
    border-radius: 3px;
}

form.wpcf7-form .wpcf7-submit:hover {
    opacity: .8;
}

.btTextLeft form.wpcf7-form {
    float: left;
    width: 100%;
}

.btTextRight form.wpcf7-form {
    float: right;
    width: 100%;
}

form.wpcf7-form .ajax-loader {
    position: absolute;
}

/* Newsletter */
.btNewsletter {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .btNewsletter .btNewsletterColumn {
        -webkit-flex: 1 0 46%;
        -ms-flex: 1 0 46%;
        flex: 1 0 46%;
        max-width: 46%;
        padding-right: 10px;
    }

        .btNewsletter .btNewsletterColumn input {
            color: #000;
            background: #fff;
            font-size: 1em;
        }

    .btNewsletter .btNewsletterButton input {
        height: 4em;
    }

@media (max-width: 991px) {
    .btNewsletter {
        display: block;
    }

        .btNewsletter .btNewsletterColumn {
            max-width: 100%;
            padding-right: 0;
            padding-bottom: 10px;
        }
}

.mfp-bg {
    z-index: 10042 !important;
}

.mfp-wrap {
    z-index: 10043 !important;
}

button.mfp-close:before {
    font-family: Icon7Stroke !important;
}

/* Background video MP4 - FIX */
.boldSection.bt_bb_video {
    overflow: hidden;
    padding-bottom: 0;
    position: relative !important;
}

    .boldSection.bt_bb_video > video {
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        min-width: 100%;
        max-width: inherit;
        min-height: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .boldSection.bt_bb_video .port {
        position: relative;
        z-index: 2;
    }

    .boldSection.bt_bb_video[class*="bt_bb_background_overlay"]:before {
        z-index: 2;
    }

/*
* Animations  
*/
body.btPageTransitions .btContent {
    position: relative;
    width: 100% !important;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

body.btPageTransitions .btSiteFooterWidgets,
body.btPageTransitions .btSiteFooter {
    display: none;
}

.btSectionTransitions {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
    -moz-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
    -ms-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
    transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btSectionTransitions-current,
.no-js .btSectionTransitions {
    visibility: visible;
    z-index: 1;
}

.no-js body {
    overflow: auto;
}

.btSectionTransitions-ontop {
    z-index: 999;
}

.btAnimNavHolder {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1010;
    vertical-align: bottom;
    line-height: 1;
}

.btAnimNav {
    display: inline-block;
    position: static;
    margin: 0;
    padding: 0;
    line-height: 1;
    height: 40px;
    float: right;
}

    .btAnimNav li {
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        line-height: 12px;
    }

        .btAnimNav li.btAnimNavDot {
            display: inline-block;
            float: left;
            margin: 15px 0;
            width: 40px;
            vertical-align: middle;
            text-align: center;
            list-style: none;
            display: none;
            font-family: Montserrat;
        }

.btDarkSkin .btAnimNav li.btAnimNavDot,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavDot,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavDot {
    color: #fff;
}

.btLightSkin .btAnimNav li.btAnimNavDot,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavDot,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavDot {
    color: #000;
}

.btAnimNav li.btAnimNavDot.active {
    display: block;
}

.btAnimNav li.btAnimNavNext,
.btAnimNav li.btAnimNavPrev {
    display: inline-block;
    float: left;
    padding: 0;
    font: normal 25px/36px Icon7Stroke;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    width: auto;
    height: auto;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

.btDarkSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin .btAnimNav li.btAnimNavPrev,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavPrev,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavPrev {
    border: 4px solid #fff;
    color: #fff;
}

.btLightSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btAnimNav li.btAnimNavPrev,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavPrev,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavPrev {
    border: 4px solid #000;
    color: #000;
}

.btAnimNav li.btAnimNavNext:hover,
.btAnimNav li.btAnimNavPrev:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.btAnimNav li.btAnimNavNext:before,
.btAnimNav li.btAnimNavPrev:before {
    display: inline-block;
}

.btAnimNav li.btAnimNavNext:before {
    content: '\e688';
}

.btAnimNav li.btAnimNavPrev:before {
    content: '\e682';
}

#btAnimSelector {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 999999999;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
    -moz-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
    transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
}

.btShowAnimSelector #btAnimSelector {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#btAnimSelector .fancy-select {
    width: 250px;
    display: inline-block;
    margin: 0 10px;
    text-align: left;
}

/* half page */
.btHalfPage .btHalfPageContainer {
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 50%;
    width: 100%;
    overflow: hidden;
}

    .btHalfPage .btHalfPageContainer .boldSection.btHalfPageSection {
        right: auto;
        left: -50%;
        width: 100%;
    }

.btHalfPage .btContent {
    width: 100% !important;
    left: -50%;
    overflow: hidden;
}

    .btHalfPage .btContent .boldSection {
        left: 50%;
        width: 100%;
    }

/* Impress */
.impress-enabled .step {
    width: 100vw;
}

.impress-enabled .btPageWrap {
    overflow: visible;
    height: 100%;
}

.impress-enabled .btContentWrap,
.impress-enabled .btContentHolder {
    height: 100%;
}

.impress-enabled .step.active {
    opacity: 1;
}

.impress-enabled .step {
    opacity: .02;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.impress-enabled .boldSection {
    background-color: transparent !important;
}

/* Headline animations */
.headline .animate {
    display: inline-block;
}

.headline u.animate {
    position: relative;
    text-decoration: none;
}

    .headline u.animate:before {
        content: ' ';
        height: .1em;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 0 -.1.em;
        background-color: #000;
        -webkit-transform: scale3d(0,1,1);
        -moz-transform: scale3d(0,1,1);
        -ms-transform: scale3d(0,1,1);
        transform: scale3d(0,1,1);
    }

.btDarkSkin .headline u.animate:before,
.btLightSkin .btDarkSkin .headline u.animate:before,
.btDarkSkin.btLightSkin .btDarkSkin .headline u.animate:before {
    background-color: #fff;
}

.btLightSkin .headline u.animate:before,
.btDarkSkin .btLightSkin .headline u.animate:before,
.btLightSkin .btDarkSkin .btLightSkin .headline u.animate:before {
    background-color: #000;
}

.headline u.animate.animated:before {
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.headline b.animate {
    font-weight: inherit;
    opacity: 1;
}

    .headline b.animate.animated {
        opacity: 1;
        color: var(--main-color);
    }

.headline i.animate {
    font-style: normal;
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
}

    .headline i.animate.animated {
        -webkit-transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }

.headline del.animate,
.headline del {
    font-style: normal;
    font-weight: 400;
    text-decoration: line-through;
    opacity: 1;
}

    .headline del.animate.animated {
        opacity: .3;
    }

.headline em.animate {
    font-weight: 400;
    font-style: normal;
    font-family: Poppins;
    font-style: italic;
}

.headline em.animate {
    opacity: .9;
}

    .headline em.animate.animated {
        opacity: 1;
    }

.headline i.animate,
.headline u.animate:before {
    -webkit-transition: all 500ms ease-out 500ms;
    -moz-transition: all 500ms ease-out 500ms;
    transition: all 500ms ease-out 500ms;
}

.headline b.animate {
    -webkit-transition: color 1000ms ease;
    -moz-transition: color 1000ms ease;
    transition: color 1000ms ease;
}

.headline em.animate {
    -webkit-transition: all 1500ms ease-out 500ms;
    -moz-transition: all 1500ms ease-out 500ms;
    transition: all 1500ms ease-out 500ms;
}

/* animation sets */
/* move from / to  */
.btSectionTransitions-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    -moz-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both;
}

.btSectionTransitions-moveFromLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    -moz-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both;
}

.btSectionTransitions-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    -moz-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both;
}

.btSectionTransitions-moveFromRight {
    -webkit-animation: moveFromRight .6s ease both;
    -moz-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both;
}

.btSectionTransitions-moveToTop {
    -webkit-animation: moveToTop .6s ease both;
    -moz-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both;
}

.btSectionTransitions-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    -moz-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both;
}

.btSectionTransitions-moveToBottom {
    -webkit-animation: moveToBottom .6s ease both;
    -moz-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both;
}

.btSectionTransitions-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    -moz-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both;
}

/* fade */
.btSectionTransitions-fade {
    -webkit-animation: fade .7s ease both;
    -moz-animation: fade .7s ease both;
    animation: fade .7s ease both;
}

/* move from / to and fade */
.btSectionTransitions-moveToLeftFade {
    -webkit-animation: moveToLeftFade .7s ease both;
    -moz-animation: moveToLeftFade .7s ease both;
    animation: moveToLeftFade .7s ease both;
}

.btSectionTransitions-moveFromLeftFade {
    -webkit-animation: moveFromLeftFade .7s ease both;
    -moz-animation: moveFromLeftFade .7s ease both;
    animation: moveFromLeftFade .7s ease both;
}

.btSectionTransitions-moveToRightFade {
    -webkit-animation: moveToRightFade .7s ease both;
    -moz-animation: moveToRightFade .7s ease both;
    animation: moveToRightFade .7s ease both;
}

.btSectionTransitions-moveFromRightFade {
    -webkit-animation: moveFromRightFade .7s ease both;
    -moz-animation: moveFromRightFade .7s ease both;
    animation: moveFromRightFade .7s ease both;
}

.btSectionTransitions-moveToTopFade {
    -webkit-animation: moveToTopFade .7s ease both;
    -moz-animation: moveToTopFade .7s ease both;
    animation: moveToTopFade .7s ease both;
}

.btSectionTransitions-moveFromTopFade {
    -webkit-animation: moveFromTopFade .7s ease both;
    -moz-animation: moveFromTopFade .7s ease both;
    animation: moveFromTopFade .7s ease both;
}

.btSectionTransitions-moveToBottomFade {
    -webkit-animation: moveToBottomFade .7s ease both;
    -moz-animation: moveToBottomFade .7s ease both;
    animation: moveToBottomFade .7s ease both;
}

.btSectionTransitions-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade .7s ease both;
    -moz-animation: moveFromBottomFade .7s ease both;
    animation: moveFromBottomFade .7s ease both;
}

/* move to with different easing */
.btSectionTransitions-moveToLeftEasing {
    -webkit-animation: moveToLeft .7s ease-in-out both;
    -moz-animation: moveToLeft .7s ease-in-out both;
    animation: moveToLeft .7s ease-in-out both;
}

.btSectionTransitions-moveToRightEasing {
    -webkit-animation: moveToRight .7s ease-in-out both;
    -moz-animation: moveToRight .7s ease-in-out both;
    animation: moveToRight .7s ease-in-out both;
}

.btSectionTransitions-moveToTopEasing {
    -webkit-animation: moveToTop .7s ease-in-out both;
    -moz-animation: moveToTop .7s ease-in-out both;
    animation: moveToTop .7s ease-in-out both;
}

.btSectionTransitions-moveToBottomEasing {
    -webkit-animation: moveToBottom .7s ease-in-out both;
    -moz-animation: moveToBottom .7s ease-in-out both;
    animation: moveToBottom .7s ease-in-out both;
}

/********************************* keyframes **************************************/
/* move from / to  */
@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-moz-keyframes moveToLeft {
    to {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes moveToRight {
    to {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes moveToTop {
    to {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-moz-keyframes moveToBottom {
    to {
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

/* fade */
@-webkit-keyframes fade {
    to {
        opacity: .3;
    }
}

@-moz-keyframes fade {
    to {
        opacity: .3;
    }
}

@keyframes fade {
    to {
        opacity: .3;
    }
}

/* move from / to and fade */
@-webkit-keyframes moveToLeftFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-moz-keyframes moveToLeftFade {
    to {
        opacity: .3;
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes moveToLeftFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeftFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-moz-keyframes moveFromLeftFade {
    from {
        opacity: .3;
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes moveFromLeftFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRightFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes moveToRightFade {
    to {
        opacity: .3;
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes moveToRightFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRightFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes moveFromRightFade {
    from {
        opacity: .3;
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes moveFromRightFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes moveToTopFade {
    to {
        opacity: .3;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes moveToTopFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTopFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        opacity: .3;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottomFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-moz-keyframes moveToBottomFade {
    to {
        opacity: .3;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes moveToBottomFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottomFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-moz-keyframes moveFromBottomFade {
    from {
        opacity: .3;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes moveFromBottomFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

/* scale and fade */
.btSectionTransitions-scaleDown {
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both;
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both;
}

.btSectionTransitions-scaleUp {
    -webkit-animation: scaleUp .7s ease both;
    -moz-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both;
    -webkit-animation: scaleUp .7s ease both;
    -moz-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both;
}

.btSectionTransitions-scaleUpDown {
    -webkit-animation: scaleUpDown .5s ease both;
    -moz-animation: scaleUpDown .5s ease both;
    animation: scaleUpDown .5s ease both;
    -webkit-animation: scaleUpDown .5s ease both;
    -moz-animation: scaleUpDown .5s ease both;
    animation: scaleUpDown .5s ease both;
}

.btSectionTransitions-scaleDownUp {
    -webkit-animation: scaleDownUp .5s ease both;
    -moz-animation: scaleDownUp .5s ease both;
    animation: scaleDownUp .5s ease both;
    -webkit-animation: scaleDownUp .5s ease both;
    -moz-animation: scaleDownUp .5s ease both;
    animation: scaleDownUp .5s ease both;
}

.btSectionTransitions-scaleDownCenter {
    -webkit-animation: scaleDownCenter .4s ease-in both;
    -moz-animation: scaleDownCenter .4s ease-in both;
    animation: scaleDownCenter .4s ease-in both;
    -webkit-animation: scaleDownCenter .4s ease-in both;
    -moz-animation: scaleDownCenter .4s ease-in both;
    animation: scaleDownCenter .4s ease-in both;
}

.btSectionTransitions-scaleUpCenter {
    -webkit-animation: scaleUpCenter .4s ease-out both;
    -moz-animation: scaleUpCenter .4s ease-out both;
    animation: scaleUpCenter .4s ease-out both;
    -webkit-animation: scaleUpCenter .4s ease-out both;
    -moz-animation: scaleUpCenter .4s ease-out both;
    animation: scaleUpCenter .4s ease-out both;
}

/********************************* keyframes **************************************/
/* scale and fade */
@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

@-moz-keyframes scaleDown {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
}

@keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

@-moz-keyframes scaleUp {
    from {
        opacity: 0;
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-moz-keyframes scaleUpDown {
    from {
        opacity: 0;
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-moz-keyframes scaleDownUp {
    to {
        opacity: 0;
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
}

@-webkit-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@-moz-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -moz-transform: scale(.7);
        transform: scale(.7);
    }
}

@keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@-moz-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -moz-transform: scale(.7);
        transform: scale(.7);
    }
}

@keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
}

/* rotate sides first and scale */
.btSectionTransitions-rotateRightSideFirst {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateRightSideFirst .8s both ease-in;
    -moz-animation: rotateRightSideFirst .8s both ease-in;
    animation: rotateRightSideFirst .8s both ease-in;
}

.btSectionTransitions-rotateLeftSideFirst {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateLeftSideFirst .8s both ease-in;
    -moz-animation: rotateLeftSideFirst .8s both ease-in;
    animation: rotateLeftSideFirst .8s both ease-in;
}

.btSectionTransitions-rotateTopSideFirst {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateTopSideFirst .8s both ease-in;
    -moz-animation: rotateTopSideFirst .8s both ease-in;
    animation: rotateTopSideFirst .8s both ease-in;
}

.btSectionTransitions-rotateBottomSideFirst {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateBottomSideFirst .8s both ease-in;
    -moz-animation: rotateBottomSideFirst .8s both ease-in;
    animation: rotateBottomSideFirst .8s both ease-in;
}

/* flip */
.btSectionTransitions-flipOutRight {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipOutRight .5s both ease-in;
    -moz-animation: flipOutRight .5s both ease-in;
    animation: flipOutRight .5s both ease-in;
}

.btSectionTransitions-flipInLeft {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipInLeft .5s both ease-out;
    -moz-animation: flipInLeft .5s both ease-out;
    animation: flipInLeft .5s both ease-out;
}

.btSectionTransitions-flipOutLeft {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipOutLeft .5s both ease-in;
    -moz-animation: flipOutLeft .5s both ease-in;
    animation: flipOutLeft .5s both ease-in;
}

.btSectionTransitions-flipInRight {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipInRight .5s both ease-out;
    -moz-animation: flipInRight .5s both ease-out;
    animation: flipInRight .5s both ease-out;
}

.btSectionTransitions-flipOutTop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipOutTop .5s both ease-in;
    -moz-animation: flipOutTop .5s both ease-in;
    animation: flipOutTop .5s both ease-in;
}

.btSectionTransitions-flipInBottom {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipInBottom .5s both ease-out;
    -moz-animation: flipInBottom .5s both ease-out;
    animation: flipInBottom .5s both ease-out;
}

.btSectionTransitions-flipOutBottom {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipOutBottom .5s both ease-in;
    -moz-animation: flipOutBottom .5s both ease-in;
    animation: flipOutBottom .5s both ease-in;
}

.btSectionTransitions-flipInTop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipInTop .5s both ease-out;
    -moz-animation: flipInTop .5s both ease-out;
    animation: flipInTop .5s both ease-out;
}

/* rotate fall */
.btSectionTransitions-rotateFall {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: rotateFall 1s both ease-in;
    -moz-animation: rotateFall 1s both ease-in;
    animation: rotateFall 1s both ease-in;
}

/* rotate newspaper */
.btSectionTransitions-rotateOutNewspaper {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateOutNewspaper .5s both ease-in;
    -moz-animation: rotateOutNewspaper .5s both ease-in;
    animation: rotateOutNewspaper .5s both ease-in;
}

.btSectionTransitions-rotateInNewspaper {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateInNewspaper .5s both ease-out;
    -moz-animation: rotateInNewspaper .5s both ease-out;
    animation: rotateInNewspaper .5s both ease-out;
}

/* push */
.btSectionTransitions-rotatePushLeft {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotatePushLeft .8s both ease;
    -moz-animation: rotatePushLeft .8s both ease;
    animation: rotatePushLeft .8s both ease;
}

.btSectionTransitions-rotatePushRight {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotatePushRight .8s both ease;
    -moz-animation: rotatePushRight .8s both ease;
    animation: rotatePushRight .8s both ease;
}

.btSectionTransitions-rotatePushTop {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotatePushTop .8s both ease;
    -moz-animation: rotatePushTop .8s both ease;
    animation: rotatePushTop .8s both ease;
}

.btSectionTransitions-rotatePushBottom {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotatePushBottom .8s both ease;
    -moz-animation: rotatePushBottom .8s both ease;
    animation: rotatePushBottom .8s both ease;
}

/* pull */
.btSectionTransitions-rotatePullRight {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotatePullRight .5s both ease;
    -moz-animation: rotatePullRight .5s both ease;
    animation: rotatePullRight .5s both ease;
}

.btSectionTransitions-rotatePullLeft {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotatePullLeft .5s both ease;
    -moz-animation: rotatePullLeft .5s both ease;
    animation: rotatePullLeft .5s both ease;
}

.btSectionTransitions-rotatePullTop {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotatePullTop .5s both ease;
    -moz-animation: rotatePullTop .5s both ease;
    animation: rotatePullTop .5s both ease;
}

.btSectionTransitions-rotatePullBottom {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotatePullBottom .5s both ease;
    -moz-animation: rotatePullBottom .5s both ease;
    animation: rotatePullBottom .5s both ease;
}

/* fold */
.btSectionTransitions-rotateFoldRight {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateFoldRight .7s both ease;
    -moz-animation: rotateFoldRight .7s both ease;
    animation: rotateFoldRight .7s both ease;
}

.btSectionTransitions-rotateFoldLeft {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateFoldLeft .7s both ease;
    -moz-animation: rotateFoldLeft .7s both ease;
    animation: rotateFoldLeft .7s both ease;
}

.btSectionTransitions-rotateFoldTop {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateFoldTop .7s both ease;
    -moz-animation: rotateFoldTop .7s both ease;
    animation: rotateFoldTop .7s both ease;
}

.btSectionTransitions-rotateFoldBottom {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateFoldBottom .7s both ease;
    -moz-animation: rotateFoldBottom .7s both ease;
    animation: rotateFoldBottom .7s both ease;
}

/* unfold */
.btSectionTransitions-rotateUnfoldLeft {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateUnfoldLeft .7s both ease;
    -moz-animation: rotateUnfoldLeft .7s both ease;
    animation: rotateUnfoldLeft .7s both ease;
}

.btSectionTransitions-rotateUnfoldRight {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateUnfoldRight .7s both ease;
    -moz-animation: rotateUnfoldRight .7s both ease;
    animation: rotateUnfoldRight .7s both ease;
}

.btSectionTransitions-rotateUnfoldTop {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateUnfoldTop .7s both ease;
    -moz-animation: rotateUnfoldTop .7s both ease;
    animation: rotateUnfoldTop .7s both ease;
}

.btSectionTransitions-rotateUnfoldBottom {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateUnfoldBottom .7s both ease;
    -moz-animation: rotateUnfoldBottom .7s both ease;
    animation: rotateUnfoldBottom .7s both ease;
}

/* room walls */
.btSectionTransitions-rotateRoomLeftOut {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoomLeftOut .8s both ease;
    -moz-animation: rotateRoomLeftOut .8s both ease;
    animation: rotateRoomLeftOut .8s both ease;
}

.btSectionTransitions-rotateRoomLeftIn {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateRoomLeftIn .8s both ease;
    -moz-animation: rotateRoomLeftIn .8s both ease;
    animation: rotateRoomLeftIn .8s both ease;
}

.btSectionTransitions-rotateRoomRightOut {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateRoomRightOut .8s both ease;
    -moz-animation: rotateRoomRightOut .8s both ease;
    animation: rotateRoomRightOut .8s both ease;
}

.btSectionTransitions-rotateRoomRightIn {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoomRightIn .8s both ease;
    -moz-animation: rotateRoomRightIn .8s both ease;
    animation: rotateRoomRightIn .8s both ease;
}

.btSectionTransitions-rotateRoomTopOut {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateRoomTopOut .8s both ease;
    -moz-animation: rotateRoomTopOut .8s both ease;
    animation: rotateRoomTopOut .8s both ease;
}

.btSectionTransitions-rotateRoomTopIn {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateRoomTopIn .8s both ease;
    -moz-animation: rotateRoomTopIn .8s both ease;
    animation: rotateRoomTopIn .8s both ease;
}

.btSectionTransitions-rotateRoomBottomOut {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateRoomBottomOut .8s both ease;
    -moz-animation: rotateRoomBottomOut .8s both ease;
    animation: rotateRoomBottomOut .8s both ease;
}

.btSectionTransitions-rotateRoomBottomIn {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateRoomBottomIn .8s both ease;
    -moz-animation: rotateRoomBottomIn .8s both ease;
    animation: rotateRoomBottomIn .8s both ease;
}

/* cube */
.btSectionTransitions-rotateCubeLeftOut {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    z-index: 1;
    -webkit-animation: rotateCubeLeftOut .6s both ease-in;
    -moz-animation: rotateCubeLeftOut .6s both ease-in;
    animation: rotateCubeLeftOut .6s both ease-in;
}

.btSectionTransitions-rotateCubeLeftIn {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    z-index: 500;
    -webkit-animation: rotateCubeLeftIn .6s both ease-in;
    -moz-animation: rotateCubeLeftIn .6s both ease-in;
    animation: rotateCubeLeftIn .6s both ease-in;
}

.btSectionTransitions-rotateCubeRightOut {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateCubeRightOut .6s both ease-in;
    -moz-animation: rotateCubeRightOut .6s both ease-in;
    animation: rotateCubeRightOut .6s both ease-in;
}

.btSectionTransitions-rotateCubeRightIn {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    z-index: 500;
    -webkit-animation: rotateCubeRightIn .6s both ease-in;
    -moz-animation: rotateCubeRightIn .6s both ease-in;
    animation: rotateCubeRightIn .6s both ease-in;
}

.btSectionTransitions-rotateCubeTopOut {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCubeTopOut .6s both ease-in;
    -moz-animation: rotateCubeTopOut .6s both ease-in;
    animation: rotateCubeTopOut .6s both ease-in;
}

.btSectionTransitions-rotateCubeTopIn {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    z-index: 500;
    -webkit-animation: rotateCubeTopIn .6s both ease-in;
    -moz-animation: rotateCubeTopIn .6s both ease-in;
    animation: rotateCubeTopIn .6s both ease-in;
}

.btSectionTransitions-rotateCubeBottomOut {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateCubeBottomOut .6s both ease-in;
    -moz-animation: rotateCubeBottomOut .6s both ease-in;
    animation: rotateCubeBottomOut .6s both ease-in;
}

.btSectionTransitions-rotateCubeBottomIn {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    z-index: 500;
    -webkit-animation: rotateCubeBottomIn .6s both ease-in;
    -moz-animation: rotateCubeBottomIn .6s both ease-in;
    animation: rotateCubeBottomIn .6s both ease-in;
}

/* carousel */
.btSectionTransitions-rotateCarouselLeftOut {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselLeftOut .8s both ease;
    -moz-animation: rotateCarouselLeftOut .8s both ease;
    animation: rotateCarouselLeftOut .8s both ease;
}

.btSectionTransitions-rotateCarouselLeftIn {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateCarouselLeftIn .8s both ease;
    -moz-animation: rotateCarouselLeftIn .8s both ease;
    animation: rotateCarouselLeftIn .8s both ease;
}

.btSectionTransitions-rotateCarouselRightOut {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateCarouselRightOut .8s both ease;
    -moz-animation: rotateCarouselRightOut .8s both ease;
    animation: rotateCarouselRightOut .8s both ease;
}

.btSectionTransitions-rotateCarouselRightIn {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselRightIn .8s both ease;
    -moz-animation: rotateCarouselRightIn .8s both ease;
    animation: rotateCarouselRightIn .8s both ease;
}

.btSectionTransitions-rotateCarouselTopOut {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselTopOut .8s both ease;
    -moz-animation: rotateCarouselTopOut .8s both ease;
    animation: rotateCarouselTopOut .8s both ease;
}

.btSectionTransitions-rotateCarouselTopIn {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateCarouselTopIn .8s both ease;
    -moz-animation: rotateCarouselTopIn .8s both ease;
    animation: rotateCarouselTopIn .8s both ease;
}

.btSectionTransitions-rotateCarouselBottomOut {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateCarouselBottomOut .8s both ease;
    -moz-animation: rotateCarouselBottomOut .8s both ease;
    animation: rotateCarouselBottomOut .8s both ease;
}

.btSectionTransitions-rotateCarouselBottomIn {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselBottomIn .8s both ease;
    -moz-animation: rotateCarouselBottomIn .8s both ease;
    animation: rotateCarouselBottomIn .8s both ease;
}

/* sides */
.btSectionTransitions-rotateSidesOut {
    -webkit-transform-origin: -50% 50%;
    -moz-transform-origin: -50% 50%;
    -ms-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-animation: rotateSidesOut .5s both ease-in;
    -moz-animation: rotateSidesOut .5s both ease-in;
    animation: rotateSidesOut .5s both ease-in;
}

.btSectionTransitions-rotateSidesIn {
    -webkit-transform-origin: 150% 50%;
    -moz-transform-origin: 150% 50%;
    -ms-transform-origin: 150% 50%;
    transform-origin: 150% 50%;
    -webkit-animation: rotateSidesIn .5s both ease-out;
    -moz-animation: rotateSidesIn .5s both ease-out;
    animation: rotateSidesIn .5s both ease-out;
}

/* slide */
.btSectionTransitions-rotateSlideOut {
    -webkit-animation: rotateSlideOut 1s both ease;
    -moz-animation: rotateSlideOut 1s both ease;
    animation: rotateSlideOut 1s both ease;
    -webkit-animation: rotateSlideOut 1s both ease;
    -moz-animation: rotateSlideOut 1s both ease;
    animation: rotateSlideOut 1s both ease;
}

.btSectionTransitions-rotateSlideIn {
    -webkit-animation: rotateSlideIn 1s both ease;
    -moz-animation: rotateSlideIn 1s both ease;
    animation: rotateSlideIn 1s both ease;
    -webkit-animation: rotateSlideIn 1s both ease;
    -moz-animation: rotateSlideIn 1s both ease;
    animation: rotateSlideIn 1s both ease;
}

/********************************* keyframes **************************************/
/* rotate sides first and scale */
@-webkit-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes rotateRightSideFirst {
    40% {
        -moz-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        -ms-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        -webkit-transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        -ms-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-webkit-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes rotateLeftSideFirst {
    40% {
        -moz-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        -ms-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-webkit-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes rotateTopSideFirst {
    40% {
        -moz-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        -ms-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-webkit-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes rotateBottomSideFirst {
    40% {
        -moz-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

@keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        -moz-transform: scale(.8) translateZ(-200px);
        -ms-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px);
        opacity: 0;
    }
}

/* flip */
@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipOutRight {
    to {
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipInLeft {
    from {
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipOutLeft {
    to {
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipInRight {
    from {
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipOutTop {
    to {
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

@keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipInBottom {
    from {
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipOutBottom {
    to {
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2;
    }
}

@-webkit-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

@-moz-keyframes flipInTop {
    from {
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

@keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2;
    }
}

/* fall */
@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
    }

    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
    }

    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg);
    }
}

@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    20% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
        -webkit-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
    }

    60% {
        -webkit-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
        -webkit-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
    }

    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg);
    }
}

@-moz-keyframes rotateFall {
    0% {
        -moz-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    20% {
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
    }

    60% {
        -moz-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
    }

    100% {
        -moz-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg);
    }
}

@keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        transform: rotateZ(17deg);
    }

    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        transform: rotateZ(16deg);
    }

    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg);
    }
}

/* newspaper */
@-webkit-keyframes rotateOutNewspaper {
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutNewspaper {
    to {
        -webkit-transform: transform: translateZ(-3000px) rotateZ(360deg);
        transform: transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutNewspaper {
    to {
        -moz-transform: transform: translateZ(-3000px) rotateZ(360deg);
        transform: transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0;
    }
}

@keyframes rotateOutNewspaper {
    to {
        -webkit-transform: transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: transform: translateZ(-3000px) rotateZ(360deg);
        transform: transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateInNewspaper {
    from {
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0;
    }
}

@keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0;
    }
}

/* push */
@-webkit-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-webkit-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-moz-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -moz-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-webkit-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-moz-keyframes rotatePushRight {
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-moz-keyframes rotatePushTop {
    to {
        opacity: 0;
        -moz-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@-webkit-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@-moz-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -moz-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

/* pull */
@-webkit-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-moz-keyframes rotatePullRight {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-webkit-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-moz-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@-webkit-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-moz-keyframes rotatePullTop {
    from {
        opacity: 0;
        -moz-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@-webkit-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@-moz-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -moz-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

@keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
}

/* fold */
@-webkit-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-moz-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -moz-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@-moz-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -moz-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-moz-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -moz-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-moz-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -moz-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

/* unfold */
@-webkit-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@-moz-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-moz-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -moz-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-moz-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-moz-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

/* room walls */
@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@-moz-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@-moz-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@-moz-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@-moz-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

@-moz-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@-moz-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@-moz-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

@-moz-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

@keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg);
    }
}

/* cube */
@-webkit-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
        z-index: 0;
    }
}

@-moz-keyframes rotateCubeLeftOut {
    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }

    100% {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
        z-index: 0;
    }
}

@keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
        z-index: 0;
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }
}

@-moz-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }

    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }
}

@-webkit-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-moz-keyframes rotateCubeRightOut {
    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }

    100% {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
}

@-moz-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }

    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
}

@-webkit-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-moz-keyframes rotateCubeTopOut {
    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }

    100% {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}

@-moz-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }

    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-moz-keyframes rotateCubeBottomOut {
    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }

    100% {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

@-moz-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }

    50% {
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

/* carousel */
@-webkit-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg);
    }
}

@-moz-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg);
    }
}

@keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        -ms-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg);
    }
}

@-webkit-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-moz-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg);
        -ms-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-webkit-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-moz-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg);
        -ms-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-webkit-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        transform: translateX(-200%) scale(.4) rotateY(-65deg);
    }
}

@-moz-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        transform: translateX(-200%) scale(.4) rotateY(-65deg);
    }
}

@keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        -ms-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        transform: translateX(-200%) scale(.4) rotateY(-65deg);
    }
}

@-webkit-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@-moz-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
        -ms-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@-webkit-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-moz-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
        -ms-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-webkit-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-moz-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
        -ms-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-webkit-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@-moz-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
        -ms-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg);
    }
}

/* sides */
@-webkit-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg);
        transform: translateZ(-500px) rotateY(90deg);
    }
}

@-moz-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(90deg);
        transform: translateZ(-500px) rotateY(90deg);
    }
}

@keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg);
        -moz-transform: translateZ(-500px) rotateY(90deg);
        -ms-transform: translateZ(-500px) rotateY(90deg);
        transform: translateZ(-500px) rotateY(90deg);
    }
}

@-webkit-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg);
        transform: translateZ(-500px) rotateY(-90deg);
    }
}

@-moz-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(-90deg);
        transform: translateZ(-500px) rotateY(-90deg);
    }
}

@keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg);
        -moz-transform: translateZ(-500px) rotateY(-90deg);
        -ms-transform: translateZ(-500px) rotateY(-90deg);
        transform: translateZ(-500px) rotateY(-90deg);
    }
}

/* slide */
@-webkit-keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes rotateSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes rotateSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}

@keyframes rotateSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}

/* animation delay classes */
.btSectionTransitions-delay100 {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
}

.btSectionTransitions-delay180 {
    -webkit-animation-delay: .180s;
    -moz-animation-delay: .180s;
    animation-delay: .180s;
    -webkit-animation-delay: .180s;
    -moz-animation-delay: .180s;
    animation-delay: .180s;
}

.btSectionTransitions-delay200 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
}

.btSectionTransitions-delay300 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}

.btSectionTransitions-delay400 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
}

.btSectionTransitions-delay500 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
}

.btSectionTransitions-delay700 {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    animation-delay: .7s;
}

.btSectionTransitions-delay1000 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

/* Woocommerce */
.clear {
    clear: both;
}

.woocommerce ul.products li.first,
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page ul.products li.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
    clear: both;
}

@font-face {
    font-family: star;
    src: url(../../plugins/woocommerce/assets/fonts/star.html);
    src: url(../../plugins/woocommerce/assets/fonts/stard41dd41d.html?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/star-2.html) format("woff"),url(../../plugins/woocommerce/assets/fonts/star-3.html) format("truetype"),url(../../plugins/woocommerce/assets/fonts/star-4.html#star) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: WooCommerce;
    src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.html);
    src: url(../../plugins/woocommerce/assets/fonts/WooCommerced41dd41d.html?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce-2.html) format("woff"),url(../../plugins/woocommerce/assets/fonts/WooCommerce-3.html) format("truetype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce-4.html#WooCommerce) format("svg");
    font-weight: 400;
    font-style: normal;
}

p.demo_store {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background-color: var(--main-color);
    color: #fff;
    z-index: 99998;
    -webkit-box-shadow: 0 1px 1em rgba(0,0,0,.2);
    box-shadow: 0 1px 1em rgba(0,0,0,.2);
}

    p.demo_store a {
        color: #fff;
    }

.admin-bar p.demo_store {
    top: 32px;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 100%;
}

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 48%;
    }

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: right;
        width: 48%;
    }

.woocommerce img,
.woocommerce-page img {
    height: auto;
    max-width: 100%;
}

.woocommerce div.product form.cart .reset_variations,
.woocommerce form .form-row label.hidden,
.woocommerce-page div.product form.cart .reset_variations,
.woocommerce-page form .form-row label.hidden {
    visibility: hidden;
}

.woocommerce .blockUI.blockOverlay,
.woocommerce-page .blockUI.blockOverlay {
    position: relative;
}

    .woocommerce .blockUI.blockOverlay:before,
    .woocommerce .loader:before,
    .woocommerce-page .blockUI.blockOverlay:before,
    .woocommerce-page .loader:before {
        height: 1em;
        width: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.5em;
        margin-top: -.5em;
        display: block;
        content: "";
        -webkit-animation: spin 1s ease-in-out infinite;
        -moz-animation: spin 1s ease-in-out infinite;
        animation: spin 1s ease-in-out infinite;
        background: url(../../plugins/woocommerce/assets/images/icons/loader.html) center center;
        background-size: cover;
        line-height: 1;
        text-align: center;
        font-size: 2em;
        color: rgba(0,0,0,.75);
    }

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
    padding: 1em 1em .8em 3em;
    margin: 0 0 2em;
    position: relative;
    background-color: rgba(0,0,0,.07);
    color: #333;
    border-top: 4px solid #000;
    list-style: none !important;
    width: auto;
    word-wrap: break-word;
    line-height: 1.4;
}

    .woocommerce .woocommerce-info a: not(.button),
    .woocommerce .woocommerce-message a: not(.button),
    .woocommerce-page .woocommerce-info a: not(.button),
    .woocommerce-page .woocommerce-message a: not(.button) {
        color: var(--main-color);
        text-decoration: underline;
    }

.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
    border-top-color: #b81c23;
}

    .woocommerce .woocommerce-error a,
    .woocommerce-page .woocommerce-error a {
        color: #b81c23;
    }

.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover,
.woocommerce-page .woocommerce-info a:hover,
.woocommerce-page .woocommerce-message a:hover {
    text-decoration: none;
}

.woocommerce .woocommerce-error a:hover,
.woocommerce-page .woocommerce-error a:hover {
    color: #fff;
}

.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-message:after,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-info:after,
.woocommerce-page .woocommerce-message:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
    font-family: Icon7Stroke;
    font-size: 2.2em;
    line-height: 1;
    font-weight: 400;
    display: block;
    float: left;
    margin: -.15em .2em 0 -1.2em;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-info:before {
    content: "\e647";
    color: var(--main-color);
}

.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
    content: '\e67b';
    color: #b81c23;
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    float: right;
    margin: -.5em 0 0 .7em;
}

.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li,
.woocommerce-page .woocommerce-error li,
.woocommerce-page .woocommerce-info li,
.woocommerce-page .woocommerce-message li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.woocommerce small.note,
.woocommerce-page small.note {
    display: block;
    color: #777;
    font-size: .857em;
    margin-top: 10px;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: .92em;
}

    .woocommerce .woocommerce-breadcrumb a,
    .woocommerce-page .woocommerce-breadcrumb a {
        color: inherit;
    }

    .woocommerce .woocommerce-breadcrumb:after,
    .woocommerce .woocommerce-breadcrumb:before,
    .woocommerce-page .woocommerce-breadcrumb:after,
    .woocommerce-page .woocommerce-breadcrumb:before {
        content: " ";
        display: table;
    }

.woocommerce a.button,
.woocommerce input[type="submit"],
.woocommerce button[type="submit"],
.woocommerce input.button,
.woocommerce input.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce .button.alt:hover,
.woocommerce button.alt:hover,
.woocommerce-page a.button,
.woocommerce-page input[type="submit"],
.woocommerce-page button[type="submit"],
.woocommerce-page input.button,
.woocommerce-page input.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page .button.alt:hover,
.woocommerce-page button.alt:hover {
    font-size: .8em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1em 1.2em;
    cursor: pointer;
    border: 1px solid #000;
    color: #000;
    background-color: transparent;
    font-family: Montserrat;
}

.btHardRoundedButtons .woocommerce a.button,
.btHardRoundedButtons .woocommerce input[type="submit"],
.btHardRoundedButtons .woocommerce button[type="submit"],
.btHardRoundedButtons .woocommerce input.button,
.btHardRoundedButtons .woocommerce input.alt:hover,
.btHardRoundedButtons .woocommerce a.button.alt:hover,
.btHardRoundedButtons .woocommerce .button.alt:hover,
.btHardRoundedButtons .woocommerce button.alt:hover,
.btHardRoundedButtons .woocommerce-page a.button,
.btHardRoundedButtons .woocommerce-page input[type="submit"],
.btHardRoundedButtons .woocommerce-page button[type="submit"],
.btHardRoundedButtons .woocommerce-page input.button,
.btHardRoundedButtons .woocommerce-page input.alt:hover,
.btHardRoundedButtons .woocommerce-page a.button.alt:hover,
.btHardRoundedButtons .woocommerce-page .button.alt:hover,
.btHardRoundedButtons .woocommerce-page button.alt:hover {
    border-radius: 50px;
}

.btSoftRoundedButtons .woocommerce a.button,
.btSoftRoundedButtons .woocommerce input[type="submit"],
.btSoftRoundedButtons .woocommerce button[type="submit"],
.btSoftRoundedButtons .woocommerce input.button,
.btSoftRoundedButtons .woocommerce input.alt:hover,
.btSoftRoundedButtons .woocommerce a.button.alt:hover,
.btSoftRoundedButtons .woocommerce .button.alt:hover,
.btSoftRoundedButtons .woocommerce button.alt:hover,
.btSoftRoundedButtons .woocommerce-page a.button,
.btSoftRoundedButtons .woocommerce-page input[type="submit"],
.btSoftRoundedButtons .woocommerce-page button[type="submit"],
.btSoftRoundedButtons .woocommerce-page input.button,
.btSoftRoundedButtons .woocommerce-page input.alt:hover,
.btSoftRoundedButtons .woocommerce-page a.button.alt:hover,
.btSoftRoundedButtons .woocommerce-page .button.alt:hover,
.btSoftRoundedButtons .woocommerce-page button.alt:hover {
    border-radius: 3px;
}

.woocommerce a.checkout-button,
.woocommerce input#place_order,
.woocommerce input[name="save_address"],
.woocommerce-page a.checkout-button,
.woocommerce-page input#place_order,
.woocommerce-page input[name="save_address"] {
    width: 100%;
    float: none;
    display: block;
    text-align: center !important;
}

.woocommerce a.button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce .button:hover,
.woocommerce button:hover,
.woocommerce input.alt,
.woocommerce a.button.alt,
.woocommerce .button.alt,
.woocommerce button.alt,
.woocommerce-page a.button:hover,
.woocommerce-page input[type="submit"]:hover,
.woocommerce-page .button:hover,
.woocommerce-page button:hover,
.woocommerce-page input.alt,
.woocommerce-page a.button.alt,
.woocommerce-page .button.alt,
.woocommerce-page button.alt {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: "Montserrat";
}

.woocommerce .my_account_orders .order-actions .button,
.woocommerce-page .my_account_orders .order-actions .button {
    margin: .125em 0 .125em .25em;
}

.woocommerce .my_account_orders .button,
.woocommerce-page .my_account_orders .button {
    white-space: nowrap;
}

.woocommerce .cart input,
.woocommerce-page .cart input {
    margin: 0;
    vertical-align: middle;
    line-height: 1;
    width: auto;
}

    .woocommerce .cart input#coupon_code,
    .woocommerce-page .cart input#coupon_code {
        margin: 0 10px 0 0;
        float: left;
    }

.woocommerce p.lost_password,
.woocommerce-page p.lost_password {
    float: right;
    padding: 0 0 0 2.4em;
    margin: .7em 0 0;
}

    .woocommerce p.lost_password:before,
    .woocommerce-page p.lost_password:before {
        content: '\e64a';
        display: block;
        float: left;
        margin: -.05em 0 0 -1.2em;
        font: normal 2em/1 Icon7Stroke;
        color: var(--main-color);
    }

.woocommerce form.login p.lost_password a:hover,
.woocommerce-page form.login p.lost_password a:hover {
    color: var(--main-color);
}

.woocommerce input.button[name="register"],
.woocommerce-page input.button[name="register"] {
    float: right;
    width: auto;
}

.woocommerce .added:after,
.woocommerce .loading:after,
.woocommerce-page .added:after,
.woocommerce-page .loading:after {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 0;
    font: 400 1.3em/1.7em WooCommerce;
    vertical-align: middle;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    width: 1.7em;
    height: 1.7em;
    margin: -.85em -.85em 0 0;
    border-radius: 50%;
    background-color: var(--main-color);
    color: #fff;
}

.woocommerce .loading:after,
.woocommerce-page .loading:after {
    content: "\e01c";
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.woocommerce .added:after,
.woocommerce-page .added:after {
    content: "\e017";
}

.woocommerce table .order-actions,
.woocommerce-page table .order-actions {
    text-align: right;
}

.woocommerce table td.product-name p.backorder_notification,
.woocommerce-page table td.product-name p.backorder_notification {
    font-size: .83em;
}

.woocommerce table td.product-quantity,
.woocommerce-page table td.product-quantity {
    min-width: 80px;
}

.woocommerce form .form-row,
.woocommerce-page form .form-row {
    padding: 3px 0;
    margin: 0 0 10px;
}

.rtl.woocommerce form .form-row,
.rtl.woocommerce-page form .form-row {
    text-align: right;
}

.rtl.woocommerce form input[type="submit"].button,
.rtl.woocommerce-page form input[type="submit"].button {
    text-align: center;
}

.woocommerce form .form-row.form-row-last,
.woocommerce-page form .form-row.form-row-last {
    margin-bottom: 20px;
}

.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    -moz-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    line-height: 2;
    display: block;
}

    .woocommerce form .form-row label.inline,
    .woocommerce-page form .form-row label.inline {
        display: inline;
    }

.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    cursor: pointer;
    margin: 0;
}

.woocommerce form .form-row .select2-container,
.woocommerce-page form .form-row .select2-container {
    line-height: 1;
    font-family: "Montserrat";
    font-size: .8em;
    line-height: 2.5em;
}

.rtl.woocommerce form .form-row .select2-container,
.rtl.woocommerce-page form .form-row .select2-container {
    text-align: right;
}

.woocommerce form .form-row .select2-container .select2-choice,
.woocommerce-page form .form-row .select2-container .select2-choice {
    padding-left: 1em;
    height: 3.2em;
    line-height: 3.2em;
}

.rtl.woocommerce form .form-row .select2-container .select2-choice,
.rtl.woocommerce-page form .form-row .select2-container .select2-choice {
    padding-left: 0;
    padding-right: 1em;
}

.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
    color: red;
    font-weight: 700;
    border: 0;
}

.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: auto;
    display: inline;
}

.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
    height: 5em;
    display: block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce-page form .form-row.woocommerce-invalid .select2-container,
.woocommerce-page form .form-row.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.woocommerce-invalid select {
    border-color: #a00;
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce-page form .form-row.woocommerce-validated .select2-container,
.woocommerce-page form .form-row.woocommerce-validated input.input-text,
.woocommerce-page form .form-row.woocommerce-validated select {
    border-color: #69bf29;
}

.woocommerce form .form-row::-webkit-input-placeholder,
.woocommerce-page form .form-row::-webkit-input-placeholder {
    line-height: normal;
}

.woocommerce form .form-row:-moz-placeholder,
.woocommerce-page form .form-row:-moz-placeholder {
    line-height: normal;
}

.woocommerce form .form-row:-ms-input-placeholder,
.woocommerce-page form .form-row:-ms-input-placeholder {
    line-height: normal;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.login,
.woocommerce-page form.register {
    margin: 0 0 20px;
    text-align: left;
}

.woocommerce div.product,
.woocommerce-page div.product {
    margin-bottom: 0;
    position: relative;
}

    .woocommerce div.product .btPriceTableSticker,
    .woocommerce-page div.product .btPriceTableSticker {
        top: 20px;
        left: auto;
        right: 20px;
        z-index: 1;
    }

.rtl.woocommerce div.product .btPriceTableSticker,
.rtl.woocommerce-page div.product .btPriceTableSticker {
    right: auto;
    left: 20px;
}

.woocommerce div.product form.cart:after,
.woocommerce-page div.product form.cart:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.woocommerce div.product form.cart .quantity,
.woocommerce-page div.product form.cart .quantity {
    margin-bottom: 2em;
}

    .woocommerce div.product form.cart .quantity .qty,
    .woocommerce-page div.product form.cart .quantity .qty {
        width: 8em;
        text-align: center;
        float: left;
        margin-right: 1em;
        padding: .9em 0;
        line-height: 15px;
    }

.rtl.woocommerce div.product form.cart .quantity .qty,
.rtl.woocommerce-page div.product form.cart .quantity .qty {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button {
    vertical-align: middle;
    float: left;
}

.rtl.woocommerce div.product form.cart .single_add_to_cart_button,
.rtl.woocommerce-page div.product form.cart .single_add_to_cart_button {
    float: right;
}

.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
}

.woocommerce div.product .btProductSKU,
.woocommerce-page div.product .btProductSKU {
    display: block;
    float: right;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    font-size: 1.25em;
    line-height: 1;
    margin: .5em 0;
    font-family: "Montserrat";
    color: var(--main-color);
}

.woocommerce div.product .entry-summary p.price,
.woocommerce-page div.product .entry-summary p.price {
    font-size: 2.5em;
    font-weight: 600;
}

    .woocommerce div.product .entry-summary p.price ins,
    .woocommerce-page div.product .entry-summary p.price ins {
        display: block;
        margin: 12px 0 0;
    }

.woocommerce div.product .single_variation span.price,
.woocommerce-page div.product .single_variation span.price {
    font-size: 1.35em;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-page div.product p.price ins,
.woocommerce-page div.product span.price ins {
    background: inherit;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce div.product .posted del .amount,
.woocommerce-page div.product p.price del,
.woocommerce-page div.product span.price del,
.woocommerce-page div.product .posted del .amount {
    opacity: .5;
}

.woocommerce div.product .stock,
.woocommerce-page div.product .stock {
    color: var(--main-color);
    font-weight: 600;
}

.woocommerce div.product .out-of-stock,
.woocommerce-page div.product .out-of-stock {
    color: red;
}

.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
    float: right;
    width: 48%;
    margin-bottom: 15px;
}

.rtl.woocommerce div.product div.images,
.rtl.woocommerce-page div.product div.images {
    float: left;
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.woocommerce div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails {
    padding-top: 15px;
    margin-right: -15px;
}

    .woocommerce div.product div.images div.thumbnails .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb {
        float: left;
        width: 33.333%;
        padding-right: 15px;
        margin-bottom: 15px;
    }

        .woocommerce div.product div.images div.thumbnails .btSingleProductThumb.last,
        .woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb.last {
            margin-right: 0;
        }

    .woocommerce div.product div.images div.thumbnails.columns-1 .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails.columns-1 .btSingleProductThumb {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .woocommerce div.product div.images div.thumbnails.columns-2 .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails.columns-2 .btSingleProductThumb {
        width: 48%;
    }

    .woocommerce div.product div.images div.thumbnails.columns-4 .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails.columns-4 .btSingleProductThumb {
        width: 22.05%;
    }

    .woocommerce div.product div.images div.thumbnails.columns-5 .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails.columns-5 .btSingleProductThumb {
        width: 16.9%;
    }

    .woocommerce div.product div.images div.thumbnails.columns-6 .btSingleProductThumb,
    .woocommerce-page div.product div.images div.thumbnails.columns-6 .btSingleProductThumb {
        width: 13%;
    }

.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 .5em;
    margin: 0 0 1em;
    position: relative;
}

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger,
    .woocommerce-page div.product div.images .woocommerce-product-gallery__trigger {
        position: absolute;
        z-index: 1;
        width: 2em;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
    .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
        .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
            padding: 1em .5em 0;
        }

            .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a,
            .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
                position: relative;
                display: block;
            }

                .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img,
                .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
                    border: 1px solid rgba(0,0,0,.05);
                    width: 100%;
                    display: block;
                }

            .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child,
            .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
                -webkit-flex: 0 1 100%;
                -ms-flex: 0 1 100%;
                flex: 0 1 100%;
                padding: 0;
                margin: 0 .5em;
                border: 1px solid rgba(0,0,0,.05);
            }

                .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img,
                .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
                    border: none;
                    display: block;
                }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image {
        -webkit-flex: 0 0 16.666%;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__image,
    .woocommerce-page div.product div.images .woocommerce-product-gallery__image {
        float: left;
        padding: 0 15px 7.5px 0;
    }

        .woocommerce div.product div.images .woocommerce-product-gallery__image img,
        .woocommerce-page div.product div.images .woocommerce-product-gallery__image img {
            border: 0;
        }

        .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child,
        .woocommerce-page div.product div.images .woocommerce-product-gallery__image:first-child {
            float: none;
            overflow: hidden;
            margin: 0 15px 7.5px 0;
            padding: 0;
            width: auto !important;
        }

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger,
    .woocommerce-page div.product div.images .woocommerce-product-gallery__trigger {
        position: absolute;
        right: 70px;
        top: 20px;
        font-size: 0;
        line-height: 0;
        z-index: 1;
    }

        .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,
        .woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:after {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 18px;
            line-height: 34.5px;
            text-align: center;
            display: block;
            border-radius: 50%;
            width: 34.5px;
            color: #fff;
            -webkit-box-shadow: 0 0 0 2em var(--main-color) inset,0 0 0 2em rgba(255,255,255,.5) inset;
            box-shadow: 0 0 0 2em var(--main-color) inset,0 0 0 2em rgba(255,255,255,.5) inset;
            -webkit-transition: 300ms ease all;
            -moz-transition: 300ms ease all;
            transition: 300ms ease all;
        }

        .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,
        .woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:hover:after {
            -webkit-box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 2em rgba(255,255,255,.5) inset;
            box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 2em rgba(255,255,255,.5) inset;
            color: var(--main-color);
        }

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-bottom: 3em;
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    float: left;
    width: 48%;
}

.rtl.woocommerce div.product div.summary,
.rtl.woocommerce-page div.product div.summary {
    float: right;
}

.woocommerce div.product .commentTxt .star-rating,
.woocommerce-page div.product .commentTxt .star-rating {
    margin: 22px 10px 0 0;
    float: right;
}

.woocommerce div.product .woocommerce-variation-description p,
.woocommerce-page div.product .woocommerce-variation-description p {
    margin-bottom: 1em;
}

.woocommerce div.product .wc-no-matching-variations,
.woocommerce-page div.product .wc-no-matching-variations {
    display: none;
}

.woocommerce div.product .button,
.woocommerce-page div.product .button {
    vertical-align: middle;
    float: left;
}

.rtl.woocommerce div.product .button,
.rtl.woocommerce-page div.product .button {
    float: right;
}

.woocommerce div.product .group_table td.label,
.woocommerce-page div.product .group_table td.label {
    padding-right: 1em;
    padding-left: 1em;
}

.woocommerce div.product .group_table td,
.woocommerce-page div.product .group_table td {
    vertical-align: middle;
    border: 0;
    position: relative;
}

.woocommerce div.product a.reset_variations,
.woocommerce-page div.product a.reset_variations {
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    clear: both;
    position: absolute;
    bottom: -2em;
}

    .woocommerce div.product a.reset_variations:before,
    .woocommerce-page div.product a.reset_variations:before {
        content: '\e680';
        color: inherit;
        font-family: Icon7Stroke;
    }

    .woocommerce div.product a.reset_variations:hover,
    .woocommerce-page div.product a.reset_variations:hover {
        color: var(--main-color);
    }

.woocommerce div.product.product-type-grouped .single_add_to_cart_button,
.woocommerce-page div.product.product-type-grouped .single_add_to_cart_button {
    float: right !important;
}

.rtl.woocommerce div.product.product-type-grouped .single_add_to_cart_button,
.rtl.woocommerce-page div.product.product-type-grouped .single_add_to_cart_button {
    float: left !important;
}

.woocommerce .added_to_cart,
.woocommerce-page .added_to_cart {
    position: absolute;
    bottom: -2em;
    right: 0;
    left: 0;
    font-family: Montserrat;
    font-size: .7em;
    text-align: center;
}

.woocommerce .variations,
.woocommerce-page .variations {
    margin-bottom: 3em;
    border: 0;
}

    .woocommerce .variations td,
    .woocommerce .variations th,
    .woocommerce-page .variations td,
    .woocommerce-page .variations th {
        border: 0;
        padding: .2em 1em;
    }

    .woocommerce .variations label,
    .woocommerce-page .variations label {
        font-weight: 700;
    }

    .woocommerce .variations select,
    .woocommerce-page .variations select {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .woocommerce .variations td,
    .woocommerce-page .variations td {
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.woocommerce .products ul:after,
.woocommerce ul.products:after,
.woocommerce-page .products ul:after,
.woocommerce-page ul.products:after {
    content: " ";
    display: table;
    clear: both;
}

.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

    .woocommerce .products ul li.product .btPriceTableSticker,
    .woocommerce ul.products li.product .btPriceTableSticker,
    .woocommerce-page .products ul li.product .btPriceTableSticker,
    .woocommerce-page ul.products li.product .btPriceTableSticker {
        top: 5px;
        left: 25px;
        background: #FF7F00;
        opacity: .9;
        z-index: 1;
    }

    .woocommerce .products ul li.product,
    .woocommerce ul.products li.product,
    .woocommerce-page .products ul li.product,
    .woocommerce-page ul.products li.product {
        float: left;
        margin: 0 0 5em;
        padding: 0 15px;
        position: relative;
        list-style: none;
        width: 25%;
    }

.rtl.woocommerce .products ul li.product,
.rtl.woocommerce ul.products li.product,
.rtl.woocommerce-page .products ul li.product,
.rtl.woocommerce-page ul.products li.product {
    float: right;
}

.woocommerce .products ul li.product h3,
.woocommerce ul.products li.product h3,
.woocommerce-page .products ul li.product h3,
.woocommerce-page ul.products li.product h3 {
    padding: 0 0 .5em;
    margin: 0;
    font-size: 1em;
}

.woocommerce .products ul li.product a,
.woocommerce ul.products li.product a,
.woocommerce-page .products ul li.product a,
.woocommerce-page ul.products li.product a {
    text-decoration: none;
}

.woocommerce .products ul li.product .bpgPhoto,
.woocommerce ul.products li.product .bpgPhoto,
.woocommerce-page .products ul li.product .bpgPhoto,
.woocommerce-page ul.products li.product .bpgPhoto {
    margin: 0 0 15px;
}

.woocommerce .products ul li.product strong,
.woocommerce ul.products li.product strong,
.woocommerce-page .products ul li.product strong,
.woocommerce-page ul.products li.product strong {
    display: block;
}

.woocommerce .products ul li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page .products ul li.product .price,
.woocommerce-page ul.products li.product .price {
    display: block;
    font-weight: 600;
    margin-bottom: 1em;
    font-family: "Montserrat";
}

    .woocommerce .products ul li.product .price del,
    .woocommerce ul.products li.product .price del,
    .woocommerce-page .products ul li.product .price del,
    .woocommerce-page ul.products li.product .price del {
        color: inherit;
        opacity: .5;
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .woocommerce .products ul li.product .price ins,
    .woocommerce ul.products li.product .price ins,
    .woocommerce-page .products ul li.product .price ins,
    .woocommerce-page ul.products li.product .price ins {
        background: 0 0;
        font-weight: 700;
        text-decoration: none;
    }

    .woocommerce .products ul li.product .price .from,
    .woocommerce ul.products li.product .price .from,
    .woocommerce-page .products ul li.product .price .from,
    .woocommerce-page ul.products li.product .price .from {
        font-size: .67em;
        margin: -2px 0 0;
        text-transform: uppercase;
        color: rgba(132,132,132,.5);
    }

.woocommerce .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce ul.products li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page ul.products li.product .header .btSubTitle .btNoStarRating {
    display: block;
    height: 1.8em;
}

.woocommerce .products ul li.product a.btBtn,
.woocommerce ul.products li.product a.btBtn,
.woocommerce-page .products ul li.product a.btBtn,
.woocommerce-page ul.products li.product a.btBtn {
    text-decoration: none;
    text-transform: uppercase;
}

.woocommerce .boldSection.gutter .products ul,
.woocommerce .boldSection.gutter ul.products,
.boldSection.gutter .woocommerce .products ul,
.boldSection.gutter .woocommerce ul.products,
.woocommerce-page .boldSection.gutter .products ul,
.woocommerce-page .boldSection.gutter ul.products,
.boldSection.gutter .woocommerce-page .products ul,
.boldSection.gutter .woocommerce-page ul.products {
    margin: 0 -15px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce .woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
}

.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 30px;
    font-family: "Montserrat";
}

    .woocommerce nav.woocommerce-pagination ul,
    .woocommerce-page nav.woocommerce-pagination ul {
        display: inline-block;
        padding: 0;
        margin: 1px;
    }

        .woocommerce nav.woocommerce-pagination ul li,
        .woocommerce-page nav.woocommerce-pagination ul li {
            margin: 0 0 5px;
            display: inline-block;
        }

            .woocommerce nav.woocommerce-pagination ul li a,
            .woocommerce nav.woocommerce-pagination ul li span,
            .woocommerce-page nav.woocommerce-pagination ul li a,
            .woocommerce-page nav.woocommerce-pagination ul li span {
                margin: 0;
                text-decoration: none;
                line-height: 1;
                font-size: 1em;
                font-weight: 400;
                padding: .3em 0;
                width: 1.7em;
                height: 1.7em;
                display: block;
            }

.btHardRoundedButtons.woocommerce nav.woocommerce-pagination ul li a,
.btHardRoundedButtons.woocommerce nav.woocommerce-pagination ul li span,
.btHardRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li a,
.btHardRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li span {
    border-radius: 50px;
}

.btSoftRoundedButtons.woocommerce nav.woocommerce-pagination ul li a,
.btSoftRoundedButtons.woocommerce nav.woocommerce-pagination ul li span,
.btSoftRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li a,
.btSoftRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li span {
    border-radius: 3px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a.next,
.woocommerce-page nav.woocommerce-pagination ul li a.prev,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
    background: var(--main-color);
    color: #fff;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    margin: 0;
}

    .woocommerce .woocommerce-ordering select,
    .woocommerce-page .woocommerce-ordering select {
        vertical-align: top;
    }

    .woocommerce .woocommerce-ordering .woocommerce-result-count,
    .woocommerce-page .woocommerce-ordering .woocommerce-result-count {
        margin: 15px 0;
    }

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: left;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    float: right;
}

    .woocommerce .woocommerce-ordering .fancy-select,
    .woocommerce-page .woocommerce-ordering .fancy-select {
        width: 220px;
        margin: 0 0 20px;
    }

        .woocommerce .woocommerce-ordering .fancy-select .options,
        .woocommerce-page .woocommerce-ordering .fancy-select .options {
            padding: 0;
            top: auto;
            margin: 1px 0 0;
        }

            .woocommerce .woocommerce-ordering .fancy-select .options li,
            .woocommerce-page .woocommerce-ordering .fancy-select .options li {
                margin: 0;
                float: none;
            }

.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
    content: "\f005\f005\f005\f005\f005";
    color: #000;
    letter-spacing: 3px;
    opacity: .2;
}

.woocommerce .star-rating,
.woocommerce-page .star-rating {
    overflow: hidden;
    position: relative;
    line-height: 1;
    font-family: FontAwesome;
    margin: 0;
    display: inline-block;
}

    .woocommerce .star-rating .rating,
    .woocommerce-page .star-rating .rating {
        display: none;
    }

    .woocommerce .star-rating span,
    .woocommerce-page .star-rating span {
        overflow: hidden;
        top: 0;
        left: 0;
        position: absolute;
    }

.rtl.woocommerce .star-rating span,
.rtl.woocommerce-page .star-rating span {
    left: auto;
    right: 0;
}

.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    letter-spacing: 3px;
    color: var(--main-color);
}

.header.large .woocommerce .star-rating,
.header.large .woocommerce-page .star-rating {
    line-height: inherit;
    margin-top: 2px;
}

.widget_recent_reviews .woocommerce .star-rating,
.widget_recent_reviews .woocommerce-page .star-rating {
    font-size: 12px;
}

.products .woocommerce .star-rating,
.products .woocommerce-page .star-rating {
    margin: 7px 0 0;
}

.woocommerce .widget_recent_reviews li a:after,
.woocommerce .widget_recent_reviews .reviewer:after,
.woocommerce-page .widget_recent_reviews li a:after,
.woocommerce-page .widget_recent_reviews .reviewer:after {
    display: table;
    content: ' ';
}

.woocommerce p.stars,
.woocommerce-page p.stars {
    position: relative;
    letter-spacing: .25em;
    margin-bottom: 3em;
}

    .woocommerce p.stars a,
    .woocommerce-page p.stars a {
        display: inline-block;
        font-weight: 700;
        text-indent: -9999px;
        position: relative;
        border-bottom: 0 !important;
        outline: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

.rtl.woocommerce p.stars a,
.rtl.woocommerce-page p.stars a {
    left: auto;
    right: 0;
}

.woocommerce p.stars a:last-child,
.woocommerce-page p.stars a:last-child {
    border-right: 0;
}

.woocommerce p.stars a[class^="star-"]:after,
.woocommerce-page p.stars a[class^="star-"]:after {
    font-family: FontAwesome;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0,0,0,.1);
}

.rtl.woocommerce p.stars a[class^="star-"]:after,
.rtl.woocommerce-page p.stars a[class^="star-"]:after {
    left: auto;
    right: 0;
}

.woocommerce p.stars a[class^="star-"].active:after,
.woocommerce p.stars a[class^="star-"]:hover:after,
.woocommerce-page p.stars a[class^="star-"].active:after,
.woocommerce-page p.stars a[class^="star-"]:hover:after {
    color: var(--main-color);
}

.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
    width: 1em;
    z-index: 10;
}

    .woocommerce p.stars a.star-1:after,
    .woocommerce-page p.stars a.star-1:after {
        content: "\f005";
    }

.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
    width: 2em;
    z-index: 9;
}

    .woocommerce p.stars a.star-2:after,
    .woocommerce-page p.stars a.star-2:after {
        content: "\f005\f005";
    }

.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
    width: 3em;
    z-index: 8;
}

    .woocommerce p.stars a.star-3:after,
    .woocommerce-page p.stars a.star-3:after {
        content: "\f005\f005\f005";
    }

.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
    width: 4em;
    z-index: 7;
}

    .woocommerce p.stars a.star-4:after,
    .woocommerce-page p.stars a.star-4:after {
        content: "\f005\f005\f005\f005";
    }

.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
    width: 5em;
    border: 0;
    z-index: 6;
}

    .woocommerce p.stars a.star-5:after,
    .woocommerce-page p.stars a.star-5:after {
        content: "\f005\f005\f005\f005\f005";
    }

.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .woocommerce ul#shipping_method li,
    .woocommerce-page ul#shipping_method li {
        margin: 0;
        padding: .25em 0 .25em 22px;
        text-indent: -22px;
        list-style: none;
    }

    .woocommerce ul#shipping_method .amount,
    .woocommerce-page ul#shipping_method .amount {
        font-weight: 700;
    }

.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
    margin: 0;
}

.woocommerce .order_details,
.woocommerce-page .order_details {
    margin: 0 0 1.5em;
    list-style: none;
}

    .woocommerce .order_details li,
    .woocommerce-page .order_details li {
        float: left;
        margin-right: 2em;
        text-transform: uppercase;
        font-size: .715em;
        line-height: 1;
        border-right: 1px dashed #d3ced2;
        padding-right: 2em;
        margin-left: 0;
        padding-left: 0;
    }

        .woocommerce .order_details li strong,
        .woocommerce-page .order_details li strong {
            display: block;
            font-size: 1.4em;
            text-transform: none;
            line-height: 1.5;
        }

    .woocommerce .order_details:after,
    .woocommerce .order_details:before,
    .woocommerce-page .order_details:after,
    .woocommerce-page .order_details:before {
        content: " ";
        display: table;
    }

    .woocommerce .order_details li:last-of-type,
    .woocommerce-page .order_details li:last-of-type {
        border: none;
    }

.btHardRoundedButtons .woocommerce .button,
.btHardRoundedButtons.woocommerce .button,
.btHardRoundedButtons .woocommerce input[type="text"],
.btHardRoundedButtons.woocommerce input[type="text"],
.btHardRoundedButtons .woocommerce input[type="email"],
.btHardRoundedButtons.woocommerce input[type="email"],
.btHardRoundedButtons .woocommerce input[type="password"],
.btHardRoundedButtons.woocommerce input[type="password"],
.btHardRoundedButtons .woocommerce-page .button,
.btHardRoundedButtons.woocommerce-page .button,
.btHardRoundedButtons .woocommerce-page input[type="text"],
.btHardRoundedButtons.woocommerce-page input[type="text"],
.btHardRoundedButtons .woocommerce-page input[type="email"],
.btHardRoundedButtons.woocommerce-page input[type="email"],
.btHardRoundedButtons .woocommerce-page input[type="password"],
.btHardRoundedButtons.woocommerce-page input[type="password"] {
    border-radius: 50%;
}

.btSoftRoundedButtons .woocommerce .button,
.btSoftRoundedButtons.woocommerce .button,
.btSoftRoundedButtons .woocommerce input[type="text"],
.btSoftRoundedButtons.woocommerce input[type="text"],
.btSoftRoundedButtons .woocommerce input[type="email"],
.btSoftRoundedButtons.woocommerce input[type="email"],
.btSoftRoundedButtons .woocommerce input[type="password"],
.btSoftRoundedButtons.woocommerce input[type="password"],
.btSoftRoundedButtons .woocommerce-page .button,
.btSoftRoundedButtons.woocommerce-page .button,
.btSoftRoundedButtons .woocommerce-page input[type="text"],
.btSoftRoundedButtons.woocommerce-page input[type="text"],
.btSoftRoundedButtons .woocommerce-page input[type="email"],
.btSoftRoundedButtons.woocommerce-page input[type="email"],
.btSoftRoundedButtons .woocommerce-page input[type="password"],
.btSoftRoundedButtons.woocommerce-page input[type="password"] {
    border-radius: 5px;
}

.rtl.woocommerce p.form-submit input[type="submit"],
.rtl.woocommerce-page p.form-submit input[type="submit"] {
    text-align: center;
}

.btNoSidebar.single-product.woocommerce .btContent,
.btNoSidebar.single-product.woocommerce-page .btContent {
    padding-top: 30px;
}

/* Cart */
.woocommerce-cart table.cart img {
    height: auto;
    display: block;
    margin: 0 auto;
}

.woocommerce-cart table.cart td.actions {
    text-align: right;
    padding: 1.5em 1em;
}

    .woocommerce-cart table.cart td.actions .input-text {
        width: 140px;
    }

    .woocommerce-cart table.cart td.actions .coupon {
        float: left;
        text-align: left;
        min-width: 400px;
    }

        .woocommerce-cart table.cart td.actions .coupon label {
            display: block;
            float: left;
            margin: .75em 10px 0 0;
            line-height: 1.1;
        }

.woocommerce-cart input[name="update_cart"] {
    float: right;
}

.woocommerce-cart .cart-collaterals {
    width: 100%;
}

    .woocommerce-cart .cart-collaterals .related {
        width: 30.75%;
        float: left;
    }

    .woocommerce-cart .cart-collaterals .cross-sells {
        width: 48%;
        float: left;
    }

.rtl.woocommerce-cart .cart-collaterals .cross-sells {
    float: right;
}

.woocommerce-cart .cart-collaterals .cross-sells ul.products {
    float: none;
}

    .woocommerce-cart .cart-collaterals .cross-sells ul.products li {
        width: 50%;
    }

.woocommerce-cart .cart-collaterals .shipping_calculator {
    width: 48%;
    clear: right;
    float: right;
}

.rtl.woocommerce-cart .cart-collaterals .shipping_calculator {
    float: left;
    clear: left;
}

.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-2 {
    width: 47%;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    float: right;
    width: 48%;
}

.rtl.woocommerce-cart .cart-collaterals .cart_totals {
    float: left;
}

.woocommerce-cart form {
    margin: 0 0 15px;
}

    .woocommerce-cart form table div.quantity input {
        width: 70px;
    }

    .woocommerce-cart form table small.stock {
        display: block;
        float: none;
    }

    .woocommerce-cart form .woocommerce-shipping-calculator a {
        text-decoration: underline;
    }

    .woocommerce-cart form .woocommerce-shipping-calculator select {
        padding: 10px;
    }

    .woocommerce-cart form .woocommerce-shipping-calculator .form-row {
        padding: 0;
    }

.woocommerce-cart table.cart td.product-remove {
    width: 3em;
}

    .woocommerce-cart table.cart td.product-remove a.remove {
        display: inline-block;
        font-size: 1em;
        line-height: 1.5em;
        text-align: center;
        padding: 0;
        width: 1.5em;
        color: var(--main-color);
        background-color: transparent;
        border: 1px solid var(--main-color);
        border-radius: 50%;
    }

        .woocommerce-cart table.cart td.product-remove a.remove:hover {
            background-color: var(--main-color);
            color: #fff;
        }

.woocommerce-cart table.cart td.product-thumbnail {
    width: 100px;
    text-align: center;
}

    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 80px;
        height: auto;
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.woocommerce-cart .coupon .input-text {
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
}

.woocommerce-cart .cart_totals table {
    border-top: 1px solid rgba(0,0,0,.07);
}

    .woocommerce-cart .cart_totals table th {
        width: 25%;
        background-color: transparent;
        color: inherit;
    }

.woocommerce-cart .cart_totals .discount td {
    color: var(--main-color);
}

.woocommerce-cart tr.order-total span.amount {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.1;
}

.woocommerce-cart h3#ship-to-different-address {
    position: relative;
}

    .woocommerce-cart h3#ship-to-different-address label {
        display: inline-block;
        margin: 0 10px 0 0;
    }

.woocommerce-cart input#ship-to-different-address-checkbox {
    display: block;
    position: absolute;
    top: 11px;
    width: auto;
    right: 0;
}

/* Account */
.woocommerce-account .addresses {
    margin: 4em 0;
}

    .woocommerce-account .addresses .title:after,
    .woocommerce-account .addresses .title:before {
        content: " ";
        display: table;
    }

    .woocommerce-account .addresses .title h3 {
        float: left;
    }

.woocommerce-account ul.digital-downloads li .count {
    float: right;
}

.woocommerce-account ol.commentlist.notes li.note p.meta {
    font-weight: 700;
    margin-bottom: 0;
}

.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
    margin-bottom: 0;
}

.woocommerce-account ul.digital-downloads {
    margin-left: 0;
    padding-left: 0;
}

    .woocommerce-account ul.digital-downloads ul.digital-downloads li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

.woocommerce-account header.title:after {
    content: ' ';
    display: table;
    width: 100%;
    clear: both;
}

.woocommerce-account header.title h3 {
    float: left;
}

.woocommerce-account header.title .edit {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 1.1;
    padding: 0 0 0 22px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color);
    margin: 10px 0 0 5px;
}

    .woocommerce-account header.title .edit:before {
        content: '\f040';
        font: normal 20px/1 FontAwesome;
        display: block;
        float: left;
        margin: -5px 0 0 -22px;
        color: var(--main-color);
    }

/* Columns */
.woocommerce.columns-1 ul.products li.product {
    width: 100%;
}

.woocommerce.columns-2 ul.products li.product {
    width: 50%;
}

.woocommerce.columns-3 ul.products li.product {
    width: 33.33%;
}

.woocommerce.columns-4 ul.products li.product {
    width: 25%;
}

.woocommerce.columns-5 ul.products li.product {
    width: 20%;
}

.woocommerce.columns-6 ul.products li.product {
    width: 16.66%;
}

/* Checkout */
.woocommerce-checkout .checkout div.shipping-address {
    padding: 0;
    clear: left;
    width: 100%;
}

.woocommerce-checkout .wc-terms-and-conditions label {
    display: inline-block !important;
}

.woocommerce-checkout .wc-terms-and-conditions input {
    margin-left: 6px !important;
}

.woocommerce-checkout #payment {
    border: 2px solid rgba(0,0,0,.07);
    padding: 2em;
    margin: 4em 0;
}

    .woocommerce-checkout #payment ul.payment_methods {
        border-bottom: 4px solid #d3ced2;
        margin: 0;
        list-style: none;
        padding-bottom: 2em;
    }

        .woocommerce-checkout #payment ul.payment_methods li {
            line-height: 2;
            text-align: left;
            margin: 0;
            padding: 0;
            font-weight: 400;
        }

.rtl.woocommerce-checkout #payment ul.payment_methods li {
    text-align: right;
}

.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    float: right;
}

.rtl.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    float: left;
}

.woocommerce-checkout #payment .payment_method_paypal img {
    max-height: 40px;
    margin-left: 10px;
    vertical-align: middle;
}

.woocommerce-checkout #payment div.payment_box:before {
    content: "";
    display: block;
    border: 10px solid #dfdcde;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    left: 10px;
    top: -20px;
}

.woocommerce-checkout #payment div.payment_box {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    background-color: #dfdcde;
}

    .woocommerce-checkout #payment div.payment_box span.help {
        font-size: .857em;
    }

    .woocommerce-checkout #payment div.payment_box p:last-child {
        margin-bottom: 0;
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/visa.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/laser.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/diners.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/amex.html);
    }

    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
    .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
        background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/discover.html);
    }

.woocommerce-checkout #payment .place-order {
    margin: 2em 0 0;
}

/* Skins */
.btDarkSkin .star-rating:before,
.btLightSkin .btDarkSkin .star-rating:before,
.btDarkSkin.btLightSkin .btDarkSkin .star-rating:before {
    color: #fff;
}

.btDarkSkin li.product:before,
.btLightSkin .btDarkSkin li.product:before,
.btDarkSkin.btLightSkin .btDarkSkin li.product:before {
    background-color: #fff;
}

.btLightSkin li.product:before,
.btDarkSkin .btLightSkin li.product:before,
.btLightSkin .btDarkSkin .btLightSkin li.product:before {
    background-color: #000;
}

.btLightSkin .woocommerce header.title .edit:hover,
.btDarkSkin .btLightSkin .woocommerce header.title .edit:hover,
.btLightSkin .btDarkSkin .btLightSkin .woocommerce header.title .edit:hover {
    color: #333;
}

.btDarkSkin .woocommerce header.title .edit:hover,
.btLightSkin .btDarkSkin .woocommerce header.title .edit:hover,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce header.title .edit:hover {
    color: #fff;
}

.btLightSkin.woocommerce-page .product img,
.btDarkSkin .btLightSkin.woocommerce-page .product img,
.btLightSkin .btDarkSkin .btLightSkin.woocommerce-page .product img,
.btLightSkin ul.products li.product img,
.btDarkSkin .btLightSkin ul.products li.product img,
.btLightSkin .btDarkSkin .btLightSkin ul.products li.product img {
    border: 1px solid rgba(0,0,0,.07);
}

.btDarkSkin.woocommerce-page .product img,
.btLightSkin .btDarkSkin.woocommerce-page .product img,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce-page .product img,
.btDarkSkin ul.products li.product img,
.btLightSkin .btDarkSkin ul.products li.product img,
.btDarkSkin.btLightSkin .btDarkSkin ul.products li.product img {
    border: 1px solid rgba(255,255,255,.3);
}

.btLightSkin .product .headline a,
.btDarkSkin .btLightSkin .product .headline a,
.btLightSkin .btDarkSkin .btLightSkin .product .headline a {
    color: #333;
}

.btDarkSkin .product .headline a,
.btLightSkin .btDarkSkin .product .headline a,
.btDarkSkin.btLightSkin .btDarkSkin .product .headline a {
    color: #fff;
}

.btLightSkin .woocommerce-shipping-calculator select,
.btDarkSkin .btLightSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .btLightSkin .woocommerce-shipping-calculator select {
    border: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select {
    border: 1px solid rgba(255,255,255,.5);
}

.btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover,
.btLightSkin .btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin.woocommerce-page .product .headline a:hover,
.btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover {
    color: var(--main-color);
}

.btDarkSkin div.product .woocommerce-product-rating,
.btLightSkin .btDarkSkin div.product .woocommerce-product-rating,
.btDarkSkin.btLightSkin .btDarkSkin div.product .woocommerce-product-rating {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.btDarkSkin .woocommerce ul.products li.product .price,
.btLightSkin .btDarkSkin .woocommerce ul.products li.product .price,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce ul.products li.product .price {
    color: #fff;
}

.btDarkSkin.woocommerce .star-rating:before,
.btLightSkin .btDarkSkin.woocommerce .star-rating:before,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce .star-rating:before {
    color: #fff;
}

.woocommerce-MyAccount-content fieldset {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-content legend {
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    display: block;
    padding: 1em 0 0;
    margin: 0 0 .5em .8em;
}

.rtl .shop_table.woocommerce-checkout-review-order-table {
    text-align: right;
}

.rtl.woocommerce-page .col2-set#customer_details .col-1 {
    float: right;
}

.rtl.woocommerce-page .col2-set#customer_details .col-2 {
    float: left;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(100%);
        transform: rotateX(100%);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -moz-transform: rotateX(100%);
        transform: rotateX(100%);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(100%);
        -moz-transform: rotateX(100%);
        -ms-transform: rotateX(100%);
        transform: rotateX(100%);
    }
}

/* Columns and forms widths */
.btQuoteBooking {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 0;
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}

    .btQuoteBooking *,
    .btQuoteBooking *:after,
    .btQuoteBooking *:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btQuoteBooking:after {
        content: " ";
        display: table;
        clear: both;
        width: 100%;
    }

    .btQuoteBooking .btQuoteBookingForm {
        margin: 0;
    }

    .btQuoteBooking .btTotalQuoteContactGroup {
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        transition: all 600ms ease;
        max-height: 0;
        opacity: 0;
        -webkit-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        margin: 30px 0 0;
    }

        .btQuoteBooking .btTotalQuoteContactGroup.btActive {
            opacity: 1;
            max-height: 1000px;
            -webkit-filter: alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-delay: 400ms;
            -moz-transition-delay: 400ms;
            transition-delay: 400ms;
        }

    /* Next button */
    .btQuoteBooking .btTotalNextWrapper {
        display: block;
        width: 100%;
        padding-right: 0;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        font-family: "Montserrat";
    }

        .btQuoteBooking .btTotalNextWrapper:after {
            content: " ";
            display: block;
            width: 100%;
            clear: both;
        }

    .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
        padding-right: 160px;
    }

    .btQuoteBooking .btQuoteBookingForm .boldBtn {
        display: block;
        padding: 0;
        width: 140px;
        float: right;
        margin-right: -130px;
        margin-left: -100%;
    }

    .btQuoteBooking .btContactNext {
        font-family: inherit;
        margin: 0 0 0 30px;
        line-height: 2.25;
        border: var(--main-color) 2px solid;
        color: var(--main-color);
        text-transform: uppercase;
        font-weight: 900;
        display: inline-block;
        padding: 0 30px 0 30px;
        background: transparent;
        cursor: pointer;
        font-size: 20px;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        opacity: 0;
        -webkit-transform: translate(500px,0);
        -moz-transform: translate(500px,0);
        -ms-transform: translate(500px,0);
        transform: translate(500px,0);
        white-space: nowrap;
    }

        .btQuoteBooking .btContactNext:focus {
            outline: 0;
        }

    .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
        opacity: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        width: 100%;
    }

    .btQuoteBooking .btContactNext:hover,
    .btQuoteBooking .btContactNext:active {
        background-color: var(--main-color) !important;
        color: #fff !important;
    }

        .btQuoteBooking .btContactNext:hover:after,
        .btQuoteBooking .btContactNext:active:after {
            margin: 0 7px 0 10px;
            -webkit-transition: margin 200ms ease;
            -moz-transition: margin 200ms ease;
            transition: margin 200ms ease;
        }

    .btQuoteBooking .btContactNext:active {
        -webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset,0 -2px 10px rgba(0,0,0,.4);
        box-shadow: 0 0 0 rgba(0,0,0,.1) inset,0 -2px 10px rgba(0,0,0,.4);
    }

    /* Quote items */
    .btQuoteBooking .btQuoteItem {
        padding: 0 0 0 220px;
        margin: 0 0 30px;
    }

        .btQuoteBooking .btQuoteItem label {
            display: block;
            float: left;
            width: 220px;
            margin: 8px 0 0 -220px;
            padding-right: 20px;
        }

    .btQuoteBooking .btQuoteSlider {
        float: left;
        margin: 0;
        width: 100%;
    }

    .btQuoteBooking .btQuoteSwitch {
        float: left;
        margin: 0;
        width: 76px;
        height: 38px;
        cursor: pointer;
        padding: 5px;
        border-radius: 19px;
        -webkit-transition: box-shadow 380ms ease;
        -moz-transition: box-shadow 380ms ease;
        transition: box-shadow 380ms ease;
    }

.btLightSkin .btQuoteBooking .btQuoteSwitch,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch {
    border: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch {
    border: 1px solid rgba(255,255,255,.5);
}

.btQuoteBooking .btQuoteSwitch:hover {
    -webkit-box-shadow: 0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
}

.btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-transition: all 190ms cubic-bezier(.8,.1,.8,.1);
    -moz-transition: all 190ms cubic-bezier(.8,.1,.8,.1);
    transition: all 190ms cubic-bezier(.8,.1,.8,.1);
}

.btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
    background: rgba(0,0,0,.1);
}

.btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
    background: rgba(255,255,255,.5);
}

.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
    margin-left: 38px;
    background: var(--main-color);
}

.btQuoteBooking .btQuoteItemInput {
    text-align: center;
}

.btQuoteBooking .btQuoteItem .fancy-select .trigger {
    text-align: left;
    color: #b4b4b4;
}

    .btQuoteBooking .btQuoteItem .fancy-select .trigger.selected {
        color: #333;
    }

/* Standard fields */
.btQuoteBooking input[type="text"],
.btQuoteBooking input[type="email"],
.btQuoteBooking input[type="password"],
.btQuoteBooking textarea,
.btQuoteBooking .fancy-select .trigger {
    width: 100%;
    display: block;
    line-height: 2;
    min-height: 38px;
    padding: 0 12px;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.1);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    -webkit-transition: all 380ms ease;
    -moz-transition: all 380ms ease;
    transition: all 380ms ease;
    color: #000;
    outline: none;
}

.btQuoteBooking .btQuoteItem textarea {
    resize: vertical;
    font-size: inherit;
    color: #000;
    padding: 0 12px 0 12px;
    min-height: 160px;
}

.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
    -webkit-transition: all 380ms ease;
    -moz-transition: all 380ms ease;
    transition: all 380ms ease;
    min-height: 38px;
}

.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
    -webkit-transition: all 380ms ease;
    -moz-transition: all 380ms ease;
    transition: all 380ms ease;
    -webkit-box-shadow: 5px 0 0 var(--main-color) inset,0 2px 10px rgba(0,0,0,.2);
    box-shadow: 5px 0 0 var(--main-color) inset,0 2px 10px rgba(0,0,0,.2);
    min-height: 38px;
}

/* Float clears */
.btQuoteBooking .btQuoteItem:after {
    content: ' ';
    display: table;
    width: 100%;
    clear: both;
}

/* Slider */
.btQuoteWrapper {
    position: relative;
    padding: 0 17px;
}

    .btQuoteWrapper:before {
        -webkit-transition: all 380ms ease;
        -moz-transition: all 380ms ease;
        transition: all 380ms ease;
    }

    .btQuoteWrapper:after {
        content: ' ';
        clear: both;
        width: 100%;
        display: table;
    }

.btQuoteBooking .ui-slider {
    position: relative;
    text-align: left;
    border: 0;
}

    .btQuoteBooking .ui-slider:hover {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btQuoteWrapper:before {
    content: ' ';
    display: block;
    position: absolute;
    height: 20px;
    left: 0;
    right: 0;
    top: 50%;
    margin: -8px 0 0;
    border-radius: 10px;
}

.btLightSkin .btQuoteWrapper:before,
.btDarkSkin .btLightSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteWrapper:before {
    border: 1px solid rgba(0,0,0,.1);
}

.btDarkSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btQuoteWrapper:before,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteWrapper:before {
    border: 1px solid rgba(255,255,255,.5);
}

/* Slider hover state */
.btQuoteBooking .btQuoteWrapper:hover:before {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    -webkit-transition: all 380ms ease;
    -moz-transition: all 380ms ease;
    transition: all 380ms ease;
}

/* Slider handle */
.btQuoteBooking .ui-slider .ui-slider-handle {
    display: block;
    position: absolute;
    z-index: 2;
    min-width: 38px;
    height: 38px;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--main-color);
    cursor: w-resize;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
    box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
    -webkit-transition: all 190ms ease;
    -moz-transition: all 190ms ease;
    transition: all 190ms ease;
}

.btQuoteBooking .btQuoteSliderValue {
    min-width: 34px;
    height: 38px;
    line-height: 38px;
    padding: 0 2px;
    font-size: 11px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    display: block;
}

/* Slider hover state */
.btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
    box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
}

/* Slider range */
.btQuoteBooking .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle,
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}

/* Slider horizontal */
.btQuoteBooking .ui-slider-horizontal {
    height: 20px;
    margin-top: 10px;
    cursor: pointer;
}

    .btQuoteBooking .ui-slider-horizontal .ui-slider-handle {
        top: -10px;
        margin-left: -18px;
    }

    .btQuoteBooking .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .btQuoteBooking .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .btQuoteBooking .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

/* Slider vertical */
.btQuoteBooking .ui-slider-vertical {
    min-width: 34px;
    height: 100px;
}

    .btQuoteBooking .ui-slider-vertical .ui-slider-handle {
        left: 0;
        margin-left: 0;
        margin-bottom: -18px;
    }

    .btQuoteBooking .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .btQuoteBooking .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .btQuoteBooking .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/* Total value */
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
    font-weight: bold;
    padding: 0;
    text-align: right;
    color: #FFF;
    background: var(--main-color);
    line-height: 1.8;
    display: block;
    width: 100%;
    float: left;
}

.btQuoteBooking .btQuoteTotalText {
    margin-right: 1em;
}

/* Total currency */
.btQuoteBooking .btQuoteTotalCurrency {
    font-size: 22px;
    line-height: 1.8;
    display: inline-block;
    background: rgba(0,0,0,.25);
    padding: 5px 3px 5px 20px;
}

.btQuoteBooking .btQuoteTotalCalc {
    opacity: 1;
    -webkit-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    font-size: 22px;
    line-height: 1.8;
    display: inline-block;
    background: rgba(0,0,0,.25);
    padding: 5px 20px 5px 3px;
}

/* Options */
.btQuoteBooking .btQuoteItem ul.options {
    text-align: left;
}

/* Contact form */
.btQuoteBooking .btQuoteContact {
    margin: 0 -10px 0 -10px;
}

    /* Contact form item */
    .btQuoteBooking .btQuoteContact .btQuoteItem {
        padding: 0 10px;
        float: left;
        width: 50%;
    }

        /* Form split in two columns */
        .btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) {
            clear: left;
        }

/* Form full width item */
.btQuoteBooking .btQuoteItem.btQuoteItemFullWidth {
    float: none;
    width: auto;
}

/* Form button */
.btQuoteBooking .btQuoteContact .boldBtn {
    clear: left;
    margin: 0;
    text-align: center;
    white-space: normal;
}

/* Mandatory fields */
/*
.btQuoteBooking  .btContactFieldMandatory input, .btQuoteBooking  .btContactFieldMandatory textarea {
	border: 1px solid #AAA;
	box-shadow: 0 0 0 1px #AAA inset;
	-webkit-transition: all 380ms ease;
	transition: all 380ms ease;
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText {
	border: 1px solid #AAA;
	box-shadow: 0 0 0 1px #AAA inset;
}
.btQuoteBooking  .btContactFieldMandatory input:hover, .btQuoteBooking  .btContactFieldMandatory textarea:hover {
	box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius:hover .ddTitleText {
	box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking  .btContactFieldMandatory input:focus, .btQuoteBooking  .btContactFieldMandatory textarea:focus {
	box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadiusTp .ddTitleText {
	box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
*/
/* Error fields validation */
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea {
    border: 1px solid var(--main-color);
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset;
    box-shadow: 0 0 0 1px var(--main-color) inset;
    -webkit-transition: all 380ms ease;
    -moz-transition: all 380ms ease;
    transition: all 380ms ease;
}

.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius .ddTitleText {
    border: 1px solid var(--main-color);
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset;
    box-shadow: 0 0 0 1px var(--main-color) inset;
}

.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:hover,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:hover {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
}

.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius:hover .ddTitleText {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px var(--main-color) inset,0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
}

.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset,5px 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px var(--main-color) inset,5px 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
}

.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset,5px 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px var(--main-color) inset,5px 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
}

/* Submit query message */
.btQuoteBooking .btSubmitMessage {
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

/* Date picker */
.btDatePicker {
    z-index: 10000 !important;
    width: 300px;
}

    .btDatePicker table th,
    .btDatePicker table td {
        border: 1px solid #e0e0e0;
    }

    .btDatePicker .ui-datepicker-header {
        display: block;
        padding: 10px;
        overflow: hidden;
        background-color: var(--main-color);
        color: #FFF;
    }

    .btDatePicker table.ui-datepicker-calendar {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        line-height: 1.2;
        background-color: #f2f2f2;
    }

        /* Datepicker header, day names */
        .btDatePicker table.ui-datepicker-calendar th {
            padding: 10px 8px;
            font-size: 14px;
            font-weight: 600;
            color: #333;
            text-align: center;
        }

    /* Datepicker prev/next */
    .btDatePicker a.ui-datepicker-prev,
    .btDatePicker a.ui-datepicker-next {
        display: block;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        background-color: #FFF;
        padding: 2px 4px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .btDatePicker a.ui-datepicker-prev {
        float: left;
    }

    .btDatePicker a.ui-datepicker-next {
        float: right;
    }

        /* Prev / Next hover state */
        .btDatePicker a.ui-datepicker-prev:hover,
        .btDatePicker a.ui-datepicker-next:hover {
            color: #bbb;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            transition: all 200ms ease;
        }

    /* Datepicker title */
    .btDatePicker .ui-datepicker-title {
        text-align: center;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 600;
        color: #FFF;
    }

    /* Datepicker DIV */
    .btDatePicker#ui-datepicker-div {
        background-color: #f2f2f2;
        border: 1px solid rgba(0,0,0,.1);
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
        box-shadow: 0 2px 10px rgba(0,0,0,.2);
        margin-top: 1px;
    }

    /* Datepicker day */
    .btDatePicker .ui-datepicker-calendar td {
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        padding: .3em;
        text-align: center;
    }

    /* Datepicker day link */
    .btDatePicker table.ui-datepicker-calendar td a {
        color: #666;
        width: 18px;
        height: 18px;
        line-height: 18px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        /* Datepicker active state */
        .btDatePicker table.ui-datepicker-calendar td a.ui-state-active {
            font-weight: bold;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            transition: all 200ms ease;
        }

    /* Datepicker hover state */
    .btDatePicker table td:hover {
        cursor: pointer;
    }

    .btDatePicker table td:hover {
        background: #e0e0e0;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        transition: all 200ms ease;
    }

/* Styled select */
.btQuoteBooking .btDropDown .dd {
    position: relative;
}

.btQuoteBooking .ddChild {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    margin: -1px 0 0;
}

.btQuoteBooking .ddChild {
    position: absolute !important;
}

/* Select submenu items */
.btQuoteBooking .ddChild {
    background-color: #fff;
    border: 1px solid #999;
    overflow-y: auto;
}

    .btQuoteBooking .ddChild ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }

        .btQuoteBooking .ddChild ul li {
            display: table;
            width: 100%;
            min-height: 38px;
            margin: 0;
            padding: 0 37px 0 0;
            cursor: pointer;
            line-height: 1.2;
            border-top: 1px solid rgba(0,0,0,.1);
            color: #000;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .btQuoteBooking .ddChild ul li span {
                display: block;
                padding: 0 12px;
                line-height: 2;
            }

                .btQuoteBooking .ddChild ul li span.description {
                    line-height: 1.5;
                    margin-top: -.3em;
                    margin-bottom: .3em;
                }

            /* Item hover state */
            .btQuoteBooking .ddChild ul li:hover,
            .btQuoteBooking .ddChild ul li.selected:hover {
                color: #666;
                background: rgba(0,0,0,.05);
                -webkit-transition: all 200ms ease;
                -moz-transition: all 200ms ease;
                transition: all 200ms ease;
            }

            /* First item disabled state */
            .btQuoteBooking .ddChild ul li:first-child,
            .btQuoteBooking .ddChild ul li:first-child:hover {
                border-top: none;
                color: #666;
                background: none;
            }

.btQuoteBooking .ddOutOfVision {
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* Styled menu itself */
.btQuoteBooking .ddItem {
    display: table;
    width: 100%;
    margin: 1px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.1;
}

/* Styled menu label */
.btQuoteBooking .ddTitleText {
    display: table;
    width: 100%;
}

    .btQuoteBooking .ddTitleText span,
    .btQuoteBooking .ddChild ul li span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

        .btQuoteBooking .ddTitleText span span,
        .btQuoteBooking .ddChild ul li span span,
        .btQuoteBooking .ddChild ul li:hover span span,
        .btQuoteBooking .ddChild ul li.selected:hover span span {
            display: block;
            font-size: 12px;
            padding: 0;
            color: #555;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            transition: all 200ms ease;
        }

.btQuoteBooking .ddChild span {
    padding: 8px 12px;
}

.btQuoteBooking .ddTitleText span {
    padding: 0 12px;
}

.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    padding: 0 37px 0 0;
}

.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
    background-color: #fff;
    border: 1px solid #999;
    padding: 0 37px 0 0;
}

/* Select item description */
.btQuoteBooking .ddlabel,
.btQuoteBooking .description {
    width: 100%;
}

.btNotSelected {
    min-height: 38px;
}

    .btNotSelected .ddlabel {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

/* Photo in select */
.btQuoteBooking .ddTitleText .ddImage,
.btQuoteBooking .ddChild ul li .ddImage {
    text-align: center;
    padding: 12px;
    padding-right: 0;
}

    .btQuoteBooking .ddTitleText .ddImage img,
    .btQuoteBooking .ddChild ul li .ddImage img {
        display: block;
        width: auto;
        max-width: none !important;
    }

/* Nothing selected state */
.btQuoteBooking .ddTitleText.btNotSelected .ddlabel {
    color: #a9a9a9;
}

/* Selected state */
.btQuoteBooking .ddTitleText .ddlabel {
    width: 100%;
    line-height: 2;
    color: #000;
}

    .btQuoteBooking .ddTitleText .ddlabel .description {
        line-height: 1.5;
        margin-top: -.3em;
        margin-bottom: .3em;
    }

.btQuoteBooking .ddTitle {
    position: relative;
    cursor: pointer;
}

    /* Styled select arrow */
    .btQuoteBooking .ddTitle .arrow {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
    }

        /* Arrow itself */
        .btQuoteBooking .ddTitle .arrow:before {
            content: ' ';
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid rgba(0,0,0,.1);
            display: block;
        }

/* Submit button */
.btQuoteBooking .btContactSubmit {
    font-family: "Montserrat";
    cursor: pointer;
    background-color: var(--main-color);
    color: #fff;
    padding: .5em 2em;
    font-weight: 700;
    font-size: 1.1em;
    opacity: 1;
    border: 1px solid var(--main-color);
    -webkit-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    text-transform: uppercase;
    border-radius: 15px;
}

    .btQuoteBooking .btContactSubmit:focus {
        outline: 0;
    }

    /* Submit hover state */
    .btQuoteBooking .btContactSubmit:hover {
        background-color: transparent;
        color: var(--main-color);
    }

/* Tablets screen */
@media (max-width: 1024px) {
    .btQuoteBooking .btQuoteContact .btQuoteItem {
        float: none;
        width: auto;
    }

    .btQuoteBooking .btTotalQuoteContactGroup.btActive {
        max-height: 1000px;
    }

    .btQuoteBooking .btQuoteContact {
        margin-left: -10px;
    }
}

/* Larger smartphones screen */
@media (max-width: 650px) {
    .btQuoteBooking .btQuoteItem label {
        display: block;
        float: none;
        margin: 0 0 8px;
        width: auto;
    }

    .btQuoteBooking .btQuoteItem {
        margin: 0 0 20px;
        padding: 0;
    }
}

/* Small smartphones screen */
@media (max-width: 440px) {
    .btQuoteBooking .ddTitleText .ddImage img,
    .btQuoteBooking .ddChild ul li .ddImage img {
        display: block;
        width: auto;
        margin: 0 auto;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
        padding: 0;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        -webkit-transition: all 400ms ease;
        height: 60px;
        overflow: hidden;
        padding-top: 10px;
    }

    .btQuoteBooking .btQuoteBookingForm .boldBtn {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
        height: 0;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        clear: both;
        overflow: hidden;
        padding: 0;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal,
    .btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
        display: block;
        width: 100%;
        float: none;
        margin-bottom: 20px;
        height: 50px;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext,
    .btQuoteBooking .btQuoteBookingForm .btContactNext {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        margin-left: auto;
    }

    .btQuoteBooking .btContactBack,
    .btQuoteBooking .btContactSubmit {
        margin: 0 auto 20px auto;
        clear: both;
        display: block;
    }

    .btPayPalButton {
        margin: 0 !important;
        float: none;
    }
}

/* placeholder */
.btQuoteBooking *::-webkit-input-placeholder {
    font-family: inherit;
    color: #a9a9a9;
}

.btQuoteBooking *:-moz-placeholder {
    font-family: inherit;
    color: #a9a9a9;
}

.btQuoteBooking *::-moz-placeholder {
    font-family: inherit;
    color: #a9a9a9;
}

.btQuoteBooking *:-ms-input-placeholder {
    font-family: inherit;
    color: #a9a9a9;
}

/* reCAPTCHA */
.btQuoteBooking .g-recaptcha {
    margin-bottom: 30px;
}

    .btQuoteBooking .g-recaptcha > div > div {
        margin: auto;
    }

/* PayPal */
.btPayPalButton {
    display: inline-block;
    margin: 0 0 0 30px;
    background: transparent;
    border: rgba(0,0,0,.1) 2px solid;
    margin-right: -100%;
    width: 130px;
    height: 49px;
    cursor: pointer;
    -webkit-transition: box-shadow 380ms ease;
    -moz-transition: box-shadow 380ms ease;
    transition: box-shadow 380ms ease;
    background-position: center center;
    background-size: 70%;
    background-repeat: no-repeat;
}

    .btPayPalButton:hover {
        -webkit-box-shadow: 0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
        box-shadow: 0 0 0 var(--main-color) inset,0 1px 5px rgba(0,0,0,.2);
    }

.btPayPalForm {
    width: 0;
    height: 0;
    overflow: hidden;
}

/* Item lock */
.btQuoteItem.btCCLock {
    position: relative;
}

    .btQuoteItem.btCCLock:before {
        content: ' ';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: 0;
        right: 0;
        background: transparent;
        z-index: 999;
    }

/* Transfer Quote total to Flex
-------------------------------------------*/
.btQuoteBooking .btTotalNextWrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 0 !important;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: initial;
}

    .btQuoteBooking .btTotalNextWrapper:after {
        display: none;
    }

.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
    padding-right: 0 !important;
}

.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
    -webkit-flex: 0 0 160px;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    width: 160px;
    max-width: 160px;
}

.btQuoteBooking .btQuoteBookingForm .boldBtn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 0;
    -ms-flex: 0 1 0;
    flex: 0 1 0;
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    max-width: 0;
}

.btQuoteBooking .btContactNext {
    -webkit-transform: translate(160px,0);
    -moz-transform: translate(160px,0);
    -ms-transform: translate(160px,0);
    transform: translate(160px,0);
}

.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    float: none;
}

.btQuoteBooking .btQuoteTotalText {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.btQuoteBooking .btQuoteContact:not(.btQuoteContactForm7) {
    margin: 0 -10px 0 -10px;
}

/* Transfer Quote total to Flex, responsive
-------------------------------------------*/
@media (max-width: 440px) {
    .btQuoteBooking .btTotalNextWrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn,
    .btQuoteBooking .btQuoteBookingForm .boldBtn {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        padding-top: 0;
    }

    .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext,
    .btQuoteBooking .btQuoteBookingForm .btContactNext {
        width: 100%;
    }

    .btQuoteBooking .btQuoteBookingForm .btContactNext {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

/* Paypal button
-------------------------------------------*/
.btPayPalButton {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    margin-right: auto;
    height: 38px;
    -webkit-flex: 0 0 130px;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    margin-left: 30px;
}

/* Contact Form 7 */
.btQuoteContactForm7 form.wpcf7-form {
    float: none;
}

@media (max-width: 1199px) {
    .gutter .port {
        width: 100%;
        max-width: none;
        padding-left: 30px;
        padding-right: 30px;
    }

    .slick-slider:not(.bclPort) .slick-list {
        margin: 0;
    }

        .slick-slider:not(.bclPort) .slick-list .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter {
            max-width: none;
        }

            .slick-slider:not(.bclPort) .slick-list .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter .btSlidePane {
                padding-left: 30px;
                padding-right: 30px;
            }

    .btWithSidebar.btSidebarRight .btSidebar {
        padding-right: 20px;
        padding-left: 0;
    }

    .btWithSidebar.btSidebarLeft .btSidebar {
        padding-left: 20px;
        padding-right: 0;
    }

    .btWithSidebar .btContent {
        padding: 0;
    }

    .btWithSidebar .btSidebar .btSearchInnerContent.port {
        padding: 0;
    }

    .btSearchInner.btFromTopBox .btSearchInnerClose {
        right: 30px;
    }

    .btMenuVerticalRight .btVerticalMenuTrigger {
        margin: 0;
    }

    .boldClientList {
        margin-left: 30px;
        margin-right: 30px;
    }

    .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs a {
        width: 25px;
    }

    .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev {
        margin-left: -30px;
    }

        .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
            border-left: none;
        }

    .btHardRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
        border-radius: 0 50px 50px 0;
    }

    .btSoftRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
        border-radius: 0 3px 3px 0;
    }

    .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext {
        margin-right: -30px;
    }

        .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
            border-right: none;
        }

    .btHardRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
        border-radius: 50px 0 0 50px;
    }

    .btSoftRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
        border-radius: 3px 0 0 3px;
    }
}

@media (max-width: 1199px) {
    .slidedVariable .slick-list {
        z-index: 1;
    }

    .widget_shopping_cart .buttons .button {
        width: 100%;
    }

        .widget_shopping_cart .buttons .button.checkout {
            margin-top: 10px;
        }

    .widget_price_filter .price_slider_amount .button {
        float: none;
        width: 100%;
    }

    .slided .nbs a {
        width: 80px;
        height: 80px;
    }

        .slided .nbs a:before {
            font-size: 54px;
        }
}

@media (min-width: 1025px) and (max-width: 1160px) {
    body.btMenuHorizontal .menuPort > nav > ul > li {
        margin: 0 25px 0 0;
    }
}

@media (max-width: 992px) {
    /* Grid related */
    .btHighlight > .rowItemContent {
        margin-bottom: 1em;
    }

    /* Horizontal padding */
    .rowItem.btDoublePadding .rowItemContent {
        padding: 0 15px;
    }

    .btArticleListItem {
        margin-bottom: 40px;
    }

        .btArticleListItem .btArticleFooter .btReadArticle,
        .btArticleListItem .btArticleFooter .btShareArticle {
            text-align: center;
        }

        .btArticleListItem .btArticleFooter .btShareArticle {
            padding-bottom: 1em;
        }

        .btArticleListItem .btArticleFooter .shareRowItem,
        .btArticleListItem .btArticleFooter .tagsRowItem {
            text-align: center;
            padding-top: 1em;
            padding-bottom: 1em;
        }

            .btArticleListItem .btArticleFooter .shareRowItem .btTags ul li,
            .btArticleListItem .btArticleFooter .tagsRowItem .btTags ul li {
                float: none;
            }

    .rowItem.btFooterMenu.btTextRight {
        text-align: left;
    }

        .rowItem.btFooterMenu.btTextRight ul.menu {
            text-align: left;
            clear: left;
        }

    .btSiteFooter .port .btFooterCopy {
        padding-bottom: .8em;
    }

    .horizontalPosts.btLatestPostsContainer {
        display: block;
    }

        .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
            margin: 2.2em 0 0;
        }

            .horizontalPosts.btLatestPostsContainer .btSingleLatestPost:first-child {
                margin-top: 0;
            }

    .neighboringArticles .btTextRight {
        padding-top: 10px;
        position: relative;
    }

        .neighboringArticles .btTextRight:before {
            height: 1px;
            display: block;
            position: absolute;
            top: 0;
            content: ' ';
            left: 15px;
            right: 15px1;
        }

    .btLightSkin .neighboringArticles .btTextRight:before,
    .btDarkSkin .btLightSkin .neighboringArticles .btTextRight:before,
    .btLightSkin .btDarkSkin .btLightSkin .neighboringArticles .btTextRight:before {
        background-color: #333;
    }

    .btDarkSkin .neighboringArticles .btTextRight:before,
    .btLightSkin .btDarkSkin .neighboringArticles .btTextRight:before,
    .btDarkSkin.btLightSkin .btDarkSkin .neighboringArticles .btTextRight:before {
        background-color: #fff;
    }

    .slided .nbs a {
        width: 64px;
        height: 64px;
    }

        .slided .nbs a:before {
            font-size: 40px;
        }

        .slided .nbs a:after {
            border-width: 2px;
        }

    body:not(.btPageTransitions).fullScreenHeight {
        height: auto;
    }

    .btSiteFooterWidgets .btIconWidgetContent {
        width: 100%;
    }

        .btSiteFooterWidgets .btIconWidgetContent ul.cart_list {
            width: 100%;
        }
}

@media (min-width: 480px) and (max-width: 992px) {
    .btSiteFooterWidgets .btIconWidgetContent ul.cart_list .ppTxt {
        font-size: 1.4em;
    }
}

@media (max-width: 768px) {
    .btContent,
    .btSidebar {
        width: auto;
        float: none;
    }

    .btWithSidebar.btSidebarLeft .btSidebar,
    .btWithSidebar.btSidebarRight .btSidebar {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        float: none;
    }

    .btWithSidebar.btSidebarLeft .btContent,
    .btWithSidebar.btSidebarRight .btContent {
        float: none;
    }

    .btGhost .btSlidePane .btArticleMeta {
        display: none;
    }

    .portfolioItem .btTextRight .btArticleMeta {
        text-align: left;
    }

    .btGoogleMapsWrapper .btGoogleMapsContainer,
    .btGoogleMapsWrapper .btGoogleMapsContainer.btGoogleMapsContainerWithContent {
        height: 400px !important;
        position: relative;
    }

    .btGoogleMapsWrapper .btGoogleMapsContent {
        position: relative;
        clear: both;
        width: auto !important;
        margin: 30px !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        padding: 2em 0;
    }

        .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
            width: 100%;
            float: none;
            position: relative;
        }

    .tabsHeader {
        width: 100%;
    }

        .tabsHeader li {
            float: none;
            width: 100%;
        }

            .tabsHeader li a,
            .tabsHeader li span {
                display: block;
            }

    .btCatFilter {
        padding: 1em 30px 1.3em;
    }

        .btCatFilter .btCatFilterTitle {
            display: block;
        }

        .btCatFilter .btCatFilterItem {
            padding: .4em .7em 0;
        }

    .topExtraSpaced {
        padding-top: 12em;
    }

    .bottomExtraSpaced {
        padding-bottom: 12em;
    }

    .topLargeSpaced {
        padding-top: 9em;
    }

    .bottomLArgeSpaced {
        padding-bottom: 9em;
    }

    .topLargeSpaced {
        padding-top: 6em;
    }

    .bottomLargeSpaced {
        padding-bottom: 6em;
    }

    .topSpaced {
        padding-top: 6em;
    }

    .bottomSpaced {
        padding-bottom: 6em;
    }

    .topSemiSpaced {
        padding-top: 3em;
    }

    .bottomSemiSpaced {
        padding-bottom: 3em;
    }
}

@media (max-width:620px) {
    .btHasAuthorInfo .btArticleListBody {
        padding-left: 0;
        clear: both;
    }

    .btHasAuthorInfo .articleSideGutter {
        position: relative;
        left: 0;
        width: auto;
        padding-bottom: .5em;
    }

    .btHasAuthorInfo .asgItem.avatar {
        width: 45px;
        float: left;
    }

    .slided .nbs a {
        width: 48px;
        height: 48px;
    }

        .slided .nbs a:before {
            font-size: 30px;
        }

        .slided .nbs a:after {
            border-width: 1px;
        }

    .neighboringArticles .nbs a .nbsImage {
        width: 94px;
        height: 94px;
    }

    .neighboringArticles .nbs a .nbsItem .nbsTitle {
        font-size: 18px;
    }

    .neighboringArticles .nbs a .nbsItem .nbsDir {
        font-size: 10px;
    }
}

@media(max-width: 520px) {
    .btCommentsBox .vcard {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 0 15px;
    }

        .btCommentsBox .vcard h5.author {
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

        .btCommentsBox .vcard .posted {
            padding: 0;
            margin-top: 5px;
            text-align: left;
        }

    .btCommentsBox ul.comments ul.children {
        padding: 0;
    }

        .btCommentsBox ul.comments ul.children li.comment {
            padding: 0;
            border-top: none !important;
        }

            .btCommentsBox ul.comments ul.children li.comment article {
                position: relative;
                padding: 0 18px 5px 12px;
            }

    .btLightSkin .btCommentsBox ul.comments ul.children li.comment article,
    .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article,
    .btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article {
        background-color: rgba(0,0,0,.055);
    }

    .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article,
    .btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article,
    .btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article {
        background-color: rgba(255,255,255,.055);
    }

    .btCommentsBox ul.comments ul.children li.comment article:after {
        content: '\f148';
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        font: normal 16px/24px FontAwesome;
        vertical-align: middle;
        text-align: center;
    }

    .btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after,
    .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after,
    .btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after {
        background-color: #fff;
    }

    .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after,
    .btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after,
    .btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after {
        background-color: #232323;
    }

    .btCommentsBox ul.children {
        margin: 0;
    }
}

@media (max-width: 460px) {
    .btAboutAuthor {
        display: block;
        width: auto;
    }

        .btAboutAuthor .aaAvatar {
            display: block;
            width: auto;
            max-width: 150px;
            margin: 0 auto 20px;
        }

        .btAboutAuthor .aaTxt {
            display: block;
            padding: 0;
            margin: 0 0 10px;
            text-align: center;
        }
}

@media (max-width: 1400px) {
    /* Typography breakpoint start 1350 */
    .header.huge h1 {
        font-size: 5.4em;
    }

    .header.huge .btSuperTitle {
        font-size: 1.2em;
    }

    .header.huge .btSubTitle {
        font-size: 1.5em;
    }

    .header.extralarge h1 {
        font-size: 3.5em;
    }

    .header.extralarge .btSuperTitle {
        font-size: 1.1em;
    }

    .header.extralarge .btSubTitle {
        font-size: 1.3em;
    }

    /* /Typography breakpoint */
}

@media (max-width: 1199px) {
    /* Typography breakpoint start 1199 */
    body {
        font-size: 14px;
    }

    .header.large h1,
    .header.large h2 {
        font-size: 2.2em;
    }

    .header.large .btSuperTitle,
    .header.large .btSubTitle {
        font-size: 1em;
    }

    .header.medium h2,
    .header.medium h3 {
        font-size: 1.8em;
    }

    .btCounterHolder {
        font-size: 2em;
    }

        .btCounterHolder.btCounterLargeSize {
            font-size: 2.5em;
        }

    /* /Typography breakpoint */
}

@media (max-width: 768px) {
    /* Typography breakpoint start 768 */
    body {
        font-size: 14px;
    }

    /* Typography breakpoint */
    .header.huge h1 {
        font-size: 3.5em;
    }

    .header.huge .btSuperTitle {
        font-size: 1.1em;
    }

    .header.huge .btSubTitle {
        font-size: 1.3em;
    }

    .header.extralarge h1 {
        font-size: 3em;
    }

    .header.extralarge .btSuperTitle {
        font-size: 1.1em;
    }

    .header.extralarge .btSubTitle {
        font-size: 1.3em;
    }
}

@media (max-width: 992px) {
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce .cart-collaterals .cross-sells,
    .woocommerce .cart-collaterals .cart_totals {
        float: none;
        width: 100%;
        display: block;
    }

    .woocommerce ul.products li.product {
        width: 50% !important;
    }

        .woocommerce ul.products li.product:nth-child(odd) {
            clear: left;
        }

    .woocommerce ul.products li.first {
        clear: none !important;
    }

    .woocommerce-cart table.cart td.actions .coupon {
        float: none;
        min-width: 0;
        margin: 0 0 1em;
    }

    .woocommerce-cart input[name="update_cart"] {
        float: none;
        display: block;
    }

    .woocommerce div.product form.cart .quantity,
    .woocommerce-page div.product form.cart .quantity {
        margin-bottom: 2em;
    }

        .woocommerce div.product form.cart .quantity .qty,
        .woocommerce-page div.product form.cart .quantity .qty {
            width: 5em;
            margin-right: .7em;
        }
}

@media (max-width: 620px) {
    .woocommerce #content table.cart td.actions .button.alt,
    .woocommerce #content table.cart td.actions .input-text + .button,
    .woocommerce table.cart td.actions .button.alt,
    .woocommerce table.cart td.actions .input-text + .button,
    .woocommerce-cart #content table.cart td.actions .button.alt,
    .woocommerce-cart #content table.cart td.actions .input-text + .button,
    .woocommerce-cart table.cart td.actions .button.alt,
    .woocommerce-cart table.cart td.actions .input-text + .button {
        float: none;
    }

    .woocommerce .cart .actions input[type="submit"].button,
    .woocommerce-cart .cart .actions input[type="submit"].button {
        float: none;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-cart form .form-row-first,
    .woocommerce-cart form .form-row-last {
        float: none;
        width: auto;
    }

    .woocommerce p.lost_password,
    .woocommerce-cart p.lost_password {
        float: none;
        margin: 1em 0 0;
        clear: left;
    }

    .woocommerce p.form-row:not(.form-row-wide),
    .woocommerce-cart p.form-row:not(.form-row-wide) {
        float: none;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-cart .woocommerce-ordering {
        float: none;
        margin: .75em 0 0;
    }

        .woocommerce .woocommerce-ordering .fancy-select,
        .woocommerce-cart .woocommerce-ordering .fancy-select {
            width: auto;
            margin: 0 0 30px;
        }

    .woocommerce .woocommerce-result-count,
    .woocommerce-cart .woocommerce-result-count {
        float: none;
        margin: 0;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-cart #content table.cart td.actions .coupon,
    .woocommerce-cart table.cart td.actions .coupon {
        float: none;
        margin: 0 0 1em;
    }

    .woocommerce .commentTxt .star-rating,
    .woocommerce-cart .commentTxt .star-rating {
        margin: 4px 0 8px 0;
        clear: right;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-cart #content table.cart td.actions .coupon,
    .woocommerce-cart table.cart td.actions .coupon {
        float: none;
    }

    .woocommerce > form,
    .woocommerce-cart > form {
        display: block;
        position: relative;
        margin: 0 0 1em;
    }

    .woocommerce table.shop_table_responsive,
    .woocommerce-cart table.shop_table_responsive {
        display: block;
        margin: 0;
    }

        .woocommerce table.shop_table_responsive tbody th,
        .woocommerce table.shop_table_responsive thead,
        .woocommerce table.shop_table_responsive .product-thumbnail,
        .woocommerce-cart table.shop_table_responsive tbody th,
        .woocommerce-cart table.shop_table_responsive thead,
        .woocommerce-cart table.shop_table_responsive .product-thumbnail {
            display: none;
        }

        .woocommerce table.shop_table_responsive tbody,
        .woocommerce-cart table.shop_table_responsive tbody {
            display: block;
            width: 100% !important;
        }

        .woocommerce table.shop_table_responsive tr,
        .woocommerce table.shop_table_responsive th,
        .woocommerce-cart table.shop_table_responsive tr,
        .woocommerce-cart table.shop_table_responsive th {
            display: block;
            width: 100% !important;
        }

            .woocommerce table.shop_table_responsive tr td,
            .woocommerce table.shop_table_responsive th td,
            .woocommerce-cart table.shop_table_responsive tr td,
            .woocommerce-cart table.shop_table_responsive th td {
                display: block;
                width: 100% !important;
                clear: left;
                word-break: break-word;
            }

                .woocommerce table.shop_table_responsive tr td.product-remove,
                .woocommerce table.shop_table_responsive th td.product-remove,
                .woocommerce-cart table.shop_table_responsive tr td.product-remove,
                .woocommerce-cart table.shop_table_responsive th td.product-remove {
                    padding: .5em;
                    text-align: center;
                }

                .woocommerce table.shop_table_responsive tr td:not(.product-remove):not(.actions):before,
                .woocommerce table.shop_table_responsive th td:not(.product-remove):not(.actions):before,
                .woocommerce-cart table.shop_table_responsive tr td:not(.product-remove):not(.actions):before,
                .woocommerce-cart table.shop_table_responsive th td:not(.product-remove):not(.actions):before {
                    content: attr(data-title) ": ";
                    font-weight: 700;
                }

        .woocommerce table.shop_table_responsive .coupon #coupon_code,
        .woocommerce table.shop_table_responsive .coupon .input-text + .button,
        .woocommerce-cart table.shop_table_responsive .coupon #coupon_code,
        .woocommerce-cart table.shop_table_responsive .coupon .input-text + .button {
            float: none;
            clear: both;
            display: block;
            margin: 0 0 10px;
            min-width: 0;
            width: 100%;
        }

        .woocommerce table.shop_table_responsive .button[name="update_cart"],
        .woocommerce-cart table.shop_table_responsive .button[name="update_cart"] {
            width: 100%;
        }

        .woocommerce table.shop_table_responsive td.actions:after,
        .woocommerce-cart table.shop_table_responsive td.actions:after {
            content: '';
            display: table;
            clear: both;
        }

    .woocommerce table.my_account_orders tr td.order-actions:before,
    .woocommerce-cart table.my_account_orders tr td.order-actions:before {
        display: none;
    }

    .woocommerce table.my_account_orders tr td.order-actions,
    .woocommerce-cart table.my_account_orders tr td.order-actions {
        text-align: left;
    }

        .woocommerce table.my_account_orders tr td.order-actions .button,
        .woocommerce-cart table.my_account_orders tr td.order-actions .button {
            float: none;
            margin: .125em .25em .125em 0;
        }

    .woocommerce div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce-cart div.product div.images,
    .woocommerce-cart div.product div.summary {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .woocommerce .lost_reset_password .form-row-first,
    .woocommerce .lost_reset_password .form-row-last,
    .woocommerce-cart .lost_reset_password .form-row-first,
    .woocommerce-cart .lost_reset_password .form-row-last {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .woocommerce-checkout form.login .form-row {
        width: 100%;
        float: none;
    }
}

@media (max-width: 480px) {
    .woocommerce-page .woocommerce-error,
    .woocommerce-page .woocommerce-info,
    .woocommerce-page .woocommerce-message {
        position: relative;
    }

        .woocommerce-page .woocommerce-error .button,
        .woocommerce-page .woocommerce-info .button,
        .woocommerce-page .woocommerce-message .button {
            float: none;
            margin: -.45em 0 .8em .5em;
            display: block;
            text-align: center;
        }

    .woocommerce header.title .edit {
        display: block;
        float: left;
        clear: left;
        margin: 0 0 15px;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        float: none;
        clear: left;
    }

        .woocommerce ul.products li.product:after {
            content: " ";
            display: table;
            width: 100%;
            clear: both;
        }
}

/* RTL support */
body.rtl {
    direction: rtl;
    unicode-bidi: embed;
}

    body.rtl.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
    body.rtl.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
        margin-left: 0;
        margin-right: .5em;
    }

    body.rtl .star-rating:before {
        display: block !important;
    }

    body.rtl .star-rating span:before {
        display: block !important;
    }

    body.rtl .boldRow.btNextPrevRow {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        body.rtl .boldRow.btNextPrevRow .rowItem a {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

        body.rtl .boldRow.btNextPrevRow .rowItem.btTextRight {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            -webkit-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%;
        }

            body.rtl .boldRow.btNextPrevRow .rowItem.btTextRight .nbsImage {
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1;
            }

            body.rtl .boldRow.btNextPrevRow .rowItem.btTextRight .nbsItem {
                left: auto;
                right: auto;
            }

        body.rtl .boldRow.btNextPrevRow .rowItem.btTextLeft {
            -webkit-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

            body.rtl .boldRow.btNextPrevRow .rowItem.btTextLeft .nbsImage {
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1;
            }

            body.rtl .boldRow.btNextPrevRow .rowItem.btTextLeft .nbsItem {
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2;
                left: auto;
                right: auto;
            }

@media (max-width: 580px) {
    body.rtl .boldRow.btNextPrevRow .rowItem.btTextRight .nbsItem {
        text-align: right;
    }

    body.rtl .boldRow.btNextPrevRow .rowItem.btTextLeft .nbsItem {
        text-align: left;
    }
}

@media (max-width: 1199px) {
    .boldRow[style*="580px"],
    .boldRow[style*="530px"] {
        float: none !important;
        max-width: none !important;
    }
}

#btSettingsPanel {
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 100px;
    width: 350px;
    background-color: rgba(0,0,0,.9);
    -webkit-transform: translateX(-350px);
    -moz-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    transform: translateX(-350px);
    -webkit-transition: transform ease-in 300ms;
    -moz-transition: transform ease-in 300ms;
    transition: transform ease-in 300ms;
}

    #btSettingsPanel.btSettingsPanelOpen {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
    }

        #btSettingsPanel.btSettingsPanelOpen #btSettingsPanelToggler:before {
            -webkit-transform: translateX(-4em);
            -moz-transform: translateX(-4em);
            -ms-transform: translateX(-4em);
            transform: translateX(-4em);
            color: white;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    #btSettingsPanel #btSettingsPanelContent {
        padding: 1.5em;
    }

        #btSettingsPanel #btSettingsPanelContent .fancy-select .option {
            color: #fff;
            background-color: #232323;
        }

        #btSettingsPanel #btSettingsPanelContent:after {
            content: " ";
            display: table;
            clear: both;
        }

    #btSettingsPanel #btSettingsPanelToggler {
        cursor: pointer;
        position: absolute;
        right: -3em;
        top: 1em;
        width: 2em;
    }

        #btSettingsPanel #btSettingsPanelToggler:before {
            display: block;
            height: 2em;
            line-height: 2em;
            background-color: #eee;
            -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
            box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
            background-color: rgba(0,0,0,.9);
            font-family: FontAwesome;
            content: "\f013";
            color: var(--main-color);
            text-align: center;
            cursor: pointer;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: all ease-out 150ms;
            -moz-transition: all ease-out 150ms;
            transition: all ease-out 150ms;
        }

    #btSettingsPanel h4 {
        font-weight: 700;
        background-color: var(--main-color);
        padding: 1em 1.5em;
        line-height: 1em;
        font-size: 1.3em;
    }

    #btSettingsPanel .btSettingsPanelRow {
        padding: 0 0 1em;
    }

        #btSettingsPanel .btSettingsPanelRow h6 {
            font-weight: 400;
            font-size: 1em;
        }

        #btSettingsPanel .btSettingsPanelRow.btAccentColorRow {
            width: 50%;
            float: left;
            padding-right: .5em;
        }

            #btSettingsPanel .btSettingsPanelRow.btAccentColorRow .trigger,
            #btSettingsPanel .btSettingsPanelRow.btAccentColorRow select {
                border-color: var(--main-color);
            }

        #btSettingsPanel .btSettingsPanelRow.btAlternateColorRow {
            width: 50%;
            float: left;
            padding-left: .5em;
        }

            #btSettingsPanel .btSettingsPanelRow.btAlternateColorRow .trigger,
            #btSettingsPanel .btSettingsPanelRow.btAlternateColorRow select {
                border-color: #FF7F00;
            }

@media (max-width: 1200px) {
    .btSettingsMenuWidth,
    .btSettingsPageWidth {
        display: none;
    }
}

/* Gutenberg */
/* Separator */
.wp-block-separator {
    margin: 1em auto;
    max-width: 100px;
}

    .wp-block-separator.is-style-wide {
        max-width: 100%;
    }

    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
        border-bottom: 1px solid #8f98a1;
    }

/* Paragraph */
p.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 0;
    line-height: .7;
    font-weight: 500;
}

p.has-drop-cap {
    line-height: 1.2;
}

p.has-background {
    border-radius: 0;
}

.btSoftRoundedButtons p.has-background {
    border-radius: 3px;
}

.btHardRoundedButtons p.has-background {
    border-radius: 3px;
}

p.has-large-font-size {
    line-height: 1.2;
}

em {
    line-height: 1;
}

/* Quote, Pullquote */
.wp-block-quote p {
    font-size: 1em;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 1.3em;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
    text-align: center;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: inherit;
}

/* Button */
.wp-block-file .wp-block-file__button {
    border-radius: none;
}

.btSoftRoundedButtons .wp-block-file .wp-block-file__button {
    border-radius: 3px;
}

.btHardRoundedButtons .wp-block-file .wp-block-file__button {
    border-radius: 50px;
}

.wp-block-button__link {
    font-size: .8em;
    padding: .8em 2.2em;
    font-weight: 500;
    color: #fff !important;
}

    .wp-block-button__link:hover {
        color: var(--main-color) !important;
    }

.wp-block-button {
    margin-bottom: 1em !important;
}

    .wp-block-button.alignnone {
        text-align: inherit !important;
    }

/* Table */
.wp-block-table.is-style-stripes td {
    border-color: rgba(0,0,0,.07);
}

/* Page width */
.btNoSidebar .alignfull {
    width: 100vw;
    margin-left: -webkit-calc(-50vw + 600px);
    margin-left: -moz-calc(-50vw + 600px);
    margin-left: calc(-50vw + 600px);
    margin-right: -webkit-calc(-50vw + 600px);
    margin-right: -moz-calc(-50vw + 600px);
    margin-right: calc(-50vw + 600px);
    max-width: 100vw;
}

/* Gallery */
.wp-block-gallery {
    margin: 0;
}